10. Help and documentation — boneka-sni.com

Meskipun lebih baik jika sistem dapat digunakan tanpa dokumentasi , mungkin perlu untuk memberikan bantuan dan dokumentasi . Setiap informasi tersebut harus mudah dicari , fokus pada tugas pengguna , daftar langkah-langkah konkret yang harus dilakukan , dan tidak terlalu besar . 

Tidak  tersedianya FAQs dalam web
Dalam web perlu ada dokumentasi, biasanya diletakan dalam FAQs salah satunya, nah dalam boneka-sni.com ini tidak tersedia FAQs yang diperlukan pengguna untuk mengetahui permasalahan ataupun informasi yang penting di dalam website. Jika memang boneka-sni.com merupakan website dari sebuah pabrik boneka, alangkah lebih baiknya jika memberikan contoh2 pertanyaan dan jawaban mengenai dropship, reseller, tata cara pemesanan, dll.

saran : buatlah FAQs agar dapat mempermudah pengguna dalam mengenal lebih jauh tentang boneka-sni.com

Severe Ratings = 3
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

9. Help Users Recognize, Diagnose, and Recover from Errors — boneka-sni.com

Help Users Recognize, Diagnose, and Recover from Errors “Bantu Pengguna untuk Mengenali, Mendiagnosa dan Mengatasi Masalah”. Hal yang dibahas disini adalah apakah pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada. Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada.

Pada website boneka-sni.com, ada satu hal yang juga perlu dipertimbangkan;

Tidak ada keterangan penjelas pengisian form.

 

walaupun pengguna sudah familiar dengan beberapa istilah dalam dunia IT. tetapi alangkah baiknya tetap memberikan contoh pengisian form.

first name dan last name diberi ex:John Smith. email juga diberikan ex: JohnSmith@gmail.com. dan untuk phone number juga disarankan memberikan standard input apakah menggunakan +62 atau tidak.

saran : berikan keterangan atau note cara mengisi field-field dalam form

Severe Ratings = 1
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

8. Aesthetic and Minimalist Design — boneka-sni.com

Suatu desain yang minimalis dapat membuat user focus terhadap informasi utama tanpa harus bingung dengan informasi lain yang tidak relevan. Untuk web boneka-sni.com, desain informasi dan navigasinya sudah cukup baik, namun ada satu hal yang perlu dibahas, yaitu:

Tulisan “NEW ITEM!!” yang menggunakan huruf kapital dan tanda seru

Untuk menampilkan informasi pada konten, sebaiknya menggunakan huruf kecil. jika ada hal yang penting atau informasi yang perlu ditekankan, cukup memainkan bold atau underline.

saran : gunakan huruf kecil, berikan bold atau underline. juga dapat diberikan warna yang berbeda. new item juga dapat diletakan di sub menu produk.

Severe Ratings = 2
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

 

 

7. Flexibility and efficiency of use — boneka-sni.com

Hal ini mungkin berpengaruh bagi pengguna yang sudah ahli menggunakan sistem aplikasi baik desktop maupun berbasis website. Hal yang dapat mempercepat ataupun mempermudah interaksi bagi pengguna ahli sehingga sistem dapat melayani dengan baik. Pada web boneka-sni.com, ada beberapa hal yang akan dibahas pada poin ini :

1. tidak terdapat site map & back to top.

Site map sangat berguna untuk memudahkan pengguna dalam mengakses website. Namun pada bagian footer website boneka-sni tidak terdapat hal apapun. Tidak ada menu dan tidak ada tombol pintas untuk kembali ke atas (back to top).

Saran : Buat site map, dan back to top pada footer.

Severe Ratings = 2
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

---

2. tidak terdapat keterangan produk (ukuran boneka, bahan, harga, dll )

Boneka-sni.com masih membuat pengguna bingung dengan tujuannya menampilkan foto produk tanpa keterangan apapun. Apakah website ini hanya website company profile, atau website e-commerce yang dapat membuat pengguna melakukan transaksi pembelian di situs ini.

saran : tampilkan keterangan produk lebih lengkap.

Severe Ratings = 4
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

---

3. tidak terdapat kategori produk

Boneka-sni.com tidak memiliki katalog yang baik berdasarkan kategori-katogori produk yang menjadi portfolio dari Boneka-sni ini sendiri. Membuat pengguna lagi-lagi bingung apa yang dapat dilakukan terhadap menu produk.

