Senin, 09 Juni 2014

Flexibility and efficiency of use - bungaakrilik.com

Fleksibilitas dan Efisiensi
Bagaimana membuat sebuah sistem yang mengakomodasi pengguna yang sudah ahli dan pengguna yang masih pemula. Berikan alternatif untuk pengguna yang “berbeda” dari pengguna biasa (secara fisik, budaya, bahasa, dll).

Masalah tidak ada fungsi search pada web ini, mungkin ada pengguna yang ingin mensearch produk tapi tidak bisa melalui metode browsing.
Rekomendasinya sediakan fungsi search dipojok kanan atas sebagaimana mestinya.
Untuk severity rating, masalah ini diklasifikasikan pada skala 4 usabillity catasthrope, yang artinya harus diubah sebelum web ini diluncurkan.

Masalah lainnya pada produk tidak tersedia drop-down list, sehingga ada waktu "tunggu" bagi user yang mindsetnya terdapat drop-down list.
Drop-down list selain mengefisiensi pencarian dengan metode browsing, juga dapat memperindah tampilan apabila diletakkan dengan benar.
Rekomendasinya tentu dengan menyediakan drop-down list, sehingga tanda yang dilingkari tersebut bisa dihilangkan.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Help and documentation - bungaakrilik.com

Fitur Bantuan dan Dokumentasi
Sistem harus memiliki dokumentasi yang relevan dan fitur help yang baik, sehingga pengguna dapat mempelajari segala sesuatu yang terkait dengan sistem.
Dengan adanya cara pemesanan berikut, informasi dan langkah-langkah tidak terlalu rumit, sehingga dpat dengan mudah dipahami user. Berikut screenshootnya:
Rekomendasi lebih dirapihkan allignnya cukup rata kanan-kiri akan terlihat lebih rapih, mungkin untuk pertanyaan bisa dilayangkan ke nomer yang ada, tetapi hal ini butuh juga apabila ditambahkan satu point dibawah.
Untuk severity rating, masalah ini diklasifikasikan pada skala 1 Cosmetic problem only, yaitu tidak perlu diperbaiki, kecuali ada tambahan waktu projek.

Consistency and standards - bungaakrilik.com

Standar dan Konsistensi
Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Masalah pertama, tidak konsisten dalam penamaan kategori produk.
Bisa dilihat terdapat kata "acrylic" dan "akrilik" pada penamaan kategori, meskipun memberi artian yang sama menuju bahan pokok pembuatanya namun kesalahan ini fatal sekali.
Rekomendasinya mengganti "acrylic" dengan "akrilik" agar konsisten dalam penggunaan akrilik yang berbahasa Indonesia.
Untuk severity rating, masalah ini diklasifikasikan pada skala 4 usabillity catasthrope, yang artinya harus diubah sebelum web ini diluncurkan.




Ketidak konsistenan dalam penebalan huruf.
Kembali pada kategori terlihat ada satu kategori yang hurufnya dicetak tebal dan yang lainnya biasa saja, hal ini menunjukan ketidak konsistenan, meskipun untuk mempertegas ada produk terbaru.
Rekomendasinya menghilangkan kategori "Produk Terbaru" atau edit dengan tidak menebalkan hurufnya.
Untuk severity rating, masalah ini diklasifikasikan pada skala 2 minor usability, yang artinya harus diubah namun dalam prioritas yang rendah.

Kembali dengan ketidak konsistenan, kali ini nama toko tertulis dengan tidak konsisten.
Dapat dilihat dari screenshoot dibawah di header web tertulis "saha" sedangkan didalam menu tertulis "SAHA", ini merupakan kesalahan yang fatal juga karena.
Rekomedasinya dengan mengganti tulisan di header atau di kontak dengan nama toko yang benar.
Untuk severity rating, masalah ini diklasifikasikan pada skala 4 usabillity catasthrope, yang artinya harus diubah sebelum web ini diluncurkan.

Header yang tidak standar.
Maksudnya disini, web pada mas kini ada sebuah logo di headerny dan logo itu hyperlink ke alamat home, dan tidak untuk kasus web ini, ketika ingin ke home sebagai pengguna akan lebih memilih mengklik logo, daripada menu home.
Rekomendaasinya menyediakan logoo berhyperlink ke alamat home.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Hyperlink yang berada di Footer cukup membingungkan
Diantara hyperlink-hyperlink dibawah ini ada tanda pisah berupa :: yang warnanya mirip dengan hyperlink yang ada, sehingga membuat user kebingungan dengan tanda :: diantara hyperlink itu. Berikut hasil screenshootnya:
Rekomendasinya cukup hilangkan tanda :: karena walaupan dirubah warnanya tetap bakal annoying dimata.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Satu lagi yang tidak standar adalah tanda bintang penanda, field harus terisi.
Ketika ingin mengirimkan pesan kepada toko, ada beberapa field yang harus diisi, dan ada juga field yang wajib diisi (tidak boleh kosong), pada web ini penandanya merupakan bintang berwarna hitam, yang standarnya berwarna merah yang memberikan pesan warning.
Rekomendasinya mengganti warna untuk siombol bintang dari hitam menjadi merah
Untuk severity rating, masalah ini diklasifikasikan pada skala 2 minor usability, yang artinya harus diubah tetapi dalam prioritas lebih rendah.


