Minggu, 08 Juni 2014

Webliography - Evaluation and Usability Testing

Terkadang ketika kita berselancar didunia maya kita menemukan ada saja situs-situs yang enak dipandang dalam arti design yang rapih, penggunaan warna yang enak dipandang dan lain-lain. Namun terdapat juga situs yang terkesan berantakan ataupun terlihat kurang enak dipandang karena pemilihan warna yang kurang baik ataupun lainnya. 
Ternyata semua tahapan untuk membuat suatu web itu terdapat suatu evaluasi dan test terlebih dahulu ugar menjadi web yang bagus, indah, rapih, dan yang utama adalah mempermudah user dalam berselancar  di dunia maya.

Terdapat dua jenis Evaluasi yaitu:
  1. Summative Evaluation, yaitu evaluasi yang dilakukan untuk menguji kesuksesan suatu produk yang sudah selesai yaitu mencapai standar yang ditentukan sebelumnya (ISO).
  2. Formative evaluationyaitu evaluasi yang dilakukan selama desain untuk memastikan produk sesuai dengan yang diinginkan pengguna.
Evaluasi dilakukan dimana sistem tersebut bekerja. Waktu eveluasi dapat dilakukan ketika muncul produk baru atau perbaikan dari produk sebelumnya. Salah satu metode yang digunakan untuk mengevaluasi adalah dengan melakukan Heuristic Evaluation.

Heuristic Evaluation bertujuan untuk memperbaiki perancangan secara efektif. Heuristik adalah guideline, prinsip umum dan peraturan, pengalaman yang bisa membantu suatu keputusan atau kritik atas suatu keputusan yang telah diambil.
Menurut Nielsen (1994), Heuristic Evaluation adalah metode yang digunakan untuk menemukan kesalahan pada desain antarmuka. Menurut Nielsen ini, ada 10 prinsip umum desain antarmuka yang dapat digunakan, yaitu:
  1. Visibility of system status, yaitu sistem memberika informasi kepada user mengenai status keberadaan user dalam sistem baik dengan cara umpan balik atau terdapat suatu pembeda dalam sistem yang menunjukan informasi status user.
  2. Match between system and the real world, yaitu sistem sebaiknya menggunakan bahasa, frasa, kata serta konsep yang mudah dimengerti dan familiar bagi user. Sebaiknya tidak jauh berbeda dengan kehidupan nyata.
  3. User control and freedom,  user terkadang melakukan kesalahan oleh karena itu dibutuhkan suatu jalan pintas bagi user untuk kembali ke posisi sebelum terjadi kesalahan tersebut. Mendukung untuk melakukan undo dan redo.
  4. Consistency and standards, suatu sistem harus mempunyai standar serta konsisten terhadap suatu konsep sehingga tidak membingungkan user ketika dihadapkan dengan dua hal berbeda namun isinya sama.
  5. Error prevention,  suatu pencegahan yang dilakukan sistem agar tidak terjadi kesalahan yang dilakukan oleh user.
  6. Recognition rather than recall, meminimalkan ingatan user terhadap suatu objek atau tahapan yang dilalui user dengan cara memberikan objek, penanda ataupun tag yang memperlihatkan jejak user dalam berselancar disistem tersebut.
  7. Flexibility and efficiency of use, sistem harus bisa digunakan oleh semua kalangan jenis user yang ada.
  8. Aesthetic and minimalist design, dialog sebisa mungkin hanya memunculkan informasi yang relevan.
  9. Help users recognize, diagnose, and recover from errors, pesan terhadap suatu kesalahan yang dilakukan user dengan bahasa yang mudah dimengerti dan memberikan solusi bagi user memperbaikinya.
  10. Help and documentation,  sistem memberikan opsi bantuan terhadap apa saja yang bisa dilakukan pada sistem tersebut.
