YEAY! \(^o^)/

Dufan (030312)

Analisis Antarmuka Pencarian dan Hasil Pencarian (SERP)

Pada posting kali ini saya akan mencoba menyampaikan analisis saya mengenai antarmuka pencarian dan hasil pencarian (SERP) untuk situs web sebuah Bank di Indonesia, Bank BNI.

Search engine pada situs web Bank BNI secara design interface sudah menyerupai tampilan search engine pada umunya. Tetapi ada beberapa hal yang berbeda, seperti tombol pencarian yang digunakan, dan posisi search engine pada halaman web. Jika pada umumnya tombol untuk memulai pencarian adalah tombol dengan label gambar kaca pembesar atau tombol berlabel “search”, pada situs ini menggunakan tombol berlabel “Go”. Adanya tombol tulisan “Cari” disebelah kiri text box membuat tombol “Go” menjadi useless, karena sudah jelas bagi pengguna bahwa alat itu digunakan untuk melakukan pencarian. Selain itu posisi search engine pada halaman web ini ada di kiri atas, biasanya posisi search engine ada di kanan atas halaman web.

Analisis Top 10 Kesalahan dalam Desain Web

a. Bad Search
Contoh situs web: Bank BNI

Suatu pencarian dikatakan Bad Search ketika tidak dapat menangani kesalahan pengetikan keywords, bentuk jamak dan tanda hubung. Kemudian saya mencoba melakukan pencarian produk dengan beberapa keyword berikut:

·         tarif phone plus

Hasil pencarian yang paling pertama justru tidak menampilkan hasil pencarian yang sesuai, tetapi pada hasil pencarian di bawahnya baru menampilkan hasil yang diinginkan, yaitu mengenai tariff untuk PhonePlus. 

·         tariff phone plus

Hasil pencarian yang ditampilkan langsung sesuai dengan apa yang ingin dicari. Seluruh hasil pencarian pada page pertama langsung menampilkan pencarian yang memang berhubungan dengan tarif untuk PhonePlus. 

·         tariff phoneplus

Hasil pencarian yang ditampilkan pada page pertama tidak sesuai dengan apa yang ingin dicari. Hasil pencarian justru menampilkan produk-produk yang dimiliki oleh Bank BNI.

Dengan ketiga keywords tersebut sebenarnya kita sudah bisa memperoleh hasil pencarian yang kita inginkan, namun ketiga menampilkan hasil pencarian dengan prioritas yang berbeda-beda. Misalnya ketika menggunakan keywords pertama. Setelah mencoba menggunakan beberapa keywords lain, search engine ini dapat menangani kesalahan pengetikan dalam bahasa Inggris, tetapi tidak bisa menangani kesalahan pengetikan dalam bahasa Indonesia.

b. PDF Files for Online Reading

Contoh situs web: http://sirusa.bps.go.id/ dan Bank BNI

Salah satu contoh situs web yang menyajikan file dalam format PDF adalah http://sirusa.bps.go.id/. Karena loading page untuk file dalam format PDF cukup lama apalagi jika ukuran filenya besar. Response time yang lama akan membuat pengguna web menjadi tidak sabar dan mereka bisa saja langsung meninggalkan web tersebut sebelum loading page selesai. Selain itu masih ada kesulitan mencari informasi secara cepat dalam file PDF, pengguna akan cenderung menggulung page daripada menggunakan menu ‘find’. Contoh lainnya diperoleh juga dari situs web Bank BNI pada menu Pengumuman Lelang, jika salah satu link dibuka maka akan menampilkan file dalam format PDF.

c. Not Changing the Color of Visited Links

Contoh situs web:  Bank BNI

Umumnya link yang sudah dikunjungi atau yang sedang dikunjungi menampilkan warna yang berbeda yang menunjukkan link tersebut sudah atau sedang dikunjungi. Namun pada situs web ini tidak ada perubahan warna pada link yang sudah atau sedang dikunjungi. Contohnya ketika membuka salah satu link pada hasil pencarian kemudian kembali ke halaman hasil pencarian, link yang sudah di-klik tersebut tidak menampilkan warna yang berbeda (awalnya link berwarna abu-abu, setelah dibuka link tetap berwarna abu-abu). Ini akan sedikit menyulitkan pengguna untuk mengetahui link mana yang telah dikunjungi, pengguna bisa saja memasuki kembali link telah dibuka padahal hal itu tidak ingin dilakukan oleh pengguna. 

