Kajian Web Usability - Analysis Part I (3 of 5)

Sebelum memulai analisisnya, saya akan membahas sedikit tentang situs yang akan saya bahas, yaitu situs official Agnes Monica. Situs tersebut adalah situs pribadi (official site) yang berisi semua tentang Agnes Monica, seorang penyanyi papan atas Indonesia. Informasi yang bisa diakses dari situs tersebut meliputi profil lengkap Agnes Monica, update kegiatan terbaru (news), dan kumpulan gallery (gambar, musik dan video).

Kajian mengenai usability dari website agnesmonicaofficial dimulai dengan menganalisis tampilan utama (home) dari situs tersebut kemudian dilanjutkan dengan beberapa menu-menu yang lain yang dianggap layak untuk dianalisis.

• Home

Sekilas tidak ada yang salah dengan tampilan home di atas. Tapi ada sesuatu yang mengganjal, dimanakah letak menu utamanya ?? Jujur saya juga bingung menemukan menu utama saat pertama kali membuka situs ini karena yang muncul hanya ada latar gambar macam-macam benda yang asumsi saya clickable. Asumsi saya ternyata salah. Saya tidak bisa menemukan tampilan menu utamanya. Ternyata, setelah kursor digerakkan menjelajahi sepanjang area page, muncul sesutu yang "aneh". Di setiap area page tertentu ternyata kalau disorot mengeluarkan hoofer text berupa menu-menu utama yang ada situs agnesmonicaofficial, seperti yang terlihat pada gambar diatas (diberi tanda dengan lingkaran merah nomor 2). Setelah saya teliti lebih jauh lagi, ternyata tampilan lengkap menu ada di bagian bawah page, ditunjukkan dengan lingkaran merah nomor 1 pada gambar diatas.

1. Pada gambar diatas terlihat bahwa kalu saya menyorot bagian yang diberi tanda lingkaran merah nomer 2, maka yang keluar ada hoofer text berupa tulisan 'profile', dimana kalau di klik akan menuju ke halaman Profile. Strategi penggambaran menu seperti diatas memang cukup bagus dari segi efficiency, dimana halaman utama terlihat 'bersih' dari content tulisan sehingga diharapkan user tidak kebingungan dengan banyaknya content tulisan (link) di halaman awal. Tapi strategi ini sangat buruk dari learnability, dimana user sangat kesulitan untuk menemukan tas task dasar dalam hal ini menu utama.
2. Pada bagian halaman yang ditunjukkan dengan lingkaran merah nomor 1, terlihat bahwa visualisasi lengkap mengenai apa saja menu utama terletak pada bagian bawah dengan tulisan yang sangat kecil. Menurut saya, bagian ini adalah bagian yang jarang diakses oleh user karena memang posisinya yang berada di paling bawah (footer). Jadi keberadaan tampilan menu ini terlihat sangat 'useless' karena user cenderung mencari di bagian atas halaman untuk melihat menu utama.
   

• Profiles

Setelah "menemukan" menu-menu utama dari website agnesmonicaofficial, maka penjelajahan dilanjutkan dengan mengunjungi menu Profiles. Tampilan menu Profiles adalah sebagai berikut :


Menu Profiles mempunyai sub menu lagi yaitu Albums, Achievement dan Movies. Dari gambar diatas terdapat 2 poin yang akan saya analisis, ditunjukkan dengan tanda lingkaran merah yang diberi nomor pada halaman website tersebut.

1. Pada lingkaran merah yang diberi nomor 1, saya akan menunjukkan bahwa website ini sudah mendukung konsep Where Am I. Jadi, website memberi tahu posisi user sekarang ada dimana. Pemakaian tanda untuk menunjukkan posisi user sangat menarik, tidak lagi memakai permainan warna tapi menggunakan simbol-simbol yang sangat unik. Ini tentu saja menarik dari segi pandang user.
   
