Wednesday, June 11, 2014

Error prevention - kaoscouple99.net

Mencegah terjadinya kesalahan merupakan salah satu dari 10 kategori Heuristic Evaluation.

Permasalahan : Tidak terdapat validasi alamat email yang asal - asalan dan no telepon bisa diisi aplhabet.


Ketika melakukan mengisi form daftar terdapat tidak terdapat validasi bahwa alamat email tersebut tidak eksis dan text field no telepon dapat diisi dengan alphabet.




Rekomendasi Perbaikan : Berikan keterangan validasi (di samping text field) ketika email yang dimasukkan tidak eksis dan berikan keterangan bahwa no telepon hanya diisi dengan numerik.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 4

Flexibility and efficiency of use - kaoscouple99.net

Accelators atau jalan pintas (berupa shortcut) dapat membantu expert user untuk mempercepat interaksi terhadap sistem. Dengan adanya accelarators dapat memenuhi kebutuhan user yang berpengalaman (experienced users) dan user yang tidak berpengalaman (inexperienced users).

Permasalahan :  Shorcut untuk keranjang belanja pada blog kaoscouple99.net tidak terlihat.

Fokus dari blog kaoscouple99.net adalah jualan produk secara online. Oleh karena itu shortcut untuk keranjang belanja (shopping cart) sangat diperlukan untuk mempercepat interaksi dan yang paling penting adalah shopping cart harus terlihat oleh user. Tata letak yang salah membuat interaksi ini terhambat.



Rekomendasi Perbaikan : Tukar posisi Shopping cart dengan info agar terlihat tanpa scroll down.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3

Tuesday, June 10, 2014

Help users recognize, diagnose, and recover from errors - kaoscouple99.net

Ada 3 hal yang dapat mendefinisikan pesan error dengan baik, yaitu :

  1. Beritahu user apa yang sedang terjadi
  2. Beritahu user proses yang akan dilakukan selanjutnya
  3. Berikan informasi tambahan


Permasalahan : Ketika input email/password untuk login tidak sesuai atau tidak valid.

Setelah user medaftar/registrasi di blog kemudian melakukan login dan memasukkan password yang tidak sesuai tidak ada peringatan atau informasi bahwa password yang dimasukkan salah. Begitu juga sebaliknya ketika user memasukkan alamat email yang belum terdaftar tidak terdapat peringatan atau informasi bahwa email tersebut belum terdaftar. Setelah klik button login yang terlihat hanya page load (seolah - olah sedang memproses sesuatu). Kemudian setelah beberapa lama yang tampil hanyalah halaman login yang kosong.
1. Ketika memasukkan password yang salah









2. Setelah klik button login









Rekomendasi Perbaikan : Berikan message box/alert ketika email/password tidak sesuai, alamat email tersebut tidak eksis (email asal - asalan), dan jika email tersebut belum terdaftar arahkan ke form daftar.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3

Recognition rather than recall - kaoscouple99.net

Meminimalisir beban memori user untuk mengingat dengan membuat objek, tindakan (action), dan pilihan terlihat.

Permasalahan : Tidak terdapat button "Cancel/batal" untuk kembali ke halaman sebelumnya (confirmation) jika tidak jadi mengedit alamat pengiriman.

Selain tidak disediakannya button "Cancel/batal" pada halaman Shipping Information untuk melakukan perubahan alamat pengiriman barang dan ketika user melakukan aksi back dengan klik panah kembali yang terdapat pada browser, halaman yang ditampilkan bukan halaman confrimation. Seharusnya aksi tersebut mengarah ke halaman sebelumnya, akan tetapi malah mengarah ke halaman Keranjang Belanja dan membuat user harus mengulangi beberapa tahapan lagi untuk mencapai halaman confirmation. Dengan adanya permasalahan ini user mengingat/mengulang kembali step - step yang pernah dia lakukan. Hal ini bertolak belakang dengan prinsip Heuristic Evaluation : Recognition rather than recall.


Rekomendasi Perbaikan : Sediakan button "Cancel/batal" untuk kembali ke halaman confirmation.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 1

User control and freedom - kaoscouple99.net

Fungsi Undo dan Redo membantu user untuk membatalkan aksi yang sebelumnya dilakukan. Dengan adanya fungsi tersebut membuat user tidak perlu merasa ragu/cemas jika melakukan kesalahan ketika melakukan suatu aksi pada sistem.