Seperti yang sudah dibahas sebelumnya di User Control and freedom, penggunaan breadcrumb yang tidak standar dapat membuat user  kebingungan untuk bernavigasi.

Help users recognize, diagnose, and recover from errors - bungaakrilik.com

Bantu Pengguna untuk Mengenali, Mendiagnosa dan Mengatasi Masalah
Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Tidak adanya informasi yang tepat untuk menjelaskan apabila memasukan halaman pada alamat web yang tidak ada. Berikut adalah screenshoot apabiila memasukan alamat yang tidak ada dalam web:
Rekomendasinya memberikan halaman yang berupa informasi bahwa halaman tidak ditemukan dan memberi penjelasan apa yang harus dikerjakan selanjutnya, misalnya: rujukan untuk melakukan pencarian.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Di masalah error prevention, terlihat tidakm memakai bahasa yang sopan dengan adanya tanda seru diakhir pesan, kesannya kita melakukan salah terus dimarahi, ini jelas tidak mengenakan kepada user.
Rekomendasinya kalimat isi pesan lebih sopan lagi tidak memakai tanda seru.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Error prevention - bungaakrilik.com

Pencegahan Kesalahan
Merancang sistem yang mencegah terjadinya kesalahan lebih baik daripada merancang pesan kesalahan yang baik.

Kesalahan yang memungkinkan terjadi oleh sistem berada pada pengiriman pesan kepada toko.
Kesalahan pun diketahui setelah submit, tidak ada pencegahan terjadinya error, berikut contohnya:
1. Kesalahan apabila field yang berbintang (tidak boleh kosong) tidak terisi.
field nama kosong
field email salah/kosong
field subjek kosong
field isi pesan kosong
Rekomendasinya lebih baik mencegah daripada mengobati, hal ini juga berlaku pada sistem ini lebih baik sebelum mengisi field selanjutnya, cek dulu field sebelumnya.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

2. Kesalahan dalam pengisian nomor telepon dengan alfabet proses masih berlanjut.
Hal ini perlu diperbaiki agar mengecek nomer telepon dengan isian numerik, meskipun field ini tidak wajib diisi.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Aesthetic and minimalist design - bungaakrilik.com

Estetika dan Desain yang Minimalis
Sistem hanya menghasilkan informasi yang relevan, informasi yang tidak relevan mengurangi visibilitas dan usability dari sistem.

Design halaman Home dengan big menu yang terlalu banyak dan tidak ada pemisah kategori. Berikut screenshootnya:
Dengan big menu yang terlalu "Big" membuat estetika halaman kurang, user harus menscroll berkali-kali supaya mencapai titik akhir pada halaman ini, dari segi design tampilan sudahh sangat minimalis dan informasi yang didapat sudah cukup.
Rekomendasinya thumbnails dari gambar-gambar tersebut bisa diperkecil, dan apabila mau memakai big-menu bisa dikategorikan berdasarkan kategori yang ada.
Untuk severity rating, masalah ini diklasifikasikan pada skala 2 minor usability, yang artinya harus diubah namun dalam prioritas yang rendah.

Recognition rather than recall - bungaakrilik.com

Minimalkan ingatan memori pengguna dan hindari pengguna harus menghafal dan mengingat hal-hal yang ada di situs tersebut, atau untuk kembali ke halaman sebelumnya hanya untuk melihat informasi sebelumnya.
Prosedur pemesanan yang membingungkan.
Pemesanan harus mencantumkan kode barang, dan kode barang tersebut hanya dapat dilihat pada halaman produk. Hal inilah menimbulkan masalah, karena user diminta mengingat kode yang "asing".
Rekomendasinya pemesanan menggunakan sistem e-commerce, tidak dengan manual mengsms toko,
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

User control and freedom - bungaakrilik.com

Kendali dan Kebebasan Pengguna
Pengguna harus dapat secara bebas memilih dan melakukan pekerjaan (sesuai kebutuhan). Pengguna harus dapat mengambil keputusannya sendiri (dengan informasi yang jelas) berkaitan dengan pekerjaan yang sedang/akan dilakukan. Sistem harus memiliki kemampuan untuk undo dan redo.