2. Untuk lingkaran merah yang diberi nomor 2, saya akan menganalis masalah tombol scroll. Menurut saya, tombol scroll yang digunakan pada halaman tersebut kurang visible bagi user, sehingga kurang nampak mempunyai fungsi seperti tombol untuk scroll yang biasa digunakan. Selain ukurannya yang kecil, pemilihan warna yang kurang mendukung, juga bentuk yang digunakan pun kurang lazim. Sehingga user tidak akan menyangka bahwa tombol itu sebenarnya adalah tombol untuk scroll.

Selain 2 hal diatas yang telah saya sebutkan, hal menarik yang saya temui saat berada di halaman Profiles adalah tampak seperti di bawah.

Hal menarik yang saya maksud telah saya tandai dengan lingkaran merah di atas. Jadi, ketika saya meng-klik link yang berisi gambar pada halaman tersebut, maka akan langsung muncul gambar secara pop up. Visualisasinya seperti terlihat pada gambar diatas. Ini sangat menarik karena untuk melihat gambar tidak perlu membuka page baru. Selain hemat waktu, space yang digunakan pun menjadi lebih sedikit. Selain itu, pengkasesan website menjadi lebih praktis. (yudizious, 2010)

(bersambung ke bagian 4.......)

Sekian,
-yudizious-

Kajian Web Usability - Web Usability, What Is it ?? (2 of 5)

Sebelum kita lebih jauh membicarakan masalah Web Usability (dan tentu saja sebelum mengkaji usability dari agnesmonicaofficial.com). ada baiknya kita mereview sedikit berkaitan dengan apa yang dimaksud dengan Web Usability itu sendiri. Web usability adalah salah satu faktor penting dalam mengembangkan sebuah situs. Pengembang harus memahami prinsip-prinsip usability sebelum mengimplemen-tasikannya pada sebuah situs. Menurut Jacob Nielsen, usability adalah sebuah atribut kualitas yang menilai tingkat kemudahan user interface untuk digunakan. Usability juga mengacu kepada metode untuk meningkatkan kemudahan penggunaan selama proses perancangan. Secara umum, usability berarti bagaimana user dapat belajar dan menggunakan suatu produk untuk mencapai tujuan yang ia harapkan serta seberapa baik pengalaman yang didapat user saat produk itu digunakan. Berkaitan dengan Web Usability, tentunya produk yang dibicarakan di sini adalah website.

Menurut Nielsen (2003), komponen yang mempengaruhi usability antara lain :

• Learnability

Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan. Agar mudah dipelajari, letakkan isi yang paling penting pada bagian atas halaman, sehingga pengunjung dapat melihat apa yang mereka cari dengan cepat. Pelajarilah kemungkinan-kemungkinan tentang kebiasaan pengunjung, mengapa mereka berada di situs kita dan apa yang mereka cari. Jangan sampai membuat pengunjung bingung dan menebak apa yang harus mereka lakukan ketika berada di situs kita.

• Efficiency

Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan task-task setelah mereka mempelajari hasil perancangan. Situs yang efisien dapat menyajikan informasi dengan cepat. Jangan membuat link yang terlalu banyak. Sediakan seperlunya saja dan antarkan pengunjung untuk mencapai informasi yang mereka perlukan dengan mudah dan cepat.

• Memorability

Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya. Agar mudah diingat, sebuah situs sebaiknya jangan terlalu banyak melakukan perubahan-perubahan yang mencolok. Misalnya, pada navigasi, jangan terlalu sering melakukan penggantian tampilannya. Pengunjung nanti akan perlu waktu untuk menyesuaikan dan mempelajarinya kembali.

• Errors

Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error. Jangan sampai ada link yang tidak berfungsi (broken link) atau halamannya masih dalam proses pembuatan (under construction). Sebaiknya periksa kembali link-link yang tidak bisa berfungsi dengan baik dan jangan cantumkan link tersebut jika belum ada isinya. Ketika pengunjung menemukan halaman yang kosong, mereka bisa kecewa.