Permasalahan : Tidak terdapat button batal pada halaman Shipping Information.

Ketika user berada di halaman confirmation untuk pembayaran barang yang dipilih terdapat opsi untuk mengedit alamat pengiriman yang bisa diklik. Setelah diklik akan muncul halaman Shipping Information yang menampilkan dropdown alamat (pilih --alamat lain--). Kemudian muncul form untuk mengisi alamat pengiriman yang baru (jika ingin di ganti). Permasalahan yang muncul adalah ketika user tidak jadi mengedit alamat pengiriman barang ketika sudah masuk ke halaman tersebut, sedangkan button yang tersedia hanya button "OK!" tidak terdapat button "Cancel/Batal". Meskipun pada browser tersedia panah kembali dan bisa saja user menggunakannya. Akan tetapi halaman yang muncul bukan halaman confirmation, hal ini bisa membuat user harus mengingat tahap apa selanjutnya dan mengulang langkah - langkah dari halaman keranjang belanja. Dibawah ini adalah beberapa tampilan :
1. Ketika klik edit alamat pengiriman






















2. Ketika tidak jadi mengedit alamat pengiriman
















3. Ketika klik panah kembali pada browser, halaman yang muncul bukan halaman Confirmation













Rekomendasi Perbaikan : Sediakan button tambahan pada halaman Shipping Information untuk mengedit alamat pengiriman barang agar untuk mempermudah user kembali ke task sebelumnya.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 1

Aesthetic and minimalist design - kaoscouple99.net

Permasalahan : Terlalu banyak informasi yang disajikan pada halaman Home. Perulangan informasi yang sama pada "categories" dan menu produk.


Pertama kali masuk ke blog user akan diarahkan ke halaman Home. Sayangnya di halaman Home yang terlihat oleh user pertama kali adalah sederetan tulisan informasi yang terlalu panjang yang bahkan mungkin tidak akan dilirik oleh user, karena tujuan utama adalah melihat produk atau info sale(jika ada). Setelah scroll down baru terlihat informasi barang yang di sale.

Bayangan saya ketika masuk ke menu "Produk" adalah tampilan gambar serta harga dari produk - produk yang tersedia berdasarkan pengelompokan barang. Akan tetapi yang tampil adalah deretan menu dengan judul "Site Map Product " yang urutan dan isinya sama persis dengan "categories", seperti gambar di bawah ini :

Berikutnya adalah menu "Info Grosir" yang berisi keterangan tata cara serta harga - harga dari masing - masing produk jika ingin menjadi reseller. Memang benar informasi yang disampaikan pada halaman ini adalah informasi yang penting. Akan tetapi begitu banyak tulisan yang jaraknya pun terlalu rapat antar informasi lainnya membuat user lelah untuk berlama - lama membaca keterangan tersebut.

Rekomendasi Perbaikan : 

  1. Saran untuk menu Home yang pertama kali dilihat oleh user sebaiknya informasi sale yang sedang berlangsung. Sedangkan keterangan panjang yang berada pada menu Home dipindahkan atau dijadikan satu menu "Customer Care" yang isinya mencakup FAQ, Info grosir, dan cara pembelian.
  2. Jika informasi pada "categories" dan menu produk (Site Map Product) sama sebaiknya gunakan salah satu saja.
  3. Keterangan menu info grosir bisa dibuat agak berjarak kalimat satu dengan yang lainnya. Untuk jenis barang (gambar), ukuran, dan harga barang yang di reseller bisa dibuat dalam bentuk tabel agar lebih simpel dan mudah dilihat oleh user.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 1

Help and documentation - kaoscouple99.net

Permasalahan : Informasi cara pemesanan melalui blog kurang jelas (pada menu FAQ) dan penjelasan tidak berdasarkan kategori (semua dituliskan/terlalu panjang).

Berdasarkan "Heuristic Evaluation" penting memberikan informasi dan dokumentasi pada sistem. Setiap informasi harus mudah dicari, fokus pada task user, langkah - langkah yang harus dikerjakan oleh user harus jelas tidak terlalu panjang, dan yang paling penting adalah KISS (Keep It Short and Simple). Pada blog  kaoscouple99.net seluruh informasi digabung menjadi satu halaman (full tulisan) dan jarak antar tulisan terlalu rapat. Jenis informasi yang diberikan sudah sesuai dengan kategori. Akan tetapi, informasi (FAQ) tidak bisa dicari (search) dari kolom pencarian.

