Heuristic Evaluation

Assalamualaikum wr. wb.
Halo, selamat malam, khalayak ramai :)

Alhamdulillah masih dikasih kesempatan untuk bisa nulis disini hehe. Hmm kali ini penulis ingin berbagi sedikit hasil evaluasi dari sebuah website e-commerce, yang merupakan salah satu tugas ujian juga sih, take home test lebih tepatnya hehe. Jadi situs yang penulis evaluasi adalah www.lavidyashop.com . Situs ini merupakan situs jual - beli online tas - tas cewek. Evaluasi ini menggunakan 10 Prinsip Heuristic Evaluation oleh Jakob Nielsen. Kesepuluh aspek yang akan penulis evaluasi adalah sebagai berikut :

1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error Prevention
6. Recognition rather than recall
7. Flexibility and efficiency of use
8. Aesthetic and minimalist design
9. Help users recognize, diagnose, and recover from error
10. Help and documentation

adapun referensi yang penulis gunakan adalah :

• Nielsen J. 1995a. 10 Usability Heuristics for User Interface Design.

http://www.nngroup.com/articles/ten-usability-heuristics/

• Nielsen J. 1995b. Severity Ratings for Usability Problems

http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/

Cukup banyak bukan? okelah karena aspek yang akan penulis evaluasi cukup banyak, tanpa berlama - lama lagi, mari kita mulai mengevaluasi :)

Check this out!

• Visibility of system status
• Match between system and the real world
• 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 error
• Help and documentation

-TA | Amsterdam

Recognition Rather than Recall | www.lavidyashop.com

Pada postingan keenam ini, penulis akan membahas tentang Recognition Rather than Recall dari www.lavidyashop.com.

Recognition rather than recall

Minimize the user's memory load by making objects, actions, and options visible. The user should not have to remember information from one part of the dialogue to another. Instructions for use of the system should be visible or easily retrievable whenever appropriate.

Prinsip ini menekankan kepada desain interaksi yang meminimalkan pengguna untuk mengingat sebuah informasi.

Evaluasi pertama adalah ketika pengunjung memilih gambar keranjang pada bagian kanan atas, lalu masuk ke menu lihat keranjang. Ketika dalam menu lihat keranjang, terdapat tombol checkout. Tombol ini biasanya untuk melakukan order barang yang sudah ada dalam keranjang. Celakanya, hal itu tidak diterapkan dalam website ini. Memang benar ketika kita memilih menu itu, kita langsung diantarkan ke menu pemesanan dimana sudah disediakan form untuk pemesanan. Namun, yang dijumpai oleh pengunjung adalah form pemesanan yg kosong. Kosong disini berarti data - data barang yang sudah kita masukan kedalam keranjang menjadi tidak berguna, kita tetap harus mengisi kolom barang yang dipesan dengan kode barang dan jumlah yang akan kita beli.

Halam keranjang belanja, berisi semua barang yg sudah kita masukkan kedalam keranjang

Data tidak masuk form, isi ulang pesanan

Hal ini menuntut pengunjung untuk mengingat kode dari barang yang ingin pengunjung beli serta jumlahnya juga.

Saran :
Ada baiknya untuk form pemesanan diperbaiki, disesuaikan dengan barang yang sudah dimasukan kedalam keranjang, sehingga mengurangi aktifitas pengunjung.


Namun tidak hanya hal negatif yang ada pada bagian ini, tentunya juga ada hal positifnya. Pada bagian search, lavidyashop sudah menggunakan icon kaca pembesar untuk menandakan bahwa itu untuk mencari barang. Hal itu sudah cukup baik mengingat icon kaca pembesar sudah familiar sebagai alat pencarian, sehingga pengunjung sudah bisa mengetahui fungsi dari bagian search itu. Namun sangat disayangkan, icon kaca pembesar itu tidak bisa di klik, sehingga untuk melakukan search pengunjung harus menekan enter setelah memasukan keyword yg akan di search.

Saran :
Ada baiknya icon itu dibuat bisa di klik, karena kebanyakan orang sudah terbiasa menklik button icon kaca pembesar ketika akan melakukan search.


Dari kedua masalah diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Recognition Rather than Recall. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam   

Flexibility and Efficiency of Use | www.lavidyashop.com