• Satisfaction

Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan. Kepuasan adalah hal yang paling diinginkan oleh setiap pengguna. Tentu pengunjung menginginkan situs dapat dengan mudah digunakan dan dipelajari. Selain itu mereka ingin bisa menemukan apa yang dicari dengan cepat, mengetahui di mana mereka berada dan bisa pergi ke mana saja dalam sebuah situs. Tak ketinggalan pengunjung bisa dengan mudah memberitahukan situs tersebut kepada teman-teman mereka.

Sebuah situs dengan usability yang buruk akan ditinggalkan oleh user. Berikut ini adalah beberapa kondisi yang akan membuat pengguna meninggalkan sebuah situs :

• Situs sulit digunakan.
• Homepage tidak menjelaskan tentang apa yang ditawarkan oleh perguruan tinggi dan apa saja yang dapat dilakukan oleh pengguna pada situs tersebut (pengguna tidak mendapatkan apa yang dia ingin cari pada situs tersebut).
• Pengguna mendapatkan adanya kesalahan pada situs.
• Informasi sulit sulit dibaca dan tidak mampu menjawab pertanyaan-pertanyaan pengguna. (yudizious, 2010)

(bersambung ke bagian 3........)

sekian
-yudizious-

Kajian Web Usability - Mukadimah (1 of 5)

Postingan saya kali ini mungkin agak sedikit "berbeda" dengan postingan yang sebelumnya. Jadi, apakah yang dimaksud berbeda disini ?? Berbeda judul jelas. Berbeda tanggal posting juga jelas. Tetapi perbedaan itu lebih ke segi isi dari postingan saya, dimana untuk postingan saya yang ini dan seterusnya (mungkin sampai 4-5 postingan ke depan) akan bertema tentang review singkat dan ulasan tentang suatu website dilihat dari segi usability-nya. Jadi bau-baunya akan seperti membuat sebuah resensi, melakukan review sekaligus menyertakan kelebihan dan kekurangannya. Lah bagaimana ceritanya saya bisa banting setir (tulaaang kali dibanting) menjadi seorang "resensator" ??

Jadi ceritanya, pada semester 6 Departemen Ilmu Komputer kami mendapat suatu mata kuliah Interaksi Manusia dan Komputer (IMK), salah satu mata kuliah terfavorit teman-teman di semester 6. Nah, semua berawal dari mata kuliah ini. Kami diwajibkan memilih satu website lokal untuk dikaji dari sisi usability-nya. Ini adalah tugas akhir sebelum kita benar-benar dinyatakan lulus (lolos mungkin untuk lebih tepatnya) dari mata kuliah yang diajar Bapak Firman ini. Dan pilihan website saya tidak jauh-jauh dari "kehidupan" saya selama ini. Yak, saya memilih official website Agnes Monica, yaitu agnesmonicaofficial.com

Tapi sayang, saat saya mau memulai untuk mengkajinya, website yang bersangkutan malah di hack. Poor me...:). Jadi, kapan kapan saja saya mulai melanjutkannya lagi. Sekarang masih dalam masa post-UAS, mau refreshing duluu...)

By the way, inilah tampilan website http://agnesmonicaofficial.com/ yang sedang di hack ituu.

Kerangka daftar postingan untuk Kajian Web Usability adalah sebagai berikut :

1. Kajian Web Usability - Mukadimah (1 of 5)
2. Kajian Web Usability - Web Usability, What Is It ?? (2 of 5)
3. Kajian Web Usability - Analysis Part I (3 of 5)
4. Kajian Web Usability - Analysis Part II (4 of 5)
5. Kajian Web Usability - Penutup (5 of 5)

Jadi, keep waiting yah teman-teman untuk postingan yang selanjutnya. Postingan ini masih permulaan, next pasti lebih menarik...hehehe (yudizious, 2010)

(bersambung ke bagian 2.......)

sekian,
-yudizious-