Review Web Usability – Bajubatik.com : Bagian III + Penutup

/*
Tulisan ini merupakan salah satu dari rangkaian tulisan mengenai review usability dari situs Bajubatik.com, sebagai tugas akhir dari mata kuliah Interaksi Manusia Komputer. Daftar rangkaian tulisan tersebut adalah sebagai berikut.

• Review Web Usability - Bajubatik.com : Sebuah Pengantar
• Review Web Usability – Bajubatik.com : Bagian I
• Review Web Usability – Bajubatik.com : Bagian II
• Review Web Usability – Bajubatik.com : Bagian III + Penutup
*/

+++++++++++++++++++++

Pada tulisan kali ini, saya akan membahas dua poin heuristik terakhir, yaitu Help users recognize, diagnose, and recover from errors dan Help and documentation, serta kesimpulan, penutup, dan daftar pustaka.

Help users recognize, diagnose, and recover from errors

Berbicara mengenai pesan kesalahan pada situs ini, mungkin hal tersebut tidak banyak muncul, hanya terdapat pada halaman tertentu saja, seperti pada halaman checkout. Mengenai hal ini, sudah dibahas pada tulisan sebelumnya.

Tambahan untuk halaman tersebut, ketika terjadi kesalahan karena, misalnya, ada field yang masih kosong, kursor tidak secara otomatis menunjuk ke field kosong yang seharusnya terisi (yang bertanda bintang). Hal ini cukup menyulitkan pengguna.

Help and documentation

Seperti yang sudah saya bahas pada tulisan sebelumnya, bilah menu pada situs ini sudah terkategori berdasarkan isinya. Ada yang berisi tentang informasi umum, guide (petunjuk), dan pembelian. Untuk gambarnya, dapat dilihat di sini.

Mengenai isi dari masing-masing menu, sudah cukup membantu pengguna yang baru pertama kali datang ke Bajubatik.com. Contohnya pada menu How to Shop, penjelasan yang diberikan cukup mendetail. Hal-hal mulai dari pemilihan produk, informasi biaya, sampai metode pembayaran yang akan digunakan dijelaskan dengan mendetail. Sayangnya, tidak ada How to Shop versi Bahasa Inggris, sehingga orang luar yang ingin berbelanja di situs ini mungkin akan merasa agak sulit dalam mengikuti alur kerja sistem.

Kesimpulan

Secara keseluruhan, saya rasa situs Bajubatik.com ini sudah cukup bagus. Alur pengerjaan yang harus dikerjakan pengguna cukup jelas, bahkan untuk pengguna baru sekalipun. Selain sebagai situs e-commerce, situs ini juga dapat menjadi media untuk memasyarakatkan pakaian batik dalam kehidupan sehari-hari.

Penutup

Mungkin sekian saja rangkaian tulisan saya mengenai web usability review. Mohon maaf jika terdapat banyak kesalahan dalam tulisan saya. Saya bukanlah seorang pakar dalam hal interaksi manusia komputer. Saya hanyalah seorang mahasiswa yang sedang mencoba untuk mengaplikasikan ilmu yang telah diberikan.

Terima kasih.

/* Penutup yang aneh... */

Daftar Pustaka

http://www.useit.com/jakob/
http://www.useit.com/alertbox/20030825.html
http://www.useit.com/papers/heuristic/heuristic_list.html
http://www.stcsig.org/usability/topics/articles/he-checklist.html

Tulisan asli ada di sini.

Review Web Usability - Bajubatik.com : Bagian II

/*
Tulisan ini merupakan salah satu dari rangkaian tulisan mengenai review usability dari situs Bajubatik.com, sebagai tugas akhir dari mata kuliah Interaksi Manusia Komputer. Daftar rangkaian tulisan tersebut adalah sebagai berikut.

• Review Web Usability - Bajubatik.com : Sebuah Pengantar
• Review Web Usability – Bajubatik.com : Bagian I
• Review Web Usability – Bajubatik.com : Bagian II
• Review Web Usability – Bajubatik.com : Bagian III + Penutup
*/

+++++++++++++++++++++

