Arsip Blog

Help and Documentation – www.griyasis.com

Nah, sampai di bagian yang terakhir, bagian kesepuluh. Di bagian ini, website akan sangat bermanfaat jika mampu memberikan sejumlah bantuan bagi user dalam memahami informasi yang dibutuhkan. Pada website ini, ketika saya mencoba untuk memilih salah satu produk, kemudian ditampilkanlah produk tersebut. Di situ disediakan tiga tab, ada “Features“, “Detail“, dan “Review“, namun ketika saya klik tab “Features” dan “Review“, tidak ada informasi yang ditampilkan di situ, hanya pada tab “Detail” saja ditampilkan informasi, itu pun minim sekali.

10

Kemudian, ada salah satu bagian yang pada awalnya saya pikir akan sangat membantu user dalam mengkonversi nilai mata uang Dollar Amerika ke Rupiah atau sebaliknya. Kenapa saya katakan sangat membantu?? Karena ada beberapa barang yang dijual dengan nilai mata uang Dollar Amerika dan banyak user pastinya yang ingin mengetahui berapa nilai Rupiah-nya. Selain itu, bagian konversi ini muncul di mana-mana, di setiap halaman yang kita buka, pasti memuat bagian ini. Sehingga saya berpikir ini akan sangat membatu user. Tapi kemudian saya merasa cukup kebingungan dalam mengoperasikan konverter ini, bahkan sampai saat ini pun. Ketika saya coba masukkan angka 1000 di kolom “Rupiah”, pada kolom “Result” tidak menampakkan hasil apa-apa.

10a

Di situ justru ada tombol “+”, “-“, “*”, dan “/” yang membuat konverter tersebut fungsinya lebih terlihat seperti kalkulator, dan benar saja, ketika saya mencoba memasukan angka 500 di kolom “USD”, dan saya klik tombol “/”, pada kolom “Result” muncul angka 2, yang merupakan hasil dari pembagian antara 1000 dengan 500. Lho kok begini??? -_-. Sehingga akhirnya saya pikir bagian tersebut adalah bagian yang useless sekali.

10b

Rekomendasi: Berikan informasi yang sejelas-jelasnya pada user jika sudah menyediakan tab untuk dapat dilihat oleh user. Kemudian hilangkan tombol “+”, “-“, “*”, dan “/” pada konverter, cukup berikan tombol untuk mengkonversi nilai mata uang yang diinginkan, berikan tampilan yang sederhana namun cepat dimengerti user, sehingga user merasa sangat terbantu.

Severity Rating: 2.

Yaaap, akhirnya selesai sudah analisis saya terhadap website http://www.griyasis.com berdasarkan 10 prinsip utama Heuristical Evaluation Nielsen. Saya tidak bermaksud menjelek-jelekan website ini, saya hanya mencoba menganalisis dan memberikan masukkan kepada pengembang yang bersangkutan apabila melihat tulisan ini. Harapannya adalah peningkatan mutu dari website ini, agar semakin banyak user yang mau berkunjung untuk berbelanja di website ini karena mereka merasa nyaman. Demikian tulisan ini saya buat, jikalau ada yang kurang berkenan, saya mohon maaf dan bisa langsung disampaikan di kolom komentar. Terima kasih, selamat malam … 😀 🙂

Iklan

Help Users Recognize, Diagnose, and Recover from Errors – www.griyasis.com

Ketika user melakukan kesalahan, sistem haruslah memberikan suatu pesan atau peringatan, bahwa user telah melakukan kesalahan. Pesan tersebut harus disampaikan pula dengan bahasa yang sopan, sederhana, dan mudah dimengerti user, serta tepat dalam menunjukkan masalah dan memberikan solusi. Pada website ini, pesan kesalahan pada bagian “Login”, ketika saya mencoba untuk tidak memasukkan password, halaman justru me-load ke halaman yang saya kira kosong, namun ketika di-scroll ke bawah, terdapat pesan kesalahan yang tidak dapat dilihat dengan kasat mata dan harus jeli. Pesan kesalahan tersebut justru muncul di sebelah kiri halaman, di antara beberapa iklan. Saya kira itu hanya kesalahan dalam memuat halaman, namun ketika saya coba refresh kembali, pesan kesalahan tersebut masih berada di posisi yang sama. Cukup aneh memang -_-.

9

Selain hal tersebut, pada bagian-bagian lain, penggunaan bahasa sudah cukup sederhana dan mudah dimengerti oleh user, apabila user melakukan kesalahan.

Rekomendasi: Letakkan pesan kesalahan pada bagian yang mudah terlihat oleh user, sehingga user tidak merasa bingung dengan status yang dikerjakannya.

Severity Rating: 3.

Naah, sampai juga ke bagian yang terakhir, bagian kesepuluh, Help and Documentation ..

Aesthetic and Minimalist Design – www.griyasis.com