Penilaian terhadap permasalahan usability ini, menurut Nielsen dibagi menjadi 4 ketegori penilaian, yaitu:
  • 0 = I don’t agree that this is a usability problem at all (tidak ada masalah dengan usability pada tampilan yang ada).
  • 1 = Cosmetic problem only: need not be fixed unless extra time is available on project (kesalahan kosmetik, tidak perlu diperbaiki, kecuali terdapat waktu tambahan).
  • 2 = Minor usability problem: fixing this should be given low priority (masalah minor, untuk memperbaikinya hanya diberi prioritas rendah).
  • 3 = Major usability problem: important to fix, so should be given high priority (masalah mayor, penting untuk diperbaiki sehingga harus diberi prioritas yang tinggi).
  • 4 = Usability catastrophe: imperative to fix this before product can be released (bencana, sangat buruk, sangat penting untuk diperbaiki kembali sebelum diedarkan ke pasaran).

Help and Documentation - www.jual-beli.com

Help and documentation  adalah aspek yang menjelaskan bahwa sistem harus memberikan opsi bantuan kepada user serta dokumentasi yang berisikan informasi-informasi tentang penggunaan sistem tersebut.
Pada situs www.jual-mainan.com terdapat menu "Cara Belanja" dan "Pengiriman" namun ketika kita membukanya hanya terdapat halaman kosong tanpa ada informasi apapun.

tidak ada informasi apapun pada menu "Cara Belanja"
Hal yang sama ketika membuka menu "Pengiriman"
Namun ketika saya mencoba membuka submenu "Peraturan Belanja" ternyata disana berisi informasi "Cara Belanja" dan "Pengiriman". Bagi user awam yang pertama kali mengunjungi situs ini akan merasa kebingungan ketika ingin mengetahui cara belanja pada situs ini. Saya juga cukup heran mengapa "Cara Belanja" dan prosedur "Pengiriman" terdapat pada submenu "Peraturan Belanja". Selain itu tata cara penulisan  terkesan membosankan karena terdapat banyak sekali tulisan dan terlihat tidak rapih.

"Cara Belanja" dan "Pengiriman" terdapat pada submenu "Peraturan Belanja"
Serta tidak adanya menu bantuan pada situs ini sehingga tidak ada navigasi bagi user untung melakukan seluruh informasi penggunaan sistem pada situs ini.

Rekomendasi : Sebaiknya "Cara Belanja" dan "Pengiriman" ditempatkan pada menu yang sudah disediakan atau menu tersebut bisa dihilangkan saja. Selain itu penulisannya pun harus diperbaiki dan untuk menghilangkan rasa bosan bisa diganti dengan menggunakan diagram alir.

Severity ratings : 3

Help Users Recognize, Diagnose, and Recover from Errors - www.jual-mainan.com

Aspek selanjutnya adalah Help users recognize, diagnose, and recover from errors, sistem dapat memberikan pesan error kepada user dengan jelas serta memberikan solusi bagi user agar tidak terjadi kesalahan yang sama.
Pada situs www.jual-mainan.com hanya terdapat dua pesan error yang muncul yaitu ketika salah memasukan Chaptcha dan salah memasukan nama kota. Hal itu pun muncul pesan karena terhubung dengan tabel daftar ongkir dari JNE yang kita harus memilihnya. Selain itu tidak ada pesaan error yang muncul ketika saya mencoba mengisi data pengiriman dengan asal-asalan serta data konfirmasi transfer dengan asal-asalan tidak ada satupun pesan error yang muncul.

tidak ada pesan error ketika diisi asal-asalan (1)

tidak ada pesan error ketika diisi asal-asalan (2)
tidak ada pesan error ketika diisi asal-asalan (3)
Rekomendasi : Hanya terdapat 2 pesan error dalam situs ini, sedangkan sisanya tidak ada pesan error walaupun data yang diisi salah. Tidak adanya pesan error akan membuat data invalid oleh karena itu sistem seharusnya memberikan peringatan atau pesan error ketika data yang diisi tidak sesuai serta memberikan solusinya.

