Showing posts with label Heuristic Evaluation. Show all posts
Showing posts with label Heuristic Evaluation. Show all posts

Sunday, June 7, 2015

Visibility of System Status -- headhunterhairstyling.com

Tidak ada loading indicator dalam proses submit form




Form ini diisi oleh pengguna untuk bertanya ataupun komplain mengenai salon Headhunter. Ketika form di-submit, tidak ada loading indicator yang menunjukkan sudah sampai mana proses submitting berlangsung.

Sebaiknya ditambahkan throbber, progress bar, ataupun indikator lain sehingga user dapat mengetahui proses bekerja sistem.

SEVERITY RATING: 2
___________________________________________________

Halaman Favorite Sites tidak berjudul Favorite Sites


Terkadang, user yang baru pertama kali mengunjungi suatu website akan bertanya-tanya "where am I?". Disinilah pentingnya adanya page title di setiap halaman, yang sesuai dengan nama halaman tersebut di menu. Di headhunterhairstyling.com ini, semua halaman memiliki page title sesuai dengan menu title-nya. Tetapi, halaman Favorite Sites tidak ber-title Favorite Sites, dan malah berjudul seperti Homepage. Jika user sedang scroll halaman ke bawah dan melihat title tersebut, user akan berfikir "apakah ini halaman Home?"

Sebaiknya page title untuk halaman Favorite Sites diganti menjadi Favorite Sites sesuai dengan apa yang ada di menu, sehingga mempermudah user mengetahui sedang dimana user berada.

SEVERITY RATING: 3

Saturday, June 6, 2015

User Control and Freedom -- headhunterhairstyling.com

Tidak ada button Cancel pada halaman Contact Us: Email Form



User mungkin secara tidak sengaja mengklik Email Form pada halaman Contact Us, atau mungkin juga user hanya ingin tahu apa isi dari Email Form. Dalam kasus tersebut, dibutuhkan suatu "emergency exit", misalkan berupa button Cancel, yang dapat dipilih user untuk meninggalkan halaman Email Form atau kembali pada halaman Contact Us, tanpa harus menekan tombol back pada browser. Dan button Cancel ini tidak tersedia.

Sebaiknya sistem menyediakan button Cancel tersebut untuk mengantisipasi jika terjadi kasus di atas.

SEVERITY RATING: 2
___________________________________________________

Tidak ada menu Home/Homepage




Saat mengakses headhunterhairstyling.com, halaman yang pertama kali muncul sebagai Homepage adalah seperti pada gambar di atas. Tetapi jika dilihat pada pilihan menu, tidak ada menu yang terpilih sebagai Homepage. Artinya jika user sedang berada di halaman lain, user tidak dapat kembali ke Homepage, padahal halaman Homepage ini mengandung informasi penting bagi user yang ingin berkunjung ke Headhunter, yaitu mengenai lokasi, jam operasional, dan nomor yang dapat dihubungi.

Sebaiknya ditambahkan menu Home, sehingga user merasa bahwa user-lah yang memegang kontrol sistem, dan user dapat kembali ke Homepage kapanpun user mau.

SEVERITY RATING: 2

Friday, June 5, 2015

Recognition Rather than Recall -- headhunterhairstyling.com

"Have the Red BMW show you the way" 



Kata-kata di atas agak ambigu dan membingungkan. Sebenarnya, sistem ingin user meng-klik gambar BMW merah, barulah muncul peta dari lokasi user berada menuju lokasi Head Hunter. Tetapi pada awalnya user akan kebingungan, apa maksud dari kata-kata itu.

Sebaiknya sistem secara eksplisit menyediakan link yang secara jelas dapat dimengerti user bahwa link tersebut akan menunjukkan jalan, seperti contohnya:
Show me how to get there

SEVERITY RATING: 3
___________________________________________________

Menu untuk menunjukkan site (seperti iklan), tetapi tidak ada nama site-nya



Kesalahan pada menu ini mirip dengan kesalahan sebelumnya (halaman How Do I Get There). Dalam gambar yang ditampilkan, ada kata kata "check out their web site", tetapi tidak diberikan secara eksplisit site yang dimaksud. Pada beberapa gambar, link website tersedia pada gambar, sehingga user harus klik gambar terlebih dahulu, barulah masuk ke website yang dimaksud. Hal ini juga membingungkan user,  jika user tertarik pada salah satu site, user mencari-cari dimana letak link yang langsung mengantarkannya ke site yang diinginkan.

