2. Analisis Web www.hammieshop.com (Tugas Akhir IMK) part 3

5. Error prevention

Pada saat login, captcha yang digunakan harus menggunakan huruf besar, dan keterangan yang diatas captcha terlalu panjang..

untuk pengguna yang lupa kata sandi, link menuju lupa kata sandi tidak seperti link,

sama halnya dengan ling daftar disini tidak seperti link.

6. Recognition rather than recall

Pengguna lebih mudah untuk melihat dari pada memanggil kembali sesuatu.

pengguna di situs ini bisa melihat kembali produk-produk yang pernah dilihat tanpa kembali ke menu produk tersebut, terdapat menu Recently viewed.

7. Flexibility and efficiency of use

"pengguna menginginkan sesuatu yang mudah dan efisien"

pada situs ini, untuk melihat gambar produk menjadi lebih besar, kita harus mengklik dan ternyata gambar tersebut keluar di jendela baru, ini sangatlah tidak bagus,,,

dengan berkembangnya teknologi bahasa pemrograman,seharusnya di situs ini ditanamkan javascript, ajax atau lainnya sehingga membuat gambar yang diperbesar bisa terlihat di jendela yang sama..

8. Aesthetic and minimalist design

di situs ini terlalu banyak white space, ruang putih kosong yang mubazir..
desain situs ini tidak bagus karena gambar yang ada dibawah harusnya diletakkan di banner bawah saja,..
Pada banner atas juga terlalu banyak gambar yang bergerakberganti- ganti, gambar tersebut diberikan link juga ke halaman awal.
Batasan antara banner dan search juga tidak jelas.

9. Help users recognize, diagnose, and recover from error

pada saat mendaftar, apabila terjadi error bukan hanya diberikan pesan error, seharusnya diberikan penanda dimanakah error tersebut terjadi.
sehingga pengguna bisa lebih mudah..

10. Help and documentation

"pengguna tidak tahu apa yang harus dilakukan"

pada menu advanced search, terlihat kerumitan dalam menggunakannya, tidak ada petunjuk penggunaan guna memudahkan user..

the end

--------------------------------------------------------------------------------------------
Sekian postingan dari saya, sekiranya bermanfaat bagi kita semua....
saya tunggu kritik dan saran, komentar dan pernyataan...
terima kasih

2. Analisis Web www.hammieshop.com (Tugas Akhir IMK) part 2

2. Match between system and the real world

Bahasa yang digunakan pada situs ini tidak konsisten, menggunakan bahasa indonesia campur dengan bahasa inggris.

Ada link yang berwarna merah, berbeda dengan link lainnya yang berwarna biru.

3. User control and freedom

Pada menu pembelian, tidak ada pilihan jumlah produk yang langsung akan dibeli, jika mengklik beli, maka hanya 1 produk, untuk memilih jumlah produknya, harus mengklik barangnya tersebut.





Untuk memilih jumlah produk yang akan dibeli, terdapat text box. Ini bisa menyebabkan user mengetikkan selain angka
Seharusnya menu dropdown list atau menu plus minus...

4. Consistency and standards

Pada menu pencarian menggunakan icon kaca pembesar untuk mencari,
tetapi pada inputan no faktur/email untuk Lihat status pembelian juga menggunakan icon kaca pembesar.
Pada inputan email untuk mendapatkan promosi juga menggunakan icon kaca pembesar.
Seharusnya menggunakan panah atau submit

Icon kaca pembesar standarnya sebagai simbol pencarian.

2. Analisis Web www.hammieshop.com (Tugas Akhir IMK) part 1

Untuk menganalisis situs ini, kita lihat evaluasi heuristik nielsen

Menurut Nielsen, ada sepuluh prinsip heuristik yang dapat digunakan, yaitu :

• Visibility of system status : Sistem harus dapat menginformasikan kepada pengguna tentang apa yang terjadi pada system.
• Match between system and the real world :Sistem harus ‘berbicara’ dalam bahasa yang biasa digunakan oleh pengguna. Kata,frasa, dan istilah yang digunakan mengikuti kebiasaan yang ada.
• User control and freedom : Pengguna kadang memilih pilihan yang salah dan memerlukan opsi ‘emergency exit’. Pengguna dapat keluar dari keadaan akibat pilihan yang salah tersebut tanpa perlu melewati kegiatan tambahan lainnya.
• Consistency and standards : Pengguna tidak harus berpikir apakah kata, situasi, dan aksi yang berbeda ternyata memiliki arti yang sama.
• Error prevention : Sistem didesain sehingga mencegah pengguna melakukan kesalahan dalam penggunaan system. Bisa dilakukan dengan menggunakan pilihan konfirmasi.
• Recognition rather than recall : Membuat objek, aksi, dan pilihan yang ada visible (jelas).
• Flexibility and efficiency of use : Permudah pengguna untuk melakukan kegiatannya dengan lebih cepat.
• Aesthetic and minimalist design : Dialog seharusnya tidak mengandung informasi yang tidak relevan atau tidak terlalu diperlukan.
• Help users recognize, diagnose, and recover from errors : Pesan kesalahan harus dijelaskan dalam bahasa yang jelas, menjelaskan masalah dan memberikan solusi.
• Help and documentation : Sistem menyediakan bantuan dan dokumentasi yang berisi informasi tentang penggunaan system.