Pada postingan ketujuh ini, penulis akan membahas tentang Flexibility and Efficiency of Use dari www.lavidyashop.com.

Flexibility and efficiency of use

Accelerators -- unseen by the novice user -- may often speed up the interaction for the expert user such that the system can cater to both inexperienced and experienced users. Allow users to tailor frequent actions.

Prinsip ini menjelaskan bahwa sistem seharusnya memberikan perlakuan yang berbeda kepada pengunjung yang sudah ahli dan pengunjung awam. Selain itu, sistem juga memberikan alternatif bagi pengunjung yang tidak biasa baik dari segi budaya, fisik, maupun bahasa.

Pada bagian ini, sebenarnya tidak ada masalah yg begitu berarti, karena website ini tidak membeda - bedakan pengguna, semua pengguna dianggap sama. Isi konten web yang cukup simple mungkin akan membuat pengunjung awam akan cepat terbiasa dengan website ini.

untuk bahasa, mungkin bisa ditambahkan opsi versi bahasa inggris, siapa tahu ada bule yang mau beli tas disini :D

Penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Flexibility and Efficiency of Use. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam

Aesthetic and Minimalist Design | www.lavidyashop.com

Pada postingan kedelapan ini, penulis akan membahas tentang Aesthetic and Minimalist Design dari www.lavidyashop.com.

Aesthetic and minimalist design

Dialogues should not contain information which is irrelevant or rarely needed. Every extra unit of information in a dialogue competes with the relevant units of information and diminishes their relative visibility.

Prinsip ini menekankan pada keindahan, desain yang minimalis serta informasi yang relevan.

Evaluasi pertama terkait aspek ini, adalah pada bagian label yang terletak di bagian footer website. Mengapa? karena sesuai dengan prinsip aspek ini, bahwa suatu website yang baik haruslah website dengan desain yang minimalis, serta menampilkan informasi yang penting dan relevan saja. Untuk label ini saya rasa kurang relevan dan membuat website terlihat tidak minimalis, karena ketika label ini di klik, maka pengunjung akan diantarkan ke halaman kategori sesuai dengan label yang dipilih.

Label di bagian footer

Sedangkan dibagian kanan website sudah ada kolom kategori yang akan melakukan hal serupa ketika dipilih.

Kategori

Hal ini membuat halaman website terlalu kebawah (scroll terlalu banyak) sehingga pengunjung yang penasaran akan melakukan scroll kebawah dan yang mereka dapatkan hanyalah label - label yang notabene sama dengan kategori dibagian kanan website.

Saran :
Ada baiknya untuk label ini dihilangkan saja, agar website lavidyashop.com ini terlihat lebih elegan dan minimalis.


---------------------------------------------------------------------------------------------------------------

Evaluasi berikutnya adalah, selalu munculnya box yang berisi selamat datang, cek resi, dan cek ongoks kirim di setiap halamannya. Menurut Penulis ini tidak baik karena hal yang sama dimunculkan berulang kali dan dihalaman yang tidak semestinya.

Box selamat datang

Box cek ongkos kirim

Box cek resi

Saran :
Ada baiknya untuk bagian selamat datang ditempatkan di home, lalu cek resi dan cek ongkos kirim disimpan dibagian pemesanan, rasanya itu akan lebih efisien ketimbang penempatan yang sekarang.


---------------------------------------------------------------------------------------------------------------

Evaluasi berikutnya adalah penempatan form pemesanan yang rasanya terlalu dipaksakan.

Form melebihi box dan tertutup menu kategori

Form yang terlihat diatas seperti dipaksakan masuk kedalam sebuah kolom, sehingga tidak adanya scroll kesamping membuat form melebihi batas kolom yg tersedia, sehingga kesannya terlalu memaksakan dan tidak enak dilihat.

Saran :
Ada baiknya diatur ulang dalam penempatan form, tidak perlu dimasukan kedalam kolom akan lebih baik. Atau ukuran dari form itu sendiri diperkecil jika memungkinkan agar terlihat lebih indah dan enak dilihat.


Dari ketiga masalah diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Aesthetic and Minimalist Design. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam

Help Users Recognize, Diagnose, and Recover from Errors | www.lavidyashop.com