Sebaiknya sistem menuliskan alamat website dr setiap site yang ditampilkan, lebih baik lagi jika alamat tersebut disediakan dalam bentuk link sehingga secara langsung mengantarkan user ke site yang dimaksud.

SEVERITY RATING: 3


Thursday, June 4, 2015

Aesthetic and Minimalist Design -- headhunterhairstyling.com

Background tidak rapi dan tidak sesuai dengan isi website




Dari menu dan isinya, dapat dilihat bahwa headhunterhairstyling.com ini ingin mengenalkan (salon) Headhunter dan apa saja yang ada di dalamnya. Tetapi background yang digunakan tidak sesuai dengan apa yang ingin dicapai, dan juga font dan warna tulisan yang digunakan tidak sesuai dengan background sehingga sulit untuk membaca tulisan yang ada.

Sebaiknya design web sesegera mungkin diperbaiki sehingga user juga lebih mudah dan lebih memahami apa isi web tersebut. Jika memang menggunakan background pantai juga merupakan suatu tujuan yang ingin menunjukkan pada masyarakat untuk "save our beaches", gunakanlah hanya 1 gambar pantai untuk halaman website tanpa dibuat tile.

SEVERITY RATING: 4
___________________________________________________

Tampilan Download Page membingungkan





Download Page disediakan untuk melihat gambar-gambar mengenai Headhunter, dan user juga dapat mengunduhnya. Tetapi gambar-gambar tersebut malah ditampilkan dalam ukuran yang terlalu besar, sehingga untuk melihat foto secara keseluruhan user harus melakukan scroll atas-bawah dan kanan-kiri, dan ini tidak efektif karena user tidak dapat melihat masing-masing foto secara utuh. Link untuk men-download gambar juga diletakkan di bawah setiap foto dan ukuran tulisannya kecil.

Sebaiknya gambar-gambar tersebut ditampilkan dalam ukuran yang lebih kecil dan sesuai dengan ukuran layar, sehingga lebih nyaman untuk dilihat. Jika perlu, sediakan juga fasilitas untuk zoom sehingga user dapat melihat secara lebih detail. Sedangkan link download sebaiknya diperbesar ukuran tulisannya.

SEVERITY RATING: 4

Help User Recognize, Diagnose, and Recover from Errors -- headhunterhairstyling.com

Tidak ada peringatan saat kolom wajib belum diisi






Saat kolom yang wajib diisi masih kosong, tidak ada peringatan yang diberikan oleh sistem sebelum form di-submit. Setelah form di-submit barulah ada peringatan bahwa ada kolom yg belum terisi, lalu user diperintahkan untuk kembali dan melakukan pengisian pada kolom wajib yg kosong tersebut. Tanda * di bagian kanan kolom juga kurang terlihat dikarenakan kurangnya keserasian antara warna font dan background website.

Sebaiknya saat ada kolom yang wajib diisi masih kosong dan form di-submit, sistem memberikan peringatan tepat di dekat atau di sebelah kolom yang kosong tersebut, sehingga user tidak perlu mencari lagi dimana letak kolom yang harus diisi tadi. Contohnya seperti Gmail.


SEVERITY RATING: 3
___________________________________________________

Error message saat ingin men-download tidak memberikan solusi pasti




Di menu Download Page, sistem sebenarnya menyediakan foto-foto mengenai Head Hunter dan menyediakan fasilitas download di setiap fotonya. Tetapi saat link download diklik, sistem malah menampilkan error message dan menyatakan bahwa link tersebut bermasalah (seperti pada gambar di atas). Dan hal ini terjadi pada semua link yang ada di Download Page, sehingga solusi yang diberikan pada error message tersebut tidak memecahkan masalah.

Sebaiknya, solusi pada error message tersebut memberikan link yang user dapat secara langsung mengatasi kesalahan yang terjadi, seperti misalnya:
Report this error to the web administrator
yang menuju pada halaman Contact Us dalam bentuk form, sehingga lebih mudah bagi user untuk menyampaikan keluhannya.

SEVERITY RATING: 3