Pada tulisan kali ini, saya akan membahas mengenai empat poin heuristik kedua, yaitu Error prevention, Recognition rather than call, Flexibility and efficiency of use, dan Aesthetic and minimalist design.

Error prevention

Jika kita berbelanja di situs ini tanpa login terlebih dahulu, maka setelah kita melakukan checkout akan muncul form isian, yang berisi informasi mengenai pembeli dan alamat penagihan. Ada beberapa field yang harus diisi, yaitu yang diberi tanda bintang. Jika kita menekan tombol "send registration", sementara salah satu field yang bertanda bintang tidak diisi, maka akan muncul pesan peringatan, yang memberitahu bahwa semua field bertanda bintang harus diisi, atau kita harus menyetujui terms of service.

Recognition rather than recall

Pada halaman pemilihan pakaian batik, setelah kita memilih model yang kita inginkan, maka akan muncul halaman yang memperlihatkan detail dari produk yang kita pilih, mulai dari bahan, warna, dan ukuran yang tersedia. Ukuran yang ditampilkan berupa huruf yang biasa digunakan untuk menyatakan ukuran pakaian, yaitu S, M, L, dan XL. Akan tetapi, seperti yang diketahui bersama, standar ukuran pakaian untuk satu ukuran yang digunakan oleh satu perusahaan mungkin berbeda dengan standar yang digunakan perusahaan lain. Untuk itu, situs ini telah menyiapkan satu halaman khusus yang berisi informasi mengenai detail ukuran pakaian yang dijual, mulai dari lebar bahu, panjang lengan, sampai lingkar pinggang. Akan tetapi, hal ini membutuhkan perpindahan halaman sebanyak satu kali. Akan lebih baik jika dibuatkan pop up menu untuk detail ukuran pakaian pada setiap halaman pilih pakaian.

Flexibility and efficiency of use

Mengenai poin ini, terlihat dari halaman beranda bahwa bahkan pengguna yang baru saja datang berkunjung untuk pertama kalipun dapat langsung berbelanja dengan mudah di situs ini. Hal ini dimungkinkan karena begitu kita masuk ke halaman beranda, kita langsung dihadapkan kepada pilihan pakaian yang tersedia di situs tersebut, yaitu couples, men's wear, women's wear, dan textile. Pakaian yang ditampilkan pada halaman beranda kemungkinan merupakan produk yang banyak diminati.

Aesthetic and minimalist design

Pada situs ini, terdapat pop up menu yang dapat dimunculkan dari menu untuk memilih jenis pakaian yang diinginkan, yang terdapat pada bagian samping kiri (sidebar menu). Menu ini menampilkan model pakaian yang cocok untuk pengguna, mulai dari kemeja lengan panjang untuk pria sampai dengan kain bahan tekstil katun buatan tangan. Pop up menu ini tidak muncul pada pilihan couples, karena pakaian yang dipasangkan pada bagian couples sudah merupakan pasangan yang fix dan tidak dapat diganti-ganti sekehendak pengguna.



Tulisan asli ada di sini.

Review Web Usability – Bajubatik.com : Bagian I

/*
Tulisan ini merupakan salah satu dari rangkaian tulisan mengenai review usability dari situs Bajubatik.com, sebagai tugas akhir dari mata kuliah Interaksi Manusia Komputer. Daftar rangkaian tulisan tersebut adalah sebagai berikut.

• Review Web Usability - Bajubatik.com : Sebuah Pengantar
• Review Web Usability – Bajubatik.com : Bagian I
• Review Web Usability – Bajubatik.com : Bagian II
• Review Web Usability – Bajubatik.com : Bagian III + Penutup
*/

+++++++++++++++++++++

Pada tulisan kali ini, saya akan membahas heuristik dari web usability poin pertama sampai poin keempat, berdasarkan urutan pada artikel Jakob Nielsen, yaitu Visibility of system status, Match between system and the real world, User control and freedom, dan Consistency and standards. Untuk enam poin berikutnya, akan dibahas kemudian.

Visibility of system status

Situs ini merupakan salah satu situs yang memaksimalkan fungsi title bar. Setiap kita berpindah dari halaman satu ke halaman lain pada situs ini, terjadi perubahan pada title bar. Jadi, kita tidak perlu terlalu mengingat halaman apa yang sekarang ditampilkan.