Masalah dalam kasus ini terjadi ketika user memberikan pesan, dan pesan tersebut tidak dapat diubah kembali.
Dalam hal ini, untuk memberi pesan kepada pemilik, apabila sudah terlanjur mengirimkan isi pesan maka tidak akan bisa mengubahnya dan ketika memencet tombol submit maka pesan akan langsung terkirim dan data yang sudah diisi langsung kosong semua. Berikut screenshot apabila berhasil mengirim pesan:
Rekomendasinya memberikan pesan pop-up untuk meyakinkan user tidak melakukan kesalahan, atau memberi fungsi edit pesan.
Untuk severity rating, masalah ini diklasifikasikan pada skala 3 major usability, yang artinya harus diubah dalam prioritas tinggi.

Masalah lain, Breadcrumb tidak berfungsi sepenuhnya, sehingga user tidak bisa bernavigasi secara bebas.
Contoh di bawah seperti "breadcrumb" pada umumnya, tetapi ketika akan diketik itu merupakan hyperlink seluruhnya, selain itu hyperlink ini menunjuk page yang terdapat hyperlink ini.



Rekomendasinya, membenahi hyperlink ini menjadi breadcrumb sesungguhnya.
Untuk severity rating, masalah ini diklasifikasikan pada skala 4 usabillity catasthrope, yang artinya harus diubah sebelum web ini diluncurkan.

Match between system and the real world - bungaakrilik.com

Kesesuaian antara Sistem dan Dunia Nyata
Sistem harus berbicara sesuai dengan bahasa penggunanya, menggunakan kata, kalimat, dan konsep yang biasa digunakan oleh pengguna.

Ada kesalahan yang fatal dalam pemberian nama kategori produk yang dijual.
Mencantumkan nama merk suatu produk merupakan kesalahan apalagi belum mempunyai ijin untuk mencantumkan merk tersebut kepada perusahaanya, juga apabila ada pembeli ingin membeli barang tersebut tetapi dia bekerja pada merk saingannya maka akan terasa enggan untuk membeli produk, disini kita bisa lihat hiasan keranjang Aqua.
Rekomendasinya mengganti nama kategori tersebut menjadi hiasan keranjang gelas plastik mungkin akan lebih fair.
Untuk severity rating, masalah ini diklasifikasikan pada skala 4 usabillity catasthrope, yang artinya harus diubah sebelum web ini diluncurkan.

Visibility of system status - bungaakrilik.com

Visibilitas dari status sistem.
Sistem harus selalu menginformasikan pada pengguna apa yang sedang terjadi, melalui pesan yang baik dan waktu yang sesuai.
Masalah pertama dari kategori  ini adalah, tidak ada penanda halaman yang aktif. Dibawah ini ada screenshoot tampilan halaman Home dan halaman Produk sebagai pembanding.

Tampilan Home
Tampilan Produk
Pada web ini tidak ada penanda untuk membedakan kita berada di halaman yang  mana, yang membedakan hanya isinya saja, hal ini tidak bisa dijadikan acuan untuk penanda.
Rekomendasinya untuk membedakan cukup diberi background yang berbeda pada menu yang aktif.
Untuk severity rating, masalah ini diklasifikasikan pada skala 2 minor usability, yang artinya harus diubah namun dalam prioritas yang rendah.

Masalah kedua, judul halaman tidak memberikan penjelasan isi dari halaman/ berbeda dengan nama menu.
Terdapat beberapa contoh pada masalah ini, pada menu Pemesanan, tetapi diberi judul   "Beli bunga Akrilik" padahal isi dari halam tersebut cara memesan barang, selain itu ketika memilih salah satu produk, judul halaman tetap "Kerajinan Bunga", berikut screenshootnya.
Rekomendasinya untuk masalah ini cukup judul sesuaikan dengan isi yang ada, sebaiknya untuk detail produk diberi judul nama produknya.
Untuk severity rating, masalah ini diklasifikasikan pada skala 2 minor usability, yang artinya harus diubah namun dalam prioritas yang rendah.

Masalah selanjutnya, pada bagian menigisi form pesan kepada pemilik, tidak menampilkan pesan error dalam segera.
Dalam web ini untuk mengetahui error atau tidak, sistem menunggu untuk submit seluruh isian terlebih dahulu baru mengetahui errornya dan pesan kesalahan muncul berupa pop up message.
Rekomendasinya untuk masalah ini, apabila terlewat field nama tidak diisi maka akan mucul pesan error langsung.
Untuk severity rating, masalah ini diklasifikasikan pada skala 2 minor usability, yang artinya harus diubah namun dalam prioritas yang rendah.