Severity ratings : 4

Aesthetic and Minimalist Design - www.jual-mainan.com

Makna dari aspek ini adalah suatu sistem seharusnya tidak menampilkan suatu dialog yang tidak mengandung informasi yang tidak relevan. Sistem dituntut untuk menampilkan tampilan yang relevan dan dapat memenuhi dalam segi estetika.
Ketika saya mengunjungi www.jual-mainan.com kesan pertama yang saya lihat adalah warna-warni. Banyaknya variasi warna memang dapat membuat indah tetapi salah penempatan warna malah akan membuatnya menjadi lebih buruk. Pada bagian header dan atas halaman warna yang dominan adalah warna merah, padahal warna merah ketika dipasangkan dengan background berwarna putih dapat membuat mata cepat lelah. Masih banyak juga pallete warna yang kurang tepat sehingga warnanya terkesan bentrok dan kadang tulisan menjadi kurang terlihat.
variasi warna yang berlebihan
pemilihan warna kurang pas sehingga kurang terlihat

Selain itu dapat dilihat ukuran gambar yang beragam serta panjang judul yang berbeda-beda memberikan kesan kurang rapih.
warna tulisannya terkesan bentrok satu dengan yang lain

Rekomendasi : Sebaiknya dilakukan lagi pemilihan warna yang baik, sehingga tidak terkesan bentrok dan tulisan dapat terlihat jelas. Serta diperhatikan panjang judul dan besarnya ukuran gambar produk yang dijual sehingga dapat terlihat lebih rapih.

Severity ratings : 4

Flexibility and Efficiency of Use - www.jual-mainan.com

Kemampuan user dalam menggunakan fungsi atau fitur-fitur yang ada pada sistem berbeda-beda. Sistem yang baik adalah mampu mengcover seluruh jenis user yang memiliki kemampuan yang berbeda namun masih dapat menjalankan seluruh fungsi yang ada pada sistem tersebut tanpa kesulitan.
Pada situs jual-mainan.com, terdapat menu “Cara Belanja” namun ketika dibuka tidak terdapat apa-apa pada menu tersebut. Entah kesalahan sistem atau memang tidak ada penjelasan lebih lanjut mengenai cara berbelanja.

menu "Cara Belanja" ketika dibuka kosong
Rekomendasi : Sebaiknya dijelaskan cara berbelanja pada menu tersebut atau mungkin menu tersebut bisa dihilangkan apabila memang tidak ada isinya. Namun tetap harus ada tutorial bagi user tentang cara berbelanja, pemesanan hingga pembayaran.

Recognition Rather Than Recall - www.jual-mainan.com

Pada aspek ini dapat diartikan bahwa user tidak perlu mengingat langkah sebelumnya sebelum dia berada pada posisi sekarang. 
Permasalahan yang muncul adalah ketika kita melakukan pembelian barang dan menyelesaikan pembayaran, maka akan muncul suatu kode transaksi yang dinamakan “No Invoice”. Namun apabila kita terburu-buru dan lupa mencatat kode tersebut ataupun lupa maka kita tidak bisa melihatnya kembali. Walaupun akan muncul halaman sebelumnya ketika kita menekan tombol back pada browser namun apabila kita sudah terlalu jauh maka user akan kesulitan jika lupa akan kode tersebut. Ditambah lagi tidak ada fitur member sehingga tidak ada jejak pembelian barang yang dapat dilihat.

"No Invoice" data penting namun kurang peringatannya agar diingat oleh user
Rekomendasi : Sebaiknya terdapat pendaftaran member / login yang didalamnya user bisa melihat info pembelian barang sebelum-sebelumnya. Tidak adanya fitur login terkesan situs ini kurang serius dalam menanggapi user yang ingin membeli produk mereka. Karena siapapun bisa mengisi / mencoba membeli barang sesuka hati.

Severity ratings : 4