Pada postingan kesembilan ini, penulis akan membahas tentang Help Users Recognize, Diagnose, and Recover from Errors dari www.lavidyashop.com.

Help users recognize, diagnose, and recover from errors

Error messages should be expressed in plain language (no codes), precisely indicate the problem, and constructively suggest a solution.

Prinsip ini menjelaskan bahwa sistem seharusnya meberikan pesan error dengan bahasa yang umum dan memberika solusinya kepada pengguna,jika terjadi error pada sistem tersebut.

Terkait aspek ini, menurut penulis, website lavidyashop.com sudah menerapkan beberapa pesan error disaat terjadi kesalahan, seperti pada gambar form berikut.

Pesan error pada form pemesanan

Ketika form tersebut tidak diisi, maka sudah ada pemberitahuan bahwa itu harus diisi, dengan adanya tulisan berwarna merah dan border fieldnya menjadi merah juga menandakan bahwa bagian tersebut memang wajib diisi. Begitu pula ketika akan melakukan cek resi dan cek ongkos kirim, pengunjung akan langsung diberi peringatan bahwa field yg kosong harus diisi sebelum dapat memproses permintaan (untuk cek ongkos kirim di direct ke halaman baru).

Pesan error pada saat cek ongkos kirim

Pesan error pada saat cek resi

Namun, menurut Penulis, situs ini masih tetap mempunyai kekurangan. Apakah itu? kekurangan ini muncul ketika pengunjung melakukan search akan tetapi barang yang di-search tidak ada.

Search tempe goreng

Seperti contoh diatas, saya mencoba mencari tempe goreng yang sudah jelas tidak ada di situs ini. Setelah saya enter, tidak ada pesan apa - apa terkait hasil pencarian saya. Hanya seperti halaman biasa saja. Ini akan membuat bingung pengguna dan mencari - cari dimanakah hasil search tadi.

Saran :
Ada baiknya ketika search tidak menemukan hasil diberikan pesan pemberitahuan/peringatan seperti "Maaf, barang yang anda cari tidak ditemukan" atau semacamnya.


Dari hasil evaluasi diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Help Users Recognize, Diagnose, and Recover from Errors. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam

Help and Documentation | www.lavidyashop.com

Pada postingan kesepuluh ini, penulis akan membahas tentang Help and Documentation dari www.lavidyashop.com.

Help and documentation

Even though it is better if the system can be used without documentation, it may be necessary to provide help and documentation. Any such information should be easy to search, focused on the user's task, list concrete steps to be carried out, and not be too large.

Sistem bisa dikatakan sangat baik jika dapat digunakan tanpa adanya bantuan dan dokumentasi, akan tetapi ini sangat jarang sekali terjadi sehingga keberadaan dari fitur help serta dokumnetasi sangat membantu pengunjung agar dapat menggunakan sistem sebagaimana mestinya.

Terkait aspek help and documentation ini, situs lavidyashop.com sebenarnya sudah menyediakan halaman tersendiri yang berisi bantuan bagi para pengunjung. Isi dari halaman tersebut adalah tata cara pemesanan melalui form, sms, dan bbm.

Bantuan untuk cara pemesanan

Namun sayangnya, menu bantuan ini lebih kearah pemesanan, bukan untuk membantu pengunjung dalam menjelajahi situs ini, mungkin seperti bantuan untuk menambahkan barang kedalam keranjang dll. Semua yang tertera pada halaman ini mengarah ke pemesanan.

Saran :
Ada baiknya ditambahkan pula bantuan untuk pengguna saat menjelajahi situs, agar pengguna pun tidak kebingungan dalam menjelajahi situs ini.


Dari hasil evaluasi diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Help and Documentation. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam

Error Prevention | www.lavidyashop.com

Pada postingan kelima ini, penulis akan membahas tentang Error Prevention dari www.lavidyashop.com.

Error prevention

Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action.

Prinsip ini menekankan pada usaha yang dilakukan sistem untuk menghindari terjadinya kesalahan. Hal ini berdasarkan aturan utama pada usability testing, yaitu tidak adakesalahan yang dilkukan oleh user.

