Minggu, 05 Januari 2014

Consistency and Standards - saqina.com

Pada kali ini saya akan membahas situs saqina.com dari aspek yang keempat, yaitu consistency and standards. Consistency and standards, menuntut suatu sistem untuk membuat pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Berikut adalah pembahasannya :

  1. Tidak sama nama yang dipakai pada menu dan pada menu title yang ditampilkan . Seharusnya nama yang dipakai pada menu sama dengan menu title yang ditampilkan. Misalnya menu "login member" saat di menu title menjadi "Login Pelanggan at Saqina".
    Tampilan Login Member
  2. Menu yang ditampilkan pada sub-menu pada menu utama dan pada tampilan single menu saat menu utama dipilih sesuai. Seharusnya konsisten antara penamaan menu pada sub menu dengan single menu.
  3. Hanya menampilkan breadcrumb pada beberapa  pilihan menu saja. Contohnya pada saat memilih sub-menu "Blus Motif", breadcrumb tidak ditampilkan. Sedangkan pada saat memilih sub-menu "Blus Big Size", breadcrumb ditampilkan. Penambahan breadcumb sebenarnya sangat baik untuk memudahkan pengunjung kembali ke halaman sebelumnya.

    Tidak Ada Breadcrumb
    Ada Breadcrumb
  4. Menurut saya, point yang terakhir ini fatal, yaitu tidak fleksibel tampilannya saat screen browser dikecilkan. Hal ini menyebabkan sulitnya pengunjung untuk melihat isi situsnya, sebab pengunjung harus scroll baik secara horizontal maupun vertikal yang akan membuat pekerjaan pengunjung rumit dan lama, selain itu tidak semua pengunjung mempunyai lebar layar yang sesuai dengan lebar situs yang dibuat.
  5. Screen yang Tidak Fleksibel
    Warna tulisan pada message box berwarna pink, sehingga kurang terlihat menegaskan, meskipun sudah ditandai dengan box.
    Message Box yang Kurang Terlihat
Rekomendasi :
  1. Menyamakan nama menu dengan menu title yang ada di browser, agar pengunjung tidak bingung saat membukanya.
  2. Menyamakan isi dari menu utama (sub-menu) dengan menu yang ditampilkan saat menu utama yang dipilih.
  3. Menyamakan untuk menggunakan atau tidak menggunakan breadcrumb pada setiap tampilan yang ditampilkan saat menu dipilih.
  4. Membuat ukuran lebar situs menjadi lebih fleksibel untuk digunakan disegala jenis perangkat, dan ukuran layar.
  5. Menggunakan warna merah untuk tulisan pada message box.
    Rekomendasi Warna Message Box
Severity Ratings : 3

1 komentar:

Mohamad Rosihan mengatakan...

Semua point masukan diatas akan saya gunakan sebagai perbaikan. Namun khusus untuk ketiga browser dikecilkan, memang website kita lock di width tertentu. Namun kedepannya kita akan mengganti dengan Responsive design.

Rosihan