Sekarang kita mulai analisis web www.hammieshop.com
1. Visibility of system status

Kita bahas mengenai menu navigasi
Pada nomor 1.

• Menu navigasi pada situs ini seperti tidak terlihat sebagai menu navigasi. Menu navigasi ini memiliki tanda panah ke kanan seperti ada submenu/ multilevel menu, tetapi padahal tidak ada.
• Penanda lokasi menu yang kita tuju sekarang tidak terlalu terlihat, hanya berwarna lebih terang dan tanda panah berubah ke bawah.

Pada nomor 2

• Menu-menu yang ada seperti menu javascript yang bisa naik/ turun jika diklik.
• tidak ada pemisah antara menu dengan informasi

Pada nomor 3

• Terdapat tanda panah ke bawah pada sebelah kiri Menu informasi seperti bisa dinaikkan/turunkan, padahal tidak.
  
• menu informasi ini seperti bagian dari menu "serbuk & pasir" yang memiliki efek javasript.

Pada nomor 4

• pada menu "Hamster Galerry Foto", "Tentang Hamster", "Link" terdapat panah kanan seperti multilevel menu, padahal tidak berfungsi apa-apa
  

Pada nomor 5

• Seperti menu "Informasi" terdapat tanda panah ke bawah pada sebelah kiri Menu seperti bisa dinaikkan/turunkan, padahal tidak.
  

1. Pendahuluan (Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

1. Pendahuluan (Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

Untuk pendahuluan ini, saya bahas dahulu tentang web usability.

Web usability adalah kualitas sesuatu untuk mengukur seberapa mudah suatu antarmuka web digunakan. Ada lima komponen suatu kualitas (Jakob Nielsen), yaitu:

• Learnability: seberapa mudah bagi pengguna untuk melakukan kegiatan (task) utama pada saat mereka pertama kali bertemu antarmuka tersebut?

• Efficiency: Setelah pengguna terbiasa dengan antarmuka, seberapa cepat mereka melakukan suatu kegiatan?
• Memorability: Saat pengguna kembali menggunakan antarmuka, setelah lama tidak menggunakannya, seberapa mudahkah mereka terbiasa kembali dengan antarmuka tersebut?
• Errors: Berapa banyak kesalahan yang dilakukan pengguna, seberapa parah kesalahan tersebut, dan apakah pengguna dapat dengan mudah menangani kesalahan tersebut?
• Satisfaction: Seberapa nyamankah pengguna dengan suatu antarmuka?

Jadi tujuan dari usability pada suatu web adalah :

• Efektif digunakan
• Efisien digunakan
• Aman digunakan
• Punya utility yang baik
• Mudah dipelajari
• Mudah diingat bagaimana menggunakannya

Sekarang kita bahas mengenai target kita, yaitu situs www.hammieshop.com


Situs www.hammieshop.com merupakan sebuah situs peternakan yang memberikan fasilitas layanan belanja online yang dikelola secara profesional. Pelayanan belanja online ini menerapkan konsep belanja modern sehingga pelanggan mendapat mutu barang yang terjamin dengan harga yang kompetitif. Dengan adanya Hammie-Shop maka pelanggan dapat berbelanja dari rumah, kantor atau dimana saja cukup dari komputer melalui internet, tanpa harus membuang waktu dan bahan bakar ke pusat belanja konvensional yang pada umumnya macet. Pelangganpun dapat mengetahui status pembeliannya secara online. (www.hammieshop.com).

Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

Analisis Web Usability pada situs www.hammieshop.com (Tugas Akhir IMK)

Kali ini saya akan membahas analisis web usability pada situs www.hammieshop.com . Bahasan ini berhubungan dengan tugas akhir mata kuliah interaksi manusia dan komputer. Disini akan dibahas secara lengkap mengenai kekurangan-kekurangan yang ada pada www.hammieshop.com.

Bahasan web usability ini terdiri dari:

1.Pendahuluan

• Web Usability
• Web www.hammieshop.com

2.Analisis Web www.hammieshop.com

• Visibility of system status
• Match between system and the real
• User control and freedom
  
• Consistency and standards
• Error prevention
• Recognition rather than recall
• Flexibility and efficiency of use
• Aesthetic and minimalist design
• Help users recognize, diagnose, and recover from errors
• Help and documentation