Heuristic Evaluation – www.anugrahpratama.com

Tulisan ini merupakan hasil Heuristic Evaluation terhadap website www.anugrahpratama.com. Terdapat 5 prinsip desain interaksi yang akan dibahas, antara lain :

1. Visibility of System Status

2. Consistency and Standards

3. Error Prevention

4. Help Users Recognize, Diagnose, and Recover from Errors

5. Aesthetic and Minimalist Design

Posted in Uncategorized | Tagged | Leave a comment

Aesthetic and Minimalist Design – www.anugrahpratama.com

Pada bagian ini, dilihat apakah sistem hanya menghasilkan informasi yang relevan atau tidak, informasi yang tidak relevan dapat mengurangi visibilitas dan usability dari sistem.

  • Font

Penggunaan ukuran font terlihat begitu bervariasi. perbedaan ukuran font menentukan prioritas dari yang informasi yang ditampilkan. akan tetapi, seharusnya pada bagian yang memiliki tema yang sama semerti login, my shopping cart dan custemer service ukuran font yang digunakan untuk judulnya lebih baik sama

  • Whitespace

penggunaan whitespace terlihat tidak beraturan jaraknya. pada harga terlihat whitespace yang berantakan.

  • Halaman keseluruhan

Tempat untuk isi konten terlalu kecil karena bagian kiri ditempati menu dan bagian kanan tempti login dan lainnya.

Saran

Pindahkan konten-konten yang ada pada bagian kanan kebagian yang lainnya seperti atas atau bawah. login dan my shopping cart dapat dipindahkan ke atas kanan dengan ukuran yang lebih kecil agar tidak memakan tempat. untuk login tidak perlu ada kotak input, cukup di link kehalaman baru. custumer service dapat ditempatkan juga di atas. untuk promotions bisa ditampilkan dihalaman home.

Severity ratings

Aesthetic and Minimalist Design : 2

Posted in Uncategorized | Tagged | 10 Comments

Help Users Recognize, Diagnose, and Recover From Error – www.anugrahpratama.com

Pada bagian ini hal yang akan dikaji adalah bantuan yang yang diberikan oleh situs saat pengguna melakukan kesalahan.

  • Kesalahan mendaftar menjadi member

Kesalahan yang sering terjadi pada saat mendaftar menjadi member adalah adanya isian yang lupa atau salah diisi. Berikut merupakan pesan yang muncul pada saat terjadi kesalahan saat registrasi :

Tidak semua kesalahan yang dilakukan pengguna muncul pada pesan kesalahan. Hal tersebut dapat mengakibatkan pengguna melakukan kesalahan registrasi secara berulang kali. Selain itu, pesan kesalahan yang muncul kurang mencolok dan penempatannya yang kurang tepat  sehingga dapat terlewat mata atau tidak terbaca oleh pengguna.

Solusi

Cantumkan semua kesalahan yang dilakukan pengguna pada pengisian. Letakan pesan kesalahan berdekatan dengan tempat isian dan tandai isian yang salah seperti penggunakan penanda berwarna merah. Hal tersebut dapat memudahkan pengguna untuk mengetahui dengan cepat isian mana yang salah dan pengguna tidak harus melakukan kesalahan registrasi berulang kali karena tidak tahu isian mana yang salah.

Severity ratings

Help Users Recognize, Diagnose, and Recover From Error : 2

Posted in Uncategorized | Tagged | Leave a comment

Error Prevention – www.anugrahpratama.com

Error prevention pada suatu antarmuka berfungsi untuk mencegah pengguna melakukan suatu kesalahan saat menggunakan suatu situs.

  • Pengisian saat registrasi

Pada saat registrasi, jika password dan confirm password tidak sama, tidak ada konfirmasi secara langsung dari sistem. Selain itu, pengguna hanya dapat melihat kesamaan password dengan confirm password dari banyaknya karakter saja senggi pengguna tidak tahu bahwa confirm password sesuai tidak dengan password. Konfirmasi  kesamaan password dengan confirm password muncul sesudah menekan tombol “OK”.

Sama halnya dengan username, apabila username yang akan digunakan ternyata sudah ada, tidak ada konfirmasi secara langsung.

Solusi

Berikan tanda kesalahan dibagian bawah atau samping secara langsung bahwa password tidak sama atau username sudah digunakan. tanda dapat berupa kalimat pendek berwarna merah atau tanda silang jika salah dan kalimat pendek berwarna hijau atau tanda ceklis jika sudah benar

Severity ratings

Error Prevention : 3

Posted in Uncategorized | Tagged | Leave a comment

Consistency and Standards – www.anugrahpratama.com

Pada bagian ini, sistem dituntut 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.

  • Menu navigasi

Terdapat perbedaan tampilan menu pada beberapa halaman. perbedaan menu halamannya sebagai berikut :

tampilan menu pada halaman home

tampilan menu pada halaman daftar harga

tampilan menu pada halaman daftar harga latest email deals

Perbedaan tampilan menu tersebut dapat membingungkan pengguna untuk sesaat. Seharusnya tampilan menu sama setiap halaman sama.

  • Inkonsisten ikon

tombol ‘ok’ pada registrasi

tombol ‘ok’ pada menanyakan produk

Terdapat perbedaan tanda ‘ok’ pada halaman registrasi, question. Seharusnya, gunakan tanda yang sama untuk perintah yang sama

Severity ratings

Consistency and Standards : 2

Posted in Uncategorized | Tagged | Leave a comment

Visibility of System Status – www.anugrahpratama.com

Pada bagian ini, sistem harus selalu menginformasikan pada pengguna apa yang sedang terjadi, melalui pesan yang baik dan waktu yang sesuai.

  • Tautan

feedback yang menunjukan tautan sudah cukup baik. text tautan dengan non-tautan dibedakan dengan pemberian warna yang berbeda (text tautan warna biru dan text non-tautan warna hitam). Saat posisi kursor berada pada tautan, tautan otomatis diberi garis bawah dan kursor berubah.

  • Menu navigasi

Saat kursor diarahkan ke menu, menu berubah menjadi warna abu-abu. hal ini dapat membantu pengguna untuk mengetahui menu mana yang sedang ditunjuk. Akan tetapi, ngsaat menampilkan halaman aktif, penanda halaman aktif hilang. Bagi pengguna yang kurang bisa mengingat, dia akan lupa sebelumnya telah memilih bagian yang mana.

  • Ketidaksesuaian menu dan konten

Gambar berikut merupakan halaman menu blog

Ketidaksesuaian nama menu dengan isi konten dimana nama menu ‘blog’ sedangkan isi kontenya adalah barang yang sedang promo. permasalahan ini harus segera diperbaiki agar pengguna dengan mudah menemukan halaman yang diinginkan.

Inkonsisten ikon

Tema ikon atau tombol yang digunakan berbeda-beda. Sebaiknya gunakan jenis ikon yang sama.

Severity ratings

Visibility of System Status : 2

Posted in Uncategorized | Tagged | Leave a comment