Situs ini hanya memiliki breadcrumb pada halaman-halaman tertentu, contohnya ketika kita memilih produk yang ingin dilihat. Breadcrumb tidak terlihat pada halaman New Arrival, Artikel, dan Testimonial.

Match between system and the real world

Mengenai peletakan menu pada bilah menu, sudah cukup bagus, karena dikelompokkan berdasarkan isinya. Ada yang berisi tentang informasi umum, guide (petunjuk), dan pembelian.



Mengenai bahasa antarmuka yang digunakan, situs ini dapat dikatakan tidak konsisten. Pada halaman beranda, bahasa yang banyak digunakan adalah Bahasa Inggris. Sementara itu, pada halaman Delivery and Payment, tampilan mengenai prosedur pembayaran dan pengiriman barang tetap ditampilkan dalam Bahasa Indonesia, walaupun pilihan bahasa yang ditampilkan adalah Bahasa Inggris. Pada halaman ini, pemilik situs telah memberi tahu bahwa tidak ada pilihan translasi bahasa yang tersedia untuk tulisan tersebut.

User control and freedom

Pada bagian ini, saya ingin mengomentari bagian konfirmasi pembayaran. Ketika pilihan konfirmasi pembayaran, akan muncul sebuah jendela baru, yang berisi form isian untuk menyatakan bahwa telah terjadi pembayaran atas suatu barang. Form isian yang muncul terletak di dalam web browser, bukan form yang muncul pada halaman baru. Hal ini dapat terlihat ketika web browser tidak di-full screen, form isian terlihat seperti terpotong, dan ketika di-scroll maka form akan berubah tampilannya. Hal lain yang cukup mencolok mengenai form ini adalah alignment yang digunakan adalah rata kanan, yang tidak terlalu umum digunakan pada tampilan suatu situs. Selanjutnya, tombol untuk keluar dari form ini berada di pojok kiri atas. Jika kita ingin keluar dari form ini dan jendela browser tidak di-full screen, maka hal ini akan sedikit menyulitkan.

Consistency and standards

Hal pertama yang ingin saya komentari di poin ini adalah setiap halaman pada situs ini memiliki title (judul) masing-masing, dan hal itu yang menjadi sarana identifikasi bagi pengguna untuk mengetahui mereka sampai di halaman mana, seperti yang sudah saya bahas pada poin pertama.

Berikutnya, mengenai keseragaman. Produk-produk yang ditampilkan pada situs ini memiliki "nama"-nya masing-masing, yang direpresentasikan dengan kombinasi angka dan diakhiri dengan huruf. Di sinilah letak keseragamannya, karena kode nama tersebut yang menggunakan kombinasi angka-huruf, bukan ciri-cirinya, misalnya batik lengan panjang pria.



Tulisan asli ada di sini.

Review Web Usability - Bajubatik.com : Sebuah Pengantar

/*
Tulisan ini merupakan salah satu dari rangkaian tulisan mengenai review usability dari situs Bajubatik.com, sebagai tugas akhir dari mata kuliah Interaksi Manusia Komputer. Daftar rangkaian tulisan tersebut adalah sebagai berikut.

• Review Web Usability – Bajubatik.com : Sebuah Pengantar
• Review Web Usability – Bajubatik.com : Bagian I
• Review Web Usability – Bajubatik.com : Bagian II
• Review Web Usability – Bajubatik.com : Bagian III + Penutup
*/

+++++++++++++++++++++

Sebagai tugas akhir dari mata kuliah IMK, mahasiswa diminta untuk membuat sebuah review mengenai usability dari suatu situs. Untuk semester ini, review yang diminta adalah dari situs e-commerce. Dan untuk tugas ini, saya diminta untuk me-review Bajubatik.com. Sebelum melanjutkan ke review, akan ada sedikit pendahuluan mengenai rangkaian tulisan ini.

Pendahuluan