Tampilan ketika melakukan perncarian "cari order" dari kolom pencarian :
1. Kolom Pencarian            








2. Hasil Pencarian







Dari hasil pencarian tidak ditemukan "cara order" yang ingin diketahui oleh user. Jadi, jika user ingin mengetahui cara order harus membuka menu FAQ terlebih dahulu.

Permasalahan lainnya yaitu urutan langkah untuk pemesanan barang agak ribet, setelah memilih barang yang akan dibeli :
1. Ketika edit jumlah barang yang akan dibeli harus klik button recalculate dulu, seperti gambar berikut :

2. Setelah yakin dengan barang yang akan dibeli pilih pembayaran (contoh : transfer bank) -> klik button "Check Out". Ekspektasi user yang tampil selanjutnya adalah halaman konfirmasi pembayaran, akan tetapi yang muncul halaman "Shipping Information" yang agak membingungkan karena tampilannya berupa dropdown alamat yang agak membingungkan.
3. Setelah klik OK! pada halaman "Shipping Information" baru masuk ke halaman konfirmasi, seperti gambar berikut :
Ketika mencoba untuk "edit alamat pengiriman", user kembali ke halaman "Shipping Information",memilihdropdown "--alamat lain--" dan harus mengetik ulang form alamat seperti berikut :


Rekomendasi Perbaikan : Beberapa rekomendasi perbaikan untuk permasalahan di atas sebagai berikut:
  1. Jika menyediakan kolom pencarian sebaiknya bisa mengeluarkan hasil terhadap keyword yang dimasukkan (selama berhubungan dengan blog) atau berikan informasi/keterangan cara penulisan keyword pencarian jika kolom pencarian hanya bisa untuk pencarian "temu kembali data".
  2. Sebaiknya ketika user mengedit quantity barang harganya langsung berubah tanpa harus klik button "recalculate".
  3. Jangan membuat user mengulang pengisian form ketika melakukan edit alamat pengiriman, cukup dengan isian alamat saja. (jika tidak diperbaiki akan membuat user kesulitan karena harus mengulang step tersebut dan jika user merasa kesulitan bisa saja mereka batal melakukan pembelian).


Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3

Sunday, June 8, 2014

Consistency and standards - kaoscouple99.net

Permasalahan : Adanya ketidakkonsistenan penulisan dan besarnya huruf pada menu "categories" dan terdapat menu yang tidak tepat berada pada list "categories".

Ketika user masuk ke memilih menu "categories " untuk melihat produk yang tersedia, terdapat dua menu yang tidak tepat berada disana yaitu "Artikel Inspiratif" dan "Best of the best article muslim". setelah dibuka ternyata memang berisi kumpulan artikel - artikel yang tida ada hubungannya dengan produk sama sekali. Berikut ini adalah tampilan dari 2 menu yang tidak tepat penempatannya :





Rekomendasi Perbaikan : Sebaiknya pisahkan menu "Artikel Inspirasi" dan "Best of the best article muslim" dari menu "categories".

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 1

Match between system and the real world - kaoscouple99.net

Permasalahan : Terdapat ketidakkonsistenan dalam penulisan menu (bahasa Inggris-bahasa Indonesia) dan jenis tulisan yang berbeda - beda.

Pada setiap menu utama yang tercantum menggunakan bahasa Indonesia, tetapi ketika masuk ke halaman tersebut judul berganti dengan bahasa Inggris bahkan berganti judul, begitu juga pada title tab. Beberapa ketidakkonsistenan seperti : menu "Cara Pembelian" menjadi "How to Buy", "Produk" menjadi "Site Map Products", di halaman "Info Grosir" tidak ada judul, "Tentang Kami" menjadi "About Us", dan menu "Hubungi Kami" menjadi "Contact Us". Jenis tulisan yang digunakan beragam (comic sans, arial)antara jenis tulisan pada menu, categories, dan jenis tulisan pada masing - masing halaman. Berikut adalah beberapa tampilan dari jenis tulisan yang berbeda - beda :

ketika login, lalu memasukkan email yang belum terdaftar dan sembarang password tidak terdapat peringatan bahwa email tersebut belum terdaftar. Ketika user klik login halaman menampilkan load page kemudian kembali ke halaman login sebelumya dengan field email dan password yang kosong.