Evaluasi pertama terkait error prevention terdapat dibagian kolom search. Umunya kolom search digunakan untuk mencari produk yang kita inginkan. Tapi disini error prevention tidak diterapkan, karena website ini mengizinkan pengunjung untuk melakukan search tanpa menginput apapun dalam kolom search. berikut adalah contoh hasil search kosong. Hasil yang dikeluarkan oleh website ini adalah barang yang paling baru.

Search kosong

Saran :
Ada baiknya berikan warning ketika pengguna melakukan blank search.


---------------------------------------------------------------------------------------------------------------

Evaluasi berikutnya ada pada form pemesanan, mengapa? kita lihat bahwa form pemesanan ini menggunakan google form, dan sudah di set agar field tidak boleh kosong. Namun, form tersebut juga tidak mencegah adanya kesalahan input dari pengunjung. Pihak lavidyashop.com mengizinkan pengisian semua field dengan karakter " " (spasi) dan mengisinya bukan dengan isian yang sesuai.

Form diisi dengan spasi, lalu bisa di submit

Form diisi dengan isian yang tidak sesuai, namun bisa di submit

Saran :
Ada baiknya dilakukan validasi seperti pada kolom no hp dan email, karena kedua kolom itu saya nilai paling krusial sebagai lanjutan dari pemesanan barang oleh pengunjung


Dari kedua masalah diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Error Prevention. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam  

Consistency and Standards | www.lavidyashop.com

Pada postingan ini, penulis akan membahas tentang Consistency and Standards dari www.lavidyashop.com

Consistency and standards

Users should not have to wonder whether different words, situations, or actions mean the same thing. Follow platform conventions.

Prinsip ini membahas bagaimana sebuah sistem harus konsisten dan mengikuti standar yang sudah ada agar tidak membingungkan pengguna.

Evaluasi pertama adalah terkait gambar. Seperti online shop - online shop pada umumnya, representasi gambar akan meyakinkan pengunjung untuk membeli produk yang dijual di online shop tersebut. Begitupun yang terdapat pada lavidyashop.com ini. Karena kategorinya cukup banyak, jadi penulis coba membuka kategorinya satu - persatu. Awalnya setelah membuka beberapa kategori, penulis rasa sudah konsisten, karena gambar seluruhnya ada, namun setelah membuka beberapa kategori lagi, terdapat satu produk yang tidak ada gambarnya.

Satu produk yang tidak ada keterangan gambarnya

Awalnya penulis menduga ini kesalahan browser, setelah refresh page berkali - kali, hasilnya tetap sama. Penulis coba klik untuk melihat info lebih detail, siapa tahu gambarnya muncul. Namun hal itu tidak terjadi, gambarnya tetap tidak ada.

Pada bagian detail barang gambar tidak muncul

Ini suatu hal yang cukup disayangkan, mengingat representasi gambar menjadi satu alasan penting dalam pembelian barang di online shop.

Seharusnya seperti ini

Seharusnya seperti ini

Saran :
Ada baiknya dicek lagi terkait gambar tiap barang yang dijual, sehingga pengunjung dapat melihat bentuk barang yang dijual dan menjadi nilai tambah juga untuk online shop ini.

---------------------------------------------------------------------------------------------------------------

Evaluasi selanjutnya adalah ketidaksesuaian yang juga terjadi pada bagian menu, ketika dibuka dengan new tab, maka akan terlihat ketidak sesuaian pada menu kategori+ dan syarat dan ketentuan. Untuk menu kategori+, judul yang tertera pada tab adalah sama persis dengan judul home, sedangkan menu syarat dan ketentuan, judul yang tertera adalah url dari website lavidyashop.com/p/syarat-dan-ketentuan.html.

Menu tidak konsisten

Saran :
Ada baiknya diperbaiki dengan menyelaraskan judul halaman dengan menu yg tertera pada bagian halaman, sehingga terlihat konsisten untuk setiap halamannya dan tidak membingungkan pengunjung.


---------------------------------------------------------------------------------------------------------------

Evaluasi selanjutnya adalah adanya self link (tautan ke halaman sendiri) di seluruh halaman.
Nielsen dan Tahir (2001) memberikan sebuah prinsip desain berikut :

Jangan memberikan tautan aktif ke halaman utama, di halaman utama.

