Senin, 09 Juni 2014

Help Users Recognize, Diagnoze, and Recover from Errors - medicastore.com

Menurut Jacob Nielsen, help users recognize, diagnose, and recover from errors menjelaskan bagaimana sistem seharusnya dapat mengekpresikan setiap pesan ke dalam bahasa dan tanpa kode, tepat sasaran dan memberikan solusi yang konstruktif.

Permasalahan : tidak adanya penandaan error di setiap saat pengisian data pada form Register.

Pada website medicastore.com, saat pengisian data profile pengguna, tidak adanya pemberitahuan di setiap selesainya pengisian satu kolom membuat pengguna tidak mengetahui kesalahannya. Pemberitahuan baru diberikan setelah pengguna menekan tombol Register, dan pesan kesalahan muncul secara tiba-tiba. Hal ini sangat mengganggu dan mengagetkan pengguna. 

Pada saat pengisian data pribadi, saya sengaja membuat kesalahan memasukkan no telepon dengan huruf.

Saat pengisian capcha dan menekan tombol Register, maka akan muncul pesan pop up secara tiba-tiba. 

Pengguna diharuskan menekan tombol OK baru setelah itu pesan pop up tersebut hilang dan pengguna kembali memperbaiki kesalahannya, jika terdapat kesalahan pengisian lagi selain kolom HP, maka setelah pengguna menekan tombol Register kembali, maka pesan kesalahan akan muncul kembali.

Perbaikan : seharusnya pada setiap kolom diberikan pemberitahuan pengisian data sudah benar atau masih salah sehingga pengguna tidak diharuskan bolak-balik menekan tombo Register dan OK.

Severity rating untuk kasus ini saya beri nilai 3.



Help and Documentation - medicastore.com

Menurut Jacob Nielsen, help and documentation menjelaskan bagaimana sistem seharusnya menyediakan halaman bantuan dan dokumentasi.

Permasalahan : Halaman Help kurang memberikan informasi pada pemesanan Beli Obat yang terdapat pada halaman Home.

Pada website medicastore.com, halaman Help yang disediakan kurang membantu pengguna dalam menelusuri fasilitas-fasilitas website yang ada. 


Halaman help tersebut kurang membantu keseluruhan dalam pembelian produk pada website medicastore.com karena halaman help tersebut hanya untuk transaksi pada bagian apotik yang proses transaksinya berbeda dengan proses pemesanan pada halaman Beli Obat pada halaman Home


Sebaiknya dengan kekonsistenan design pada seluruh area website yang memiliki fungsi sama dapat membantu dalam pembuatan halaman help yang lebih informatif dan dapat mencakupi semua fungsi transaksi.

Severity rating untuk kasus ini yaitu 2. 






Aesthetic and Minimalist Design - medicastore.com

Menurut Jacob Nielsen, Aesthetic and Minimalist Design menjelaskan bagaimana seharusnya sistem hanya menghasilkan informasi yang relevan, informasi yang tidak relevan mengurangi visibilitas dan usability dari sistem.

Permasalahan pertama : penempatan informasi copy right yang berada di setiap halaman menambah panjang halaman website.

Pada website medicastore.com terdapat informasi copy right yang berada pada bagian paling bawah setiap halaman website. Hal ini membuat halaman website menjadi panjang dan pengguna harus selalu menggulung halaman ke bawah setiap saat.

Lebih baik jika penempatan copy right ditempatkan pada halaman tersendiri bersama dengan informasi Help dan FAQ sehingga meminimalis halaman website.

Severity rating untuk kasus ini yaitu 3.

------------------------------------------------------------------------------------------------------------
Permasalahan kedua : Tampilan header yang selalu mengikuti jalannya layar website.

Pada bagian header dalam website medicastore yang memakan kira-kira 1/3 halaman utama seringkali mengganggu batas pandang pengguna. Hal ini sedikit menyebalkan karena body halaman tidak leluasa dilihat.


Sebaiknya halaman didesain seminimalis mungkin agar pengguna dapat leluasa dalam batas pandangan dan tidak diganggu oleh header yang mengikuti gerakan layar.

Severity rating untuk kasus ini yaitu 3. 



Flexibility and Efficiency of Use - medicastore.com

Menurut Jacob Nielsen, flexibility and efficiency of use menjelaskan bagaimana sistem seharusnya dapat mengakomodasi pengguna yang sudah ahli dan pengguna yang masih pemula.

Permasalahan pertama : Pada bagian login dan sign up kurang dapat terlihat pada halaman Home.

Pada website medicastore.com, fungsi login dan sign up yang kurang dapat terlihat oleh pengguna pemula jika membuka tampilan Home untuk pertama kalinya. Bagian login dan sign up ini kurang pas penempatannya dan background tab fungsinya mirip dengan background header sehingga jika mata tidak jeli maka pengguna akan mencari-cari dulu di mana letak bagian sign up dan login.