Saran : kelompokan produk dengan lebih terstruktur. misal kelompok boneka hewan, cartoon, makanan, dll.

Severe Ratings = 3
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

 

6. Recognition rather than recall — boneka-sni.com

Recognition rather than recall merupakan penilaian bagaimana pengguna tidak harus mengingat-ingat informasi dari halaman sebelumnya untuk dapat  mengakses halaman selanjutnya. Minimalkan beban memori pengguna dengan membuat objek, tindakan, dan pilihan yang terlihat. Pengguna tidak perlu mengingat informasi dari satu bagian ke bagian yang lain. 

Show product yang baik (dengan image tumbnail)

pada website boneka-sni.com ini menampilkan gambar produk dengan cukup baik. Jika menampilkan gambar dengan full size untuk memperjelas gambar, sistem tetap menampilkan gambar yang berukuran kecil dibawahnya sebagai jalan pintas untuk melihat gambar yang telah dilalui pengguna. Dapat digunakan untuk membandingkan beberapa produk yang telah menjadi pilihan. Sehingga pengguna tidak perlu menekan tombol back berulang-ulang hanya untuk mencari gambar yang telah dilalui.

Severe Ratings = 0
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

5. Error Prevention — boneka-sni.com

Mencegah user melakukan kesalahan itu lebih baik dari pada memberikan pesan error kepada user. Oleh karena itu, web harus di desain agar user tidak melakukan kesalahan dalam menggunakannya. Selain itu, error prevention juga membantu pengelola web sehingga tidak harus banyak memvalidasi ulang input dari user secara manual. masalah yang ditemukan pada boneka-sni.com :

Validasi input pada form

Pada gambar di atas, saya mencoba mengisi field Phone Number dengan masukan angka, huruf, dan karakter. Itu masih dapat terjadi. Bahkan ketika saya menekan tombol submit, website menampilkan pesan “terimakasih” (berhasil).

saran : memberikan validasi form atau dengan menonaktifkan input karakter dan huruf (hanya boleh angka). dan diberikan note untuk mengisi field yang bersangkutan

Severe Ratings = 3
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

 

4. Consistency and standards — boneka-sni.com

 Aspek ini meninjau pemakaian elemen-elemen pada suatu sistem (seperti penggunaan icon, penamaan halaman, menu, dan font) apakah elemen-elemen tersebut konsisten atau malah menimbulkan ambiguitas dan mempersulit pemahaman user. ada beberapa masalah pada boneka-sni.com;

1. Menu berisi halaman kosong

Pada gambar di atas, saya mencoba memilih menu “Project & testimoni”, namun ternyata halaman tersebut tidak memiliki konten apapun. Hal ini membuat pengguna bingung akan fungsi halaman ini.

Saran : Sebaiknya diisi dengan konten yang sesuai, atau menu tersebut dihapus dari menu bar karena tidak berfungsi sama sekali.

Severe Ratings =4
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

---

 

2. Icon facebook dan twitter yang memberikan link tidak pada page boneka-sni.com

Link pada icon facebook dan link twitter tidak mengacu pada halaman facebook/twitter dari bokena-sni ini.

Saran: membuat akun pada facebook ataupun twitter. atau tidak menggunakan icon facebook dan twitter sama sekali.

Severe Ratings =4
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

3. User Control and Freedom — boneka-sni.com

Untuk membuat website yang baik sebaiknya mempertimbangkan kebiasaan user dalam menggunakan website. User biasanya sering melakukan kesalahan saat memilih suatu fungsi. Untuk itu website harus dilengkapi dengan fungsi untuk membatalkan suatu aksi..Fungsi undo dan redo juga masuk kedalam poin ini. ada hal yang cukup membingungkan pada boneka-sni.com:

Tombol next & back yang hanya timbul jika dihover

Pada gambar di atas, saya mencoba untuk memilih salah satu foto boneka. Awalnya, tidak ada tombol next pada gambar. Setelah mengarahkan mouse ke titik dimana tombol next berada, barulah muncul tombol next. Begitu juga dengan tombol back. Hal ini mempersulit pengguna dalam melakukan slide show terhadap gambar-gambar yang tersedia di website ini. dan pengguna juga tidak menyadari bahwasanya foto dapat di slide ke foto berikutnya maupun ke foto sebelumnya.