Rekomendasi Perbaikan : Sebaiknya samakan jenis tulisan disetiap halaman dan menu serta menampilkan
pesan ketika email yang dimasukkan tersebut belum terdaftar.

Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
     0 : Saya tidak setuju, tidak menjadi masalah
     1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
     2 : Permasalahan Minor, prioritas rendah (low priority)
     3 : Permasalahan Mayor, prioritas tinggi (high priority)
     4 : Penting untuk diperbaiki sebelum product di release

     Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 2

Tuesday, June 3, 2014

Visibility of System Status - kaoscouple99.net

Permasalahan : Tidak menampilkan pesan atau penjelasan terhadap "Categories" produk yang kosong.

Ketika user/customer memilih menu wall sticker, nes V, sale besar besaran, dan CMP (Chlorophyll Mint Powder harapannya akan langsung menemukan produk tersebut. Akan tetapi yang didapati hanyalah sebuah halaman yang berisi dropdown "urutan berdasarkan". Oke, setidaknya masih ada harapan dengan adanya pilihan dari dropdown tersebut. Mungkin produk akan muncul setelah user memilihnya, dan yang terjadi hanyalah tampilan loading (displaying loading) yang berputar - putar. Setelah itu hanya halaman kosong, tidak ada daftar produk yang dicari. di bawah ini adalah contoh tampilan permasalahan:

1. Halaman kosong tanpa keterangan
  •  Ketika memilih dropdown :

  • Tampilan loading (displaying loading)  :
  • Daftar produk tidak tampil :
Rekomendasi Perbaikan terhadap permasalahan ini dengan memberikan keterangan atau penjelasan pada halaman produk tersebut bahwa Produk yang sedang dicari oleh user untuk sementara waktu tidak tersedia atau Sold Out. Dengan adanya keterangan atau penjelasan dapat membantu user tanpa membuat mereka bingung atau berpikir sepertinya blog ini sudah lama tidak aktif dan pindah mencari blog/website lain yang lebih jelas dan terpercaya.

2. Validasi email pada halaman "Contact Us"/menu "Hubungi Kami" dan Daftar
    Halaman Contact Us :
  • Ketika user memasukkan alamat email sembarangan
    ,  tidak terdapat penanda validasi terhadap alamat email 
  • Ketika klik
     , warna tombol/button tetap sama. Tidak ada perbedaan antara sebelum klik dan setelah klik, sehingga membuat user berpikir untuk mengklik ulang.
  • Setelah submit peringatan bahwa alamat email tidak valid baru muncul berupa message box :
  • Alamat email yang tidak eksispun bisa dimasukkan dan berhasil setelah submit, begitu juga dengan no telp (bisa diisi dengan alphabet :


    
    Halaman Daftar
  • Ketika mengisi data pada form daftar, walaupun datanya asal - asalan tetap bisa terdaftar :

    • Ketika klik , warna tombol/button tetap sama. Tidak ada perbedaan antara sebelum klik dan setelah klik, sehingga membuat user berpikir untuk mengklik ulang.
    • Setelah submit untuk pendaftaran selesai muncul :
              tetapi keterangan gambar di atas berada disebelah kiri paling bawah. Sama sekali tidak terlihat jika
              user scroll down. Hal ini membuat user meninggalkan blog tanpa logout.


    Rekomendasi Perbaikan untuk permasalahan ini yaitu:
         > Memberikan validasi untuk alamat email langsung disebelah textfield nya, jangan setelah submit :


         > Berikan penanda untuk password yang berbeda & textfield yang harus diisi jika user belum 
            mengisinya :


         > Texfield untuk no telp, kode pos, handphone hanya bisa diisi numerik/angka saja.
         > Message box peringatan untuk alamat email tidak perlu karena sudah langsung divalidasi.
         > Tombol/button setelah diklik : 


    Severity Rating / Peringkat keparahan : Merupakan penilaian berupa peringkat dari 0 - 4
         0 : Saya tidak setuju, tidak menjadi masalah
         1 : Tidak perlu diperbaiki, kecuali tersedia waktu tambahan untuk project
         2 : Permasalahan Minor, prioritas rendah (low priority)
         3 : Permasalahan Mayor, prioritas tinggi (high priority)
         4 : Penting untuk diperbaiki sebelum product di release

         Severity rating / peringkat keparahan untuk beberapa permasalahan ini adalah : 3