Lebih baik jika tata letak login dan sign up ditempatkan pada pojok kanan atas halaman dan warnanya tidak mirip dengan warna background. Bisa dengan menggunakan font color yang kontras. 

Severity Ratings untuk kasus ini yaitu 2.  
-----------------------------------------------------------------------------------------------------------
Permasalahan kedua : letak login dan sign up pada bagian apotik tidak sesuai dengan screen reading

Penempatan fungsi login dan sign up yang berbeda dengan yang berada pada halaman Home dapat membuang-buang waktu pengguna hanya dengan mencari-cari di mana letak sign up dan login yang pengguna kira berada di bagian atas seperti di halaman Home
Akan lebih baik jika form Login diletakkan pada bagian atas kanan halaman. Sehingga pengguna dapat menghemat waktunya. 

Severity Rating untuk kasus ini yaitu 2. 




Recognition rather than Recall - medicastore.com

Menurut Jacob Nielsen, recognition rather than recall menjelaskan bagaimana sistem seharusnya dapat memastikan objek, aksi, dan pilihan terlihat jelas. Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi yang semuanya harus mengikuti standar yang ada.

Permasalahan : Ditemukan bahasa yang kurang bisa dipahami pengguna dan memakai tata bahasa penulisan yang kurang baik.

Namun pada website medicastore.com juga ditemukan bahasa yang kurang dipahami oleh pengguna dan menggunakan tata bahasa yang kurang baik, hal ini ditemukan pada feedback dari sistem saat pengguna memasukkan data email yang pernah didaftarkan pada website tersebut. Dengan adanya tanda seru sebanyak 2 kali mengakibatkan sistem seperti memarahi pengguna atas kecerobohannya.


Rekomendasi dari saya mengenai feedback dari sistem untuk ditujukan ke pengguna seharusnya menggunakan bahasa yang lebih bisa dimengerti oleh umum, misalnya dengan menggantinya dengan "Maaf, email yang Anda masukkan telah terdaftar di sistem kami,  mohon masukkan email yang valid." 
Severity rating yang saya berikan pada kasus ini yaitu 4, karena pengguna akan dibuat bingung dengan adanya peringatan tersebut jika sistem tidak segera membenahinya.


Consistency and Standards - medicastore.com

Menurut Jacob Nielsen consistency and standards menjelaskan bagaimana seharusnya para pengguna tidak boleh memikirkan kata-kata, situasi, atau aksi yang berbeda namun mempunyai arti yang sama. Semua harus mengikuti standar yang ada.

Permasalahan pertama : ditemukan ketidakkonsistensian ikon-ikon yang sebenarnya memiliki fungsi yang sama.

Pada website medicastore.com ditemukan banyak ketidakkonsistensian dalam halaman-halamannya. Contohnya saat melakukan proses Order menggunakan fungsi sub menu yang berbeda, ikon-ikon yang digunakan berbeda dengan satu sama lainnya. 

Melakukan pemesanan dalam sub menu Beli Obat.

Melakukan pemesanan dalam sub menu Apotik

Terlihat bahwa ikon hapus berbeda antara halaman satu dengan yang lain. Hal ini menimbulkan pertanyaan kepada pengguna tentang deskripsi keranja belanja yang berbeda. Sebaiknya ikon-ikon yang digunakan harus sama antara halaman satu dengan yang lain pada kasus ikon yang memiliki fungsi yang sama. Lebih mudah untuk dimengerti jika sistem menggunakan ikon bak sampah yang menandakan fungsi penghapusan item. 

Pada keranjang belanja di dalam sub menu Beli Obat ditemukan tombol proses disetiap barang yang menurut saya tidak perlu ada, jika ditekan salah satu tombol tersebut, maka tidak berfungsi dan tidak menunjukkan proses apapun.

Selain itu saat proses pelanjutan pemesanan setelah pemasukan data diri, ditemukan ketidakkonsistenan dalam tombol Order dan Reset.

Tampilan tombol Order dan Reset pada sub menu Beli Obat

Tampilan tombol Order dan Reset pada submenu Apotik

Hal ini sangat membingungkan pada kedua tombol yang seharusnya memiliki fungsi yang sama ini walaupun berada di tempat yang berbeda dan memiki warna yang tidak sama. Typeface yang digunakan juga terlihat berbeda dan tidak konsisten. Selain itu juga pada setiap tombol dalam sub menu tesebut berbeda ukuran dan tombol yang berada pada sub menu Beli Obat memiliki tanda panah dalam setiap tombolnya, tidak demikian dengan kedua tombol pada sub menu Apotik. Seharusnya kedua tombol tersebut memiliki interface yang sama agar pengguna tidak dibingungkan dengan perubahan-perubahan dalam aksi-aksi yang memiliki fungsi yang sama. Untuk saat ini saya lebih memilih interface yang terdapat pada bagian sub menu Apotik karena kedua tombol Order dan Reset tersebut mudah dibedakan antara keduanya. 