d. Non-Scannable Text

Penulisan teks pada situs web Bank BNI ini sudah baik, karena sudah menampilkan subjudul, adanya bulleted lists, merupakan paragraf singkat yang dapat memudahkan pembaca melakukan scanning dalam membaca. Namun dalam tampilan hasil pencarian tidak ada highlighted keywords untuk keywords  yang sedang kita cari, hal ini cukup menyulitkan pengunjung web untuk melihat keterkaitan antara apa yang dicari dengan hasil pencarian.

e. Fixed Point Size

Ukuran font yang ditampilkan pada halaman situs web Bank BNI cukup kecil, mengingat kebanyakan nasabah bank umumnya adalah orang yang sudah “berumur”. Ukuran font yang kecil dapat menyulitkan pengguna untuk mendapatkan informasi yang ingin diperolehnya. Walaupun dapat menggunakan zoom-in pada web browser, akan lebih baik jika sejak awal/sejak situs ini terhubung dengan pengguna ukuran font pada situs ini tidak terlalu kecil sehingga nyaman untuk dibaca.

f. Page Titles with Low Search Engine Visibility

Contoh situs web: http://www.arngren.net/robot.html

Page titles yang panjang tidak dibutuhkan oleh pengunjung situs, namun bila situs web tersebut ingin disimpan sebagai Favorite atau di-Bookmark page titles yang sangat panjang tersebut akan menyulitkan pengguna ketika pengguna ingin mencarinya kembali. Akan lebih baik dan efektif jika pada page titles dicantumkan company dari situs web tersebut untuk memudahkan pengguna situs web.

g. Anything that Looks Like an Advertisement

Contoh situs web: http://www.johannstrings.com/

Biasanya dalam sebuah situs web selalu ada tampilan iklan, dan para pengguna web sudah bisa mengenal bahwa suatu tampilan tersebut dikategorikan sebuah iklan, maka ketika sebuah iklan muncul dalam halaman situs web, pengguna web secara otomatis akan mengabaikan iklan tersebut. Namun, ada web yang menampilkan informasi dari produk mereka seperti tampilan iklan yang bisa saja luput dari perhatian pengguna web. Misalnya pada situs web Bank BNI, cara penggunaan atau pendaftaran produk mereka ditampilkan dalam bentuk yang menyerupai iklan seperti yang dilingkari pada gamabar. Informasi tersebut dapat dikategorikan perlu untuk diketahui oleh pengguna, namun karena penyajiannya yang menyerupai iklan informasi yang ingin disampaikan bisa saja luput dari perhatian pengguna.

Contoh lainnya di temukan di situs web http://www.johannstrings.com/, situs tersebut menampilkan koleksi biola yang ada seperti sebuah iklan. Yang paling mencolok seperti iklan adalah banner yang ada di bawah gambar berikut.

h. Violating Design Conventions

Contoh situs web: www.detiknews.com

Beberapa situs web menampilkan desain web yang tidak lazim. Beberapa tampilan sangat menarik bagi penggunanya namun sulit dalam penggunaannya seperti situs web Hello Sour Sally!. Ada juga situs web yang cara penggunaannya mudah (seperti situs web sejenisnya) namun tampilannya kurang nyaman bagi pengguna, seperti yang ditemukan pada homepage www.detiknews.com. Homepage situs web tersebut menggunakan terlalu banyak warna, selain itu penempatan berita dan iklan yang terkesan tidak rapi akan membuat penggunanya merasa kurang nyaman untuk melihat tampilan situs web tersebut. Karena penggunaan maupun tampilan dari sebuah situs web yang tidak lazim atau menyulitkan bagi pengguna, pengguna bisa saja meninggalkan web tersebut.

i. Opening New Browser Windows

Contoh situs web: www.telkom.co.id

Ketika melakukan pencarian pada situs web Telkom dan membuka salah satu link hasil pencarian, link tersebut tidak mengarahkan ke page link tersebut langsung dari page dimana pengguna berada sebelumnya. Tetapi link tersebut membuka window baru untuk menampilkan page dari link yang di-klik. Padahal link tersebut merupakan bagian (produk) dari situs web Telkom. Terbukanya window baru akan membuat pengguna web berpikir apakah dia masih dalam satu web yang sama atau tidak. Terlebih lagi saat membuka window baru, tombol ‘back’ tidak dapat digunakan sehingga menyulitkan pengguna untuk kembali ke halaman sebelumnya. Jika masih satu bagian dengan web utama akan lebih baik bila tidak membuka window baru.

