Friday, June 25, 2010

Web Usability (Part 3)

Melanjutkan dari post sebelumnya yang berjudul "Web Usability (Part 2)", saya akan kembali mambahas web RianaGallery dengan lebih rinci. Terlihat bahwa usability dari website ini sudah cukup baik, tetapi masih ada yang belum sesuai. Setelah di telaah lebih lanjut, saya menyadari bahwa web ini mempunyai tab yang kurang konsisten bahasanya. Seperti terlihat pada gambar berikut:


Pada pilihan dari ujung kiri terdapat pilihan Home dan About Us, pilihan ini berbahasa Inggris tetapi pada pilihan berikutnya adalah Bantuan dan Cara Pembayaran yang merupakan bahasa Indonesia. Alangkah baiknya jika sebuah website konsisten bahasa nya.

Berikutnya adalah mengenai warna tulisan dari isi web ini, untuk tulisan judul atau pilihan sudah sesuai, tapi untuk tulisan di bagian isi warna lembut yang dipakai kurang sesuai sehingga menjadi tidak terlalu bersahabat untuk dibaca dengan mata pengguna. Di bawah ini gambar yang di ambil dari website tersebut.

Tulisan di atas warna tidak sesuai sehingga menjadi seperti pudar atau kurang jelas, hampir semua tulisan di bagian isi seperti ini warna tulisannya. Padahal jika mengambil warna yang lebih gelap seperti coklat atau hitam maka tulisan akan mudah di baca, ditambah dengan memperluas jarak antar baris sehingga pengguna dapat membaca dengan nyaman.

Selanjutnya dari web ini ada gambar yang terus berubah setiap enam detik (setelah saya hitung detiknya kurang lebih 6 detik), sesuatu yang berubah ubah akan mencolok mata pengguna membuatnya lebih menarik atau yang pertama dituju pleh pengguna. Sebenarnya baik dipakai,tetapi jika ada tulisan yang lumayan panjang jika hanya 6 detik maka pengguna terkadang tidak selesai membacanya tapi sudah berubah lagi gambarnya. Gambar di bawah ini adalah salah satu dari yang berubah ubah tersebut:

Akan lebih membantu pengguna jika disediakan tombol berhenti atau bisa di klik selanjutnya dan sebelumnya. Sehingga jika pengguna menginginkan untuk membaca informasi singkatnya sebelum klik pada pilihan detail, pengguna bisa dengan bebas membaca dulu tanpa harus buru-buru karena gambarnya akan segera berubah. Atau bisa juga dengan otomatis gambar berhenti ganti jika kursor berada di gambar tersebut.

Di website ini pengguna dapat mengomentari pada bagian Testimonial , hal ini sangat berguna karena pengguna dapat bebas berbagi pengalaman berbelanja di web ini atau memberi saran dan kritik.













Tapi pemilihan desain untuk halaman ini kurang sesuai, selain tulisannya seperti yang telah dibahas sebelumnya, juga lebih baik jika diberi jarak antar baris. Selain itu akan rapih jika tulisan tiap komentar ada didalam sebuah kotak.

Pada tab pilihan Catalog setelah di buka tidak berisi apapun, hanya kosong dan itu kurang efektif. Mungkin belum terisi atau masih dalam pembaharuan.

Terdapat pilihan kategori di bagian kiri, jika kursor di arahkan ke Aksesoris Etnik maka akan muncul pilihan Gelang atau kalung, tapi tidak semua kategori terdapat pilihan. Dan saat dibuka ternyata tidak ada pilihan gelang ataupun kalung yang dijual. Jika kosong atau belum diperbaharui seperti ini lebih baik jika ada pemberitahuan kepada pengguna bahwa pilihan tidak ada atau habis, sehingga pengguna tidak hanya membuka halaman kosong.


Website ini sudah cukup baik, tetapi semua tidak ada yang sempurna pasti ada kekurangan begitu juga dengan saya yang menganalisis web ini. Demikian analisis untuk kajian web usability untuk mata kuliah Interaksi Manusia dan Komputer.

Web Usability (Part 2)


Kajian analisis kali ini saya akan membahas RianaGallery yang  menjual berbagai baju batik dan aksesoris lainnya. Untuk tugas IMK (Interaksi Manusia dan Komputer) kali ini yaitu menganalisis usability web, saya akan membahas dari sudut pandang baik dan buruk nya. Ini adalah bagian dari halaman Home di web tersebut :