Severity rating untuk kasus ini yaitu bernilai 2.  

------------------------------------------------------------------------------------------------------------
Permasalahan kedua : ditemukan ketidakkonsistenan dalam fungsi scrolling vertikal/horizontal pada website medicastore.com pada web browser yang berbeda.

Saat membuka website tersebut untuk pertama kalinya menggunakan web browser Google Chrome, ditemukan kefatalan masalah pada fungsi scrolling vertikal pada home page dan halaman-halaman lainnya. Saya telah mengecek website tersebut menggunakan web browser yang berbeda, yaitu Google Chrome dan Mozilla Firefox. Selain itu saya juga menggunakan komputer berbeda dan ditemukan masalah yang sama.
Anda dapat membuktikannya sendiri dengan membuka website medicastore.com   menggunakan web browser Google Chrome dan Mozilla Firefox.

Rekomendasi dari saya untuk kasus ini yaitu perlu diperbaiki segera untuk pengaksesan sistem pada web browser Google Chrome karena hal ini membuat pengguna malas untuk melanjutkan pengaksesan dan penelusuran ke dalam sistem.

Severity rating untuk kasus ini saya berikan nilai 4, karena hal ini sangat fatal jika tidak cepat ditangani langsung.






Minggu, 08 Juni 2014

User Control and Freedom - medicastore.com

Menurut Jacob Nielsen, user control and freedom menjelaskan bagaimana sistem seharusnya dapat menyediakan pengguna kebebasan memilih dan melakukan pekerjaan (sesuai kebutuhan).

Permasalahan pertama : tidak ada pilihan yang diberikan kepada user untuk membatalkan transaksi yang sedang berlangsung. 

Pada website medicastore.com tidak ada pilihan yang diberikan kepada user untuk membatalkan transaksi yang sedang berlangsung. Dengan hanya adanya tombol Order dan Reset yang disediakan dan tidak adanya peringatan untuk melanjutkan ke tahapan selanjutnya atau tidak. Jadi user tidak diberikan kebebasan dalam sistem tersebut. Tidak adanya fasilitas undo juga mengakibatkan proses yang tidak diharapkan user masih dalam pengeksekusian dan sistem akan tetap melakukan proses tersebut.

Setelah pemencetan tombol order maka sistem akan langsung mengeksekusi perintah user tersebut dan user akan diarahkan pada halaman yang berbeda serta mendapatkan konfirmasi atas berhasilnya transaksi yang dilakukan dan sistem sedang memproses pemesanan tersebut. Di sini tidak adanya tombol undo atau back ke halaman sebelumnya membuat user harus melakukan order atau me-reset data yang dimasukkan. 


User mendapat konfirmasi dari sistem segera setelah user menekan tombol Order, hal ini akan sangat bermasalah jika user tidak sengaja memencet tombol order dan menyesal dalam melakukan transaksi pembelian obat yang dilakukan baru saja. 

Untuk menghindari masalah seperti di atas, seharusnya sistem meminta user untuk mengkonfirmasi ulang dalam proses transaksi tersebut, dengan memberikan pilihan, yaitu dengan pilihan tombol cancel, dan tombol back. Tombol cancel untuk membatalkan transaksi yang terjadi, dan tombol back untuk kembali ke halaman berikutnya tanpa harus menekan tombol Home dan data sebelumnya yang dimasukkan pada halaman awal akan terhapus dan user diharuskan untuk mengulangi aktivitas yang sama dan hal ini dapat membuang-buang waktu user. Dalam kasus ini severity rating yang saya berikan yaitu 4.
------------------------------------------------------------------------------------------------------------
Permasalahan kedua : Tidak adanya tombol sign out / log out pada bagian apotik dalam website medicastore.com

User tidak diberikan kebebasan dalam mengontrol akunnya, setelah berhasil sign in dalam sistem pada halaman Apotik Medicastrore, maka yang muncul hanya tombol Edit Profile dan Change Password. Tidak adanya tombol sign out sangat membahayakan user yang pada saat itu menggunakan komputer publik, maka kerahasiaan datanya dapat diakses oleh pihak-pihak yang tidak diinginkan.

Seharusnya tombol Change Password diganti dengan fungsi Sign Out untuk mengamankan akun pengguna. Password dapat diubah dalam informasi pengisian Edit Profile.

Severity rating yang saya berikan pada kasus ini yaitu 4.