Sedangkan Johnson (2006) lebih meluaskan prinsip diatas menjadi :

Jangan memberikan tautan aktif ke halaman saat ini, di halaman saat ini

Saran :
Ada baiknya setiap self link atau tautan ke diri sendiri dapat dihilangkan.


---------------------------------------------------------------------------------------------------------------

Evaluasi selanjutnya adalah penggunaan huruf besar yg tidak konsisten, karena tidak seharusnya menggunakan huruf kapital. Beberapa kategori menggunakan huruf kapital karena memang brand mereka menggunakan huruf kapital.

Pilihan kategori yang seharusnya tidak menggunakan huruf kapital

Saran :
Ada baiknya yg tidak perlu di tulis dalam huruf kapital di tulis dengan huruf biasa, agar selaras dengan yang lainnya.


Dari keempat masalah diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Consistency and Standards. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam 

User Control and Freedom | www.lavidyashop.com

Pada postingan ini, penulis akan membahas tentang User Control and Freedom dari www.lavidyashop.com

User control and freedom

Users often choose system functions by mistake and will need a clearly marked "emergency exit" to leave the unwanted state without having to go through an extended dialogue. Support undo and redo.

Prinsip ini membahas bagaimana sistem seharusnya menyediakan "emergency exit" saat pengguna masuk kepada keadaan yang tidak ia inginkan.

Evaluasi pertama adalah tidak adanya fitur untuk mengedit pesanan pengunjung. Ketika pengunjung sudah tahu barang apa saja yang akan dibeli, maka pengunjung akan langsung melakukan pemesanan lewat form pemesanan yang disediakan. Celakanya, ketika pengunjung salah menuliskan hal - hal penting dalam form (email dan kode barang), tidak ada fitur untuk dapat memperbaiki pesanan tersebut, melainkan seluruh data langsung ter-record kedalam google form yg digunakan pada website ini.

Saran:
Alangkah baiknya diberikan fitur edit pesanan, karena jika salah saja mengisi form tersebut, maka yang didapatkan oleh pengunjung pun akan berbeda dengan ekspektasi mereka. Atau mungkin bisa ditambahkan satu halaman konfirmasi sebelum submit, dengan memunculkan seluruh record yg diinputkan oleh pengunjung, sehingga pengunjung dapat mengecek ulang apakah data - data yang dimasukan sudah benar atau belum.


---------------------------------------------------------------------------------------------------------------

Evaluasi selanjutnya terdapat pada bagian keranjang belanja. Mengapa? karena dibagian ini, user controlnya benar - benar dibatasi. Jika dilihat, ketika kita mengklik gambar keranjang pada bagian kanan atas, maka seluruh barang belanjaan yang sudah kita tambahkan kedalam keranjang akan terlihat. Celakanya, disana tidak terdapat tombol untuk menghapus pesanan satu persatu, melainkan hanya ada tombol untuk mengosongkan keranjang. Bayangkan jika pengunjung telah menambahkan banyak barang, dan secara tidak sengaja menambahkan barang yg tidak ingin ia beli, maka pengunjung harus mengosongkan keranjang belanjanya dan mulai memilih kembali barang yang ingin dibeli dengan kebih hati - hati tentunya.

Tidak ada tombol untuk menghapus barang satu - persatu

Saran :
Ada baiknya ditambahkan tombol untuk menghapus barang satu - persatu untuk lebih meringankan pekerjaan pengunjung ketika terjadi kesalahan seperti yang penulis contohkan diatas.


---------------------------------------------------------------------------------------------------------------

Evakuasi berikutnya adalah mengenai breadcrumb. Sebenarnya untuk beberapa menu, terdapat breadcrumb yang menandakan pengunjung sedang berada di halaman mana, namun untuk halaman syarat dan ketentuan dan halaman produk/barang yang dijual, tidak terdapat breadcrumb, hal tersebut ada membuat pengunjung kebingungan dan sulit untuk kembali ke halaman yang diinginkan.

Halaman checkout, terdapat breadcrumb

Halaman cara pemesanan, terdapat breadcrumb

Halaman syarat dan ketentuan, tidak terdapat breadcrumb

Halaman salah satu kategori barang, tidak terdapat breadcrumb