Terlihat bahwa halaman home web ini sudah cukup baik. Jika di analisis dari dasar-dasar web yang telah di bahas di post sebelumnya, maka :
  • Poin pertama sudah terpenuhi yaitu membuat website sedemikian rupa sehingga pengguna dapat menemukan apa yang mereka cari dengan cepat dan efisien.
  • Website ini juga memenuhi poin kedua (Website harus mudah dinavigasi) dan poin ketiga  (Halaman dapat di unduh dengan cepat).
  • Tapi untuk poin keempat (Mudah untuk mengambil informasi), web ini lemah dalam warna tulisan di bagian isi.  Warna tulisan yang terlalu 'lembut' menjadi sulit untuk terbaca.
  • Untuk poin kelima (Pembatasan tidak harus ditempatkan pada pengguna) juga website ini sudah cukup baik.
Analisis kali ini masih dalam bentuk luas, di post Part 3 akan berisi analisis yang lebih spesifik lagi.

Web Usability (Part 1)

Dari mata kuliah Interaksi Manusia dan Komputer (Human Computer Interaction), ada tugas untuk menganalisis sebuah web (Web Usability). Saya akan menganalisis web RianaGallery dari tiga usulan web yang saya ajukan.  Dari Webcredible terdapat lima hal mengenai dasar-dasar web usability:

1.Kegunaan web & mengapa web itu penting
Kegunaan Web untuk membuat website sedemikian rupa sehingga pengguna dapat menemukan apa yang mereka cari dengan cepat dan efisien. Sebuah situs web yang dapat digunakan dapat meraup keuntungan besar pada website dan bisnis.

2.Website harus mudah dinavigasi
Pengguna telah berangsur-angsur menjadi terbiasa dengan layout dan frasa tertentu di Internet, misalnya:
* Organisasi adalah logo di pojok kiri dan link kembali ke homepage
* Istilah 'Tentang kami' digunakan untuk informasi organisasi
* Navigasi adalah di tempat yang sama pada setiap halaman dan berdekatan dengan konten
* Ada yang berkedip atau ditempatkan di atas logo atas sering iklan
Jangan meremehkan pentingnya konvensi ini - Internet untuk sekarang ini dapat digunakan untuk hal-hal yang dengan cara tertentu. Hindari buruk nya konvensi karena dapat mengakibatkan beberapa pengunjung situs tidak puas.

3.Halaman dapat di unduh dengan cepat
Usability menunjukkan bahwa 8,6 detik adalah waktu maksimum pengguna Web akan menunggu halaman untuk men-download (sumber: Andrew B. King - Speed Up Site13). Pada Maret 2004 hanya 25% dari pengguna Web Inggris telah broadband (sumber: Statistik Nasional (terbuka di jendela baru) 14) sebab itu penting untuk kegunaan optimal untuk mengunduh situs dengan cepat.

4.Mudah untuk mengambil informasi
Dalam membaca halaman web, banyak cara yang berbeda dengan cara membaca cetakan. Biasanya tidak membaca halaman kata demi kata, tapi dengan scan. Ketika scan halaman web tertentu menonjol item:
* Pos
* Link teks
* Bold teks
* Poin daftar
Untuk kegunaan website yang optimal tidak menempatkan informasi penting dalam gambar karena jarang diketahui.

5.Pembatasan tidak harus ditempatkan pada pengguna
Jangan mencegah pengguna dari menavigasi melalui internet dengan cara yang mereka ingin. Sebagai contoh:
  • Setiap kali link dibuka di jendela baru, tombol kembali dinonaktifkan. Sekitar 60% dari pengguna Web menggunakan tombol kembali sebagai alat navigasi utama mereka (sumber: Interface25 Usability). Jika melakukan cara ini maka akan mencegah 60% dari pengguna Anda menggunakan navigasi utama mereka.
  • Jangan gunakan frame untuk tata letak situs web. Frame dapat menyebabkan beberapa masalah kegunaan, yaitu:
    * Menonaktifkan kembali tombol (lihat di atas)
    * Bookmarking tidak mungkin
    * Tidak mungkin untuk e-mail link ke orang lain
    * Masalah dengan pencetakan pengguna
Ada banyak cara lain yang dapat menempatkan website pembatasan pada penggunanya, akhirnya merusak kegunaan tersebut.
Demikian beberapa hal mengenai dasar dari web usability, untuk post kali ini baru membahas mengenai dasar web usability. Di post selanjutnya yang akan membahas mengenai analisis web RianaGalerry.