Rabu, 26 Januari 2011

Analisis Web Distro BloopEndorse (Part 3)

Pada postingan ini saya akan melanjutkan pembahasan mengenai analisis web usability www.bloopendorse.com  berdasarkan  Nielsen Usability heuristik. Langsung aja ke poin pembahasannya yaitu :

1.    Visibility of System Status

Situs www.bloopendorse.com ini sudah lumayan memperlihatkan feedback yang baik dalam hal pengguna. Karena ketika kita lakukan mouseover pada menu akan terdapat perubahan warna tulisan menjadi kuning.

Gambar 1. Mouseover pada menu kategori


Namun untuk menu di atas sepertinya bukan menu yang biasa ditampilkan pada navigasi header pada biasanya, melainkan seperti menu kategori produk yang ditampilkan secara horizontal saja.  Menu yang terdiri seperti halaman home, about us, atau chekout malah ditampilkan di sisi sudut kanan atas. Hal ini akan membuat user tidak menyadari keberadaan menu tersebut dan merasa bingung  dalam menggunakan web ini.

Gambar 2. Menu

Pada visualisasi menu ini warna tulisan yang digunakan terlihat mati. Dan tidak memperlihatkan interaksi mouseover dengan baik. Ketika dimouseover memang terlihat perbedaannya dengan tulisan lain namun hal pembeda itu di tampilkan seperti  link-text. Hal ini akan membuat user merasa tidak nyaman. Sebaiknya digunakan perubahan warna  yang membedakan  background setiap menu (diberi tampilan hover) dan di letakkan dibawah header.
Selain itu situs www.bloopendorse.com  tidak menyediakan fasilitas  Bread-Crumb sebagai pelengkap navigasi yang membantu user untuk mengetahui posisi halaman yang sedang dibuka. Penggunaan Bread-Crumb tersebut memungkinkan user dapat berpindah ke halaman sebelumnya, dengan begitu user tidak akan tersesat.


2.    Match Between System and the Real World

Bahasa yang digunakan pada situs www.bloopendorse.com ini yaitu kolaborasi  bahasa indonesia dan bahasa inggris. Namun di sisi ini saya melihat ada ketidakkonsistenan pada setiap penggunaannya.   Di situs ini terdapat task yang langsung menampilkan tulisan dengan dua bahasa sekaligus. Menurut saya ini akan terlalu memakan banyak tempat jika tulisannya panjang. Hal ini diperlihatkan ketika user sudah selesai melakukan chekout tanpa mengisi keranjang belanjanya dan ada notifikasi bahwa “Shoping cart anda kosong” seperti  gambar berikut ini.

Analisis Web Distro BloopEndorse (Part 4)

Berlanjut dari postingan sebelumnya mengenai analisis web bloopendorse.com ini yaitu :

6. Recognition Rather Than Recall

Ketika user sudah selesai melakukan registrasi, user akan ditampilkan dengan halaman baru yang langsung bisa meng-update data dirinya. Hal ini akan mengurangi beban memori dari user dalam mengoperasikan situs ini.

Gambar 8. Update Data
       
7. Flexibility and Efficiency of Use

Pada halaman yang menampilkan daftar seluruh produk, penempatan harga, kode, judul, ukuran yang ditampilkan menurut saya kurang sesuai. Karena biasanya user melihat judul, kode, dan harga terlebih dahulu. Selain itu tidak ada button add to chart langsung pada setiap viewing produk, sehingga user harus mengeluarkan beban lebih untuk mengaksesnya.
Gambar 9. Viewing Produk

Pada task pemesanan produk, setelah selesai memesan sudah ada konfirmasi pemberitahuannya.

 Gambar 10. Selesai Pesan

Jadi pada poin ini situs www.bloopendorse.com sudah lumayan baik hanya saja kurang teliti dalam analisis penempatan task nya.


     8. Aesthetic and Minimalist Design

Situs www.bloopendorse.com memiliki tema grayscale karena warna background yang digunakan yaitu kolaborasi hitam, putih, dan abu-abu. Secara umum desain yang digunakan sudah cukup menarik mengikuti selera user (anak muda). Namun ada beberapa gambar yang seharusnya ditempatkan di posisi yang tepat. Contohnya pada halaman produk wanita yaitu :

 Gambar 11. View Kategori women

Pada bagian yang diberi kotak merah tidak menunjukan arti apapun, sehingga harus memakan banyak tempat. Mungkin maksud kotak biru tersebut akan diisi oleh gambar-gambar baju yang berkaitan.  Namun disini kotak tersebut terlihat sangat mengganggu. Sebaiknya kotak tersebut dihilangkan saja dan diganti oleh Judul kategori.  Dari segi keseluruhan desain situs www.bloopendorse.com ini sudah cukup bagus namun hanya masih kurang interaktif menurut saya.


      9. Help Users Recognize, Diagnose, and Recover from Errors

Dalam situs ini sudah terdapat pesan yang sangat jelas dan tidak membingungkan bila pengguna tidak melengkapi data pada form registrasi  dan  setelah pengguna menyelesaikan memilihan barang yang telah dipesan.  Hanya saja penggunaan huruf pada form yang dibuat kecil dan pewarnaannya mungkin agak menyulitkan pengguna. Contoh gambar ada pada poin  Error Prevention.


     10. Help and Documentation

Situs www.bloopendorse.com sudah memiliki menu How to order untuk membantu user dalam melakukan pemesanan secara online di web ini. Dari proses pemesanan melalui website, sms, hingga proses pengiriman semua sudah cukup jelas di sini. User dapat bertanya secara langsung kepada owner melalui no telp yang tercantum.  


Gambar 12. Cara Pemesanan


Kesimpulan :
Berdasarkan seluruh ulasan yang sudah saya analisis dapat diambil kesimpulan bahwa situs www.bloopendorse.com  sudah memiliki sisi interface yang baik. Dari sisi evaluasi heuristik situs ini cukup mudah digunakan dan dipelajari, efisien, dan pengguna yang melakukan kesalahan pun  dapat dengan mudah mengetahui sisi kesalahannya.  Sisi kekurangganya yaitu mungkin developer belum memasukan beberapa task yang seharusnya ada pada web serta masih kurangnya analisis mengenai suatu ketidak-konsistenan.



"...My New World..."