j. Not Answering Users' Questions

Contoh situs web: www.mobile88.co.id

Pengguna situs web untuk barang elektronik (e-commerce maupun situs pencarian) umumnya melakukan pencarian dengan tujuan untuk mengetahui spesifikasi barang, ketersediaan barang ataupun harga barang itu sendiri. Namun ketika melakukan sebuah pencarian dan diperoleh hasil pencarian tanpa spesifikasi yang jelas, tanpa penjelasan tersedia atau tidaknya barang maupun spesifikasi harga barang dapat dikatakan bahwa pencarian pada web tersebut dan informasi yang diberikan oleh web tersebut “tidak menjawab pertanyaan dari pengguna”. Sehingga pengguna merasa tidak puas dan mencari informasi di situs web lain. Diilustrasikan oleh gambar berikut:

G64090092

Implementasi QR Code

Pernahkah teman-teman melihat gambar di samping? :D

Yak! Gambar tersebut disebut QR Code. Pada post kali ini saya akan membahas mengenai apa itu QR Code dan contoh implementasinya.

QR Code adalah suatu jenis kode matriks atau kode batang dua dimensi yang dikembangkan oleh Denso Wave, sebuah divisi Denso Corporation yang merupakan sebuah perusahaan Jepang dan dipublikasikan pada tahun 1994 dengan fungsionalitas utama yaitu dapat dengan mudah dibaca oleh pemindai.

IMK - Sour Sally, Sebuah Interface yang Menarik dan Menjual

Waktu ditugas untuk mencari sebuah interface yang 'menarik' ini diturunkan, saya langsung teringat sebuah web dari suatu produk yogurt yang tidak sengaja saya temukan sebelumnya (tadinya saya sempat lupa alamat web-nya =.=). Langsung saja, ini dia web-nya Hello Sour Sally! :D

Dari tampilan loading page-nya saja menarik perhatian bukan? :D. Pada loading page ini awalnya hanya ada tulisan "loading" dan sebuah garis yang semankin memanjang, yang akhirnya menunjukan sebuah karakter anak perempuan yang bernama Sour Sally.

Setelah loading page selesai, akan muncul page seperti berikut

 

Something Always Brings Me Back To You...

Sekali-kali ngepost yang galau-galau bolehlah yaaa haha!

Jadi begini...

Dan sekarang, gue kangen...

Dengan galau dan perasaan yang campur aduk *lu kira es campur

gue putar sebuah lagu...

Sara Bareilles - Gravity

Something always brings me back to you
It never takes too long
No matter what I say or do
I still feel you here 'til the moment I'm gone

You hold me without touch
You keep me without chains
I never wanted anything so much
Than to drown in your love and not feel your rain

Set me free, leave me be
I don't wanna fall another moment into your gravity
Here I am and I stand so tall
I'm just the way I'm supposed to be
But you're on to me and all over me

You loved me 'cause I'm fragile
When I thought that I was strong
But you touch me for a little while
And all my fragile strength is gone

Set me free, leave me be
I don't wanna fall another moment into your gravity
Here I am and I stand so tall
I'm just the way I'm supposed to be
But you're on to me and all over me

I live here on my knees
As I try to make you see
That you're everything I think I need
Here on the ground

But you're neither friend nor foe
Though I can't seem to let you go
The one thing that I still know
Is that you're keeping me down
You're keeping me down

You're on to me, on to me and all over
Something always brings me back to you
It never takes too long

for "100609"

Waktu acara puncak MPD Grafity 46 (7 Agustus 2010) kemarin, gue dapet sebuah quote dari salah satu pembicara di talk show waktu itu (lupa namanya mbak siapa heheuu). Buat gue pribadi quote-nya "UWOW" banget dan bikin gw tercengang (cieee tercengang). Semoga quote ini juga bisa menginspirasi teman-teman yang baca *hoho.

"kadang jalan keluar itu ada tidak jauh dari titik dimana kita ingin menyerah..."