Keindahan desain suatu layar antarmuka, mampu memikat user untuk dapat menggunakan antarmuka tersebut. Semakin indah dan mudah digunakannya suatu tampilan antarmuka, makan akan membuat user mampu melaksanakan tugasnya dengan baik, cepat, dan nyaman. Selain itu desain suatu antarmuka haruslah menampilkan informasi-informasi yang memang dibutuhkan user. Hal inilah yang harus dimiliki pula oleh suatu website atau aplikasi. Pada website ini, terdapat suatu informasi yang menurut saya tidaklah relevan, antara website penjualan perlengkapan komputer dengan informasi tersebut. Informasi yang dimaksud adalah kutipan quote sebagai berikut:

8

User tidaklah membutuhkan informasi yang seperti itu di website penjualan komputer. Apabila ingin mencari quote, user bisa pergi ke website lain yang lebih tepat. Kemudian, lagi-lagi masalah iklan yang memiliki ruang tampil cukup besar dibandingkan dengan bagian utama informasi yang dibutuhkan user, yang hanya memiliki ruang jauh lebih kecil.

Rekomendasi: Ganti informasi quote tersebut dengan informasi yang lebih penting, atau minimal jangan ditampilkan. Kembali, kurangi iklan-iklan yang berlebihan, beri ruang yang lebih besar pada bagian utama informasi yang dibutuhkan user, kurangi ruang tampil iklan.

Severity Rating: 2.

Ok, lanjut ke bagian yang kesembilan, Help Users Recognize, Diagnose, and Recover from Errors ..

Flexibility and Efficiency of Use – www.griyasis.com

Di bagian yang ketujuh ini, sistem harus membuat desain antarmuka yang membuat user merasa mudah dan cepat dalam melakukan tugasnya. Kemampuan yang dimiliki tiap user tentu berbeda-beda. Perbedaan kemampuan inilah yang seharusnya dapat diatasi oleh sistem agar dapat mudah digunakan oleh semua user. Di website ini, sudah cukup bagus dalam mengatasi bagian ini, disediakan menu yang dapat digunakan oleh user untuk mengetahui cara pembelian, yaitu menu “How to Buy”. Namun sekali lagi, banyaknya iklan serta kecilnya kolom utama pada tiap halaman cukup menggangu user untuk mengakses informasi yang diberikan dan juga tidaklah efisien, karena user harus meng-scroll terlebih dahulu halaman tersebut ke bawah. Apalagi ditambah dengan double scroll yang harus dilakukan user. Hal ini sedikit banyak cukup membuang-buang waktu dari user.

7

Kemudian hal lainnya adalah mengenai link angka pencarian ke-berapa, ketika user selesai melakukan pencarian. Link tersebut hanya berada di bagian atas hasil pencarian, justru bukan berada di bawah. Hal ini membuat user harus menarik scroll lagi ke bagian atas pada saat sudah berada di hasil pencarian yang paling bawah sehingga user dipaksa harus meng-scroll 2x untuk mendapatkan informasi yang diinginkan. Selain itu tulisan link tersebut berwarna hitam, sama dengan tulisan lain pada umumnya, yang memberikan kesan bahwa angka-angka tersebut hanyalah tulisan biasa yang tidak bisa diklik, padahal angka-angka tersebut adalah sebuah link.

7a

Rekomendasi: Kurangi iklan-iklan yang sebenarnya tidak terlalu dibutuhkan oleh user. Perbesar juga kolom utama sebagai penampil informasi yang dibutuhkan. Letakkan link angka-angka tersebut pada bagian bawah dari hasil pencarian atau paling tidak letakkan di kedua sisi, atas dan bawah. Ubah warna dari link angka-angka tersebut, jangan gunakan warna hitam, gunakan warna biru misalnya.

Severity Rating: 2.

Lanjut lagi ke bagian yang kedelapan, Aesthetic and Minimalist Design ..

Recognition Rather than Recall – www.griyasis.com

Untuk bagian yang keenam, sebuah desain antarmuka harus dibuat dengan obyek-obyek yang mudah terlihat dan mudah diingat oleh user, jangan paksa user untuk mengingat hal-hal yang susah diingat. Pada website ini, terdapat breadcumb yang dimaksudkan untuk memudahkan user mengetahui berada di bagian manakah dia, namun menurut saya, itu terlihat kecil dan agak susah dilihat, karena dilatarbelakangi dengan background berwarna merah. Seperti pada gambar ini:

6

Untuk selebihnya, website ini sudah mampu mengatasi permasalahan pada bagian keenam ini. Sistem sudah mampu mengingatkan user apabila user lupa atau salah dalam mengisi form, seperti pada bagian mendaftar menjadi member.

Rekomendasi: Perbesar breadcumb agar mudah terlihat oleh user dan ubah warna background-nya.

Severity Rating: 1.

Ok, lanjut ke bagian yang ketujuh, Flexibility and Efficiency of Use ..