Saran :
Ada baiknya ditambahkan breadcrumb untuk lebih memudahkan pengunjung dalam menjelajahi website ini.


Dari ketiga masalah diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek User Control and Freedom. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam 

Match Between System and The Real World | www.lavidyashop.com

Pada postingan ini, penulis akan membahas tentang Match Between System and The Real World dari www.lavidyashop.com

Match between system and the real world

The system should speak the users' language, with words, phrases and concepts familiar to the user, rather than system-oriented terms. Follow real-world conventions, making information appear in a natural and logical order.

Prinsip ini membahas bagaiman sistem seharusnya "berbicara dengan bahasa pengguna".
Untuk penggunaan bahasa, lavidyashop.com ini saya nilai sudah cukup baik dalam penggunaan tata bahasa. Sudah sewajarnya juga bahwa bahasa - bahasa yang digunakan merupakan bahasa yang mudah dimengerti oleh pengunjung nantinya. Perlu diingat bahwa istilah - istilah seperti Branded KW, grosir, eceran, reseller sudah menjadi istilah umum yang pastinya dimengerti dikalangan orang - orang yang sering melakukan belanja online, sehingga istilah - istilah tersebut tidak akan menjadi masalah.

Penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Match Between System and The Real World. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam

Visibility of System Status | www.lavidyashop.com

Pada postingan ini, penulis akan membahas tentang Visibility of System Status dari www.lavidyashop.com. Pertama - tama mungkin kita harus tau dulu ya apa itu Visibility of System Status.

Visibility of system status

The system should always keep users informed about what is going on, through appropriate feedback within reasonable time.

Prinsip ini sendiri membahas bagaimana sistem selalu menginformasikan statusnya dan memberikan feedback kepada pengguna.

Evaluasi yang pertama, untuk masalah navigasi, pada menu di halaman home, tulisan akan berubah warna dari putih menjadi orange ketika kursor di hover ke arah tulisan tersebut. Akan tetapi ketika menu itu dipilih, pada halaman selanjutnya tulisan menu akan berubah kembali seperti semula, yaitu berwarna putih. Akan tetapi, pada tab diatas browser sudah menunjukan jika kita sudah berpindah halaman.

Menu ketika ada di halaman cara pemesanan

Menu ketika kursor di hover ke salah satu menu

Menu setelah di klik dan pindah halaman ke home

Saran :
Ada baiknya setelah kita memilih menu, tulisan pada menu tersebut warnanya dibedakan dari menu yang lain untuk menandakan kita sedang berada di halaman/menu yang mana.


---------------------------------------------------------------------------------------------------------------

Evaluasi selanjutnya, untuk masalah fungsi, terdapat beberapa icon dibagian kanan atas yang bermasalah. Ketika kita menekan icon facebook, maka kita akan langsung di-direct ke facebook page dari lavidyashop.com, akan tetapi ketiga icon yang lain ketika di klik tidak menimbulkan reaksi apa - apa. Hal ini sangat tidak baik, karena akan membuat pengunjung menunggu dan kebingungan, karena tidak adanya feedback yg sesuai harapan dari ketiga icon tersebut.

Icon yang tidak berfungsi sebagaimana mestinya

Selain itu masalah juga terdapat pada menu kategori+. Ketika di kursor di-hover kearah menu tersebut, maka akan muncul dropdown menu yang menampilkan beberapa kategori. Namun ketika kita memilih menu tersebut (kategori+), tidak terjadi apa - apa, melainkan kita harus memilih salah satu kategori dari dropdown menu tadi, baru kita akan di-direct ke halaman sesuai kategori.

dropdown menu muncul ketika kursor di-hover kearah menu kategori+

Saran :
Ada baiknya, menu kategori+ tersebut tidak dibuat dropdown menu, melihat kategori tas yang di jual cukup banyak, lebih baik sediakan satu halaman baru untuk dapat menampilkan semua kategori tas yang di jual di lavidyashop.com


Dari kedua masalah diatas, penulis memberikan nilai Severity 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.


Demikian hasil evaluasi penulis terkait aspek Visibility of System Status. Mudah - mudahan dengan adanya evaluasi ini, situs lavidyashop.com bisa menjadi situs yang lebih baik lagi :)

-TA | Amsterdam