» Apa Itu Usability?
Merujuk kepada definisi dari Jakob Nielsen pada tulisannya mengenai usability, usability adalah atribut kualitas untuk menilai sebarapa mudah antarmuka digunakan. Usability didefinisikan dengan lima komponen kualitas, sebagai berikut.

• Learnability: Seberapa mudah pengguna menyelesaikan tugas dasar ketika pertama kali mereka menghadapi antarmuka.


• Efficiency: Seberapa cepat pengguna dapat melakukan tugasnya setelah pengguna mempelajari antarmuka.


• Memorability: Seberapa cepat pengguna dapat kembali terbiasa dengan antarmuka setelah mereka tidak menggunakan antarmuka dalam beberapa waktu.


• Errors: Seberapa banyak kesalahan yang dibuat pengguna, seberapa parah kesalahannya, dan seberapa mudah mereka pulih dari kesalahan tersebut.


• Satisfaction: Seberapa menyenangkan antarmuka tersebut digunakan.

Usability adalah kondisi yang penting bagi suatu situs untuk dapat bertahan hidup. Jika sebuah situs sulit digunakan, pengguna akan pergi. Jika halaman beranda gagal menyatakan apa yang ditawarkan oleh perusahaan dan apa yang dapat dilakukan pengguna di situs, pengguna akan pergi. Jika pengguna tersesat pada sebuah situs, mereka akan pergi. Jika informasi dalam situs sulit untuk dibaca atau tidak menjawab pertanyaan kunci pengguna, mereka akan pergi.

» Dengan Apa Saya Menilai Usability Suatu Situs?
Untuk menilai usability suatu situs, kita dapat menggunakan evaluasi heuristik milik Jakob Nielsen. Heuristik ini terdiri dari sepuluh prinsip umum untuk membuat desain antarmuka, yaitu sebagai berikut.

• Visibility of system status: Sistem sebaiknya selalu memberitahu pengguna tentang apa yang terjadi pada sistem.


• Match between system and the real world: Sistem sebaiknya menggunakan bahasa yang digunakan pengguna, dengan kata, frase, dan konsep yang dikenal oleh pengguna, mengikuti kesepakatan yang ada pada dunia nyata.


• User control and freedom: Pengguna kadang salah memilih fungsi dan akan membutuhkan "emergency exit" yang jelas untuk pergi dari keadaan yang tidak diinginkan tanpa harus melakukan hal-hal lainnya.


• Consistency and standards: Pengguna tidak perlu bertanya-tanya apakah kata-kata, situasi, atau tindakan yang berbeda akan berarti hal yang sama.


• Error prevention: Hal yang lebih baik daripada pesan kesalahan yang baik adalah desain yang hati-hati yang dapat mencegah terjadinya masalah sejak awal .


• Recognition rather than call: Kurangi beban ingatan pengguna dengan mambuat obyek, tindakan, dan pilihan yang terlihat. Pengguna tidak perlu mengingat informasi dari bagian dialog satu ke dialog yang lain.


• Flexibility and efficiency of use: Permudah kegiatan pengguna.


• Aesthetic and minimalist design: Dialog seharusnya tidak berisi informasi yang tidak relevan.


• Help users recognize, diagnose, and recover from errors: Pesan kesalahan harus dinyatakan dalam bahasa sederhana, menunjukkan permasalahan dengan tepat, dan menyarankan solusi yang membangun.


• Help and documentation: Akan lebih baik jika menyertakan bantuan dan dokumentasi sistem.

» Sedikit Mengenai Bajubatik.com

Bajubatik.com adalah sebuah situs e-commerce, yang secara khusus menjual batik. Dengan tagline "Bring Heritage to Your Lifestyle" dan model pakaian yang disajikan, terlihat bahwa situs ini mencoba untuk lebih memasyarakatkan penggunaan batik dalam kehidupan sehari-hari.

Situs ini menjual berbagai model pakaian berbahan kain batik, yang terbagi menjadi beberapa kelas, yaitu couples (pasangan), men, women, dan textile (kain bahan). Harga yang ditampilkan di sini secara default adalah rupiah, tetapi terdapat pilihan untuk mengubah kurs yang ditampilkan menjadi Dollar Amerika atau Euro.

Tulisan asli ada di sini.