Saran : Lebih baik jika tombol next dan back ditampilkan bersamaan ketika gambar muncul (sekaligus tanpa menunggu hover dari mouse). 

Severe Ratings =2
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

 

2. Match Between System and Real World — boneka-sni.com

Suatu sistem baik sistem aplikasi desktop maupun berbasis website, sebaiknya menggunakan bahasa yang mudah dimengerti dan familiar untuk pengguna. Dengan menggunakan bahasa yang baik, pengguna akan lebih mudah menggunakan sistem yang dibuat. Permasalahan pada boneka-sni.com adalah:

Penggunaan bahasa yang tidak konsisten

Pada gambar di atas, terlihat bahwa menu dan konten tidak menggunakan bahasa yang sama. Bahasa inggris digabung dengan bahasa indonesia. Suatu sistem aplikasi baiknya menggunakan satu bahasa untuk seluruh tampilan. Jika memang sistem aplikasi dibuat untuk seluruh dunia (tidak tertuju pada satu negara saja) , lebih baik menggunakan satu bahasa internasional, atau dapat juga menggunakan pilihan bahasa yang biasanya diletakan pada sudut kanan atas sebuah website. Sehingga pengguna dapat memilih bahasa yang dapat dimengerti.
Saran : Gunakan bahasa yang konsisten.atau dapat juga menggunakan pilihan bahasa yang biasanya diletakan pada sudut kanan atas sebuah website.

Severe Ratings =3
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.

 

 

1. Visibility of System Status — boneka-sni.com

Suatu sistem baik sistem aplikasi desktop maupun berbasis website, harus dapat menginformasikan kepada pengguna, proses apa yang sedang terjadi apabila pengguna melakukan aksi terhadap aplikasi tersebut. masalah yang terdapat di website boneka-sni.com adalah:

Tidak ada progres bar status pengiriman

Saya mencoba untuk mengirimkan sebuah pesan di menu “Contact” pada website ini. 

Pada gambar di atas, Setelah saya mengisi kolom yang tersedia, saya menekan tombol “submit”. Tidak terjadi apa-apa sampai sekitar 30 detik. Hingga akhirnya menampilkan pesan kepada pengguna seperti gambar dibawah ini:

Waktu yang dapat ditoleransi oleh pengguna dalam mengakses sebuah sistem aplikasi berbasis web adalah sekitar kurang lebih 10 detik. Kecuali jika sistem menampilkan progres bar atau loading dengan menampilkan waktu hitung mundur.

Namun dalam kasus ini, website tidak menampilkan apapun. Kendala di negara Indonesia adalah kecepatan akses internet yang masih tergolong lambat. Itu mengharuskan developer menggunakan progres bar untuk menginformasikan kepada pengguna, jika pengguna melakukan suatu aksi terhadap sistem aplikasi berbasis web.

Hal itu membuat pengguna bingung. Apakah pesan ini sudah terkirim, namun redirect website-nya yang tergolong lambat, atau memang pesan yang diketik belum terkirim ? sending atau redirecting

Pengguna cenderung akan menekan tombol refresh page jika dalam waktu 20 detik, website tidak menampilkan informasi apapun setelah pengguna melakukan suatu aksi terhadap website. Jika itu terjadi, maka pengguna harus mengetik ulang pesan mereka untuk dikirimkan kepada admin website.

Setelah sistem menampilkan status  “thank you. Your information has been submited” pengguna tidak diberi tahu, apakah sistem akan membalas pesan tersebut melalui email atau nomor HP yang telah dimasukkan pengguna  kedalam form yang disediakan sistem. Atau pesan tersebut hanya untuk bahan bacaan admin website tersebut. 

saran : gunakan progress bar untuk membantu pengguna memahami kondisi sistem yang sedang sending atau redirecting

Severe Ratings = 3
Keterangan Severe Ratings (Nielsen 1995):
0 = Bukan masalah
1 = Masalah yang tidak terlalu penting
2 = Minor usability problem. Perlu diperbaiki dengan prioritas rendah.
3 = Major usability problem. Sangat perlu diperbaiki  dengan prioritas tinggi.
4 = Usability catastrophe.  Masalah yang sangat besar, perlu penanganan dengan prioritas paling tinggi.