Visibility of System Status - http://colorfulshop.net/

Good evening everybody :)
Pada malam ini, saya akan kembali mencoba melakukan evaluasi terhadap website colorfulshop.net
pada aspek kedua, yaitu aspek Visibility of System Status. 
Pada aspek ini, suatu website diharapkan mampu menampilkan state yang menggambarkan kondisi keberadaan user secara jelas. Selain itu, aspek ini juga membahas mengenai apa saja yang dapat terlihat oleh user, fungsi-fungsi apa saja yang dikerjakan user melalui website tersebut, dan juga feedback yang diberikan oleh pihak website kepada setiap tindakan yang dilakukan oleh pengunjung website-nya.

Mari kita mengevaluasi website colorfulshop.net

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Tidak terlihat perbedaan ketika icon home pada menu bar dipilih oleh user

Pada menu bar dari website colorfulshop.net, ketika menu TENTANG KAMI, CARA PESAN, FAQ, CEK ONGKIR, RESI, KATALOG di klik, akan terlihat perbedaan pada warna latar belakang dari tulisan menu yang dipilih. Sebagai contoh, pada gambar diatas terlihat ketika halaman dari menu CARA PESAN dipilih maupun saat sedang aktif, maka warna latar belakang menu berubah menjadi abu-abu. Namun sayangnya, ketika menu dengan icon home dipilih, tidak terlihat adanya perubahan warna pada latar belakang icon home. 

Gambar diatas merupakan tampilan menu bar saat halaman home sedang aktif. Walaupun demikian, tidak terlihat adanya perubahan warna pada latar belakang icon home yang menerangkan bahwa user sedang berada pada halaman home tersebut.

Rekomendasi :
Gunakan tampilan yang dapat menerangkan kondisi keberadaan user dengan melakukan perubahan warna pada menu yang dipilih atau yang sedang aktif . Penandaan status juga dapat dilakukan dengan pemberian underline ataupun pemberian hover pada tulisan menu sehingga user dapat dengan mudah mengetahui posisi keberadaan mereka pada website tersebut.

Severity Ranking : 3

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Penggunaan warna yang serupa untuk hyperlink dan teks biasa 

Seperti yang kita ketahui, pada umumnya penulisan hyperlink pada teks menggunakan warna biru. Namun sayangnya, pada website ini pemberian warna biru tidak hanya terbatas untuk teks yang hyperlink, tetapi juga pada kalimat penting maupun judul artikel seperti pada gambar dibawah ini.

Ketika user mengarahkan kursor pada teks biru di point 3, maka yang terjadi user tidak akan dibawa ke halaman atau website manapun. Teks biru pada poin 3 merupakan teks biasa yang bermakna penting. Lain halnya dengan teks biru pada poin 6. Ketika user meng-klik teks "halaman No Resi", maka user akan dibawa ke halaman seperti pada gambar dibawah ini.

Rekomendasi :
Hindari penggunaan warna biru pada teks selain hyperlink karena pada umumnya, user memiliki ekspektasi untuk dapat berpindah ke suatu halaman atau website lain yang mengacu pada teks yang berwarna biru.

Severity Ranking : 3
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Memberikan hasil yang tidak sesuai dengan harapan user

Pada dasarnya, hyperlink dibuat dengan tujuan memberikan referensi data atau informasi kepada user berdasarkan kata atau kalimat yang mengacu pada referensi tersebut, yang ditandai dengan penggunaan warna biru pada kata atau kalimatnya.

Pada website ini, terdapat beberapa hyperlink yang tidak mengacu ke referensi manapun, seperti gambar dibawah ini.

Kedua hyperlink pada gambar, jika diklik makan akan mengacu pada halaman seperti gambar dibawah ini.

Gambar di atas menerangkan bahwa hyperlink pada kedua teks tidak mengacu pada suatu referensi manapun di website colorfulshop.net

Rekomendasi :

Sebaiknya jangan menjadikan kata atau kalimat menjadi suatu hyperlink jika tidak ada referensi yang akan diberikan kepada user. 

Severity Ranking : 3