Graduation, February 23th 2011

Hay hay eperibadeehhh...:)

Well, kalian pasti kaget, ada angin apaan tiba tiba gue ngapdet blog gue yang udah sekitar 6 bulan ga di apdet. Jadi mungkin lebih tepatnya gue mosting di blog ini kalo ada tugas mata kuliah tertentu aja, selebihnya, NEHI ! Hihiii, selama ini gue lebih aktif di social networking yang lain seperti twitter ataupun tumblr, dan facebook tentunya. Daaaannn, kebetulan gue sore ini lagi [berasa] ga ada kerjaan, padahal itu skripsi udah meronta ronta minta gue gerayangi :D, jadi yaaa gue nulis dikid dimarii....:D

Disini gue bakalan cerita dikid tentang wisuda tanggal 23 Februari kemarin. Bukan bukan, bukan gue wisuda (doain aja yaa manteman :p), gue cuma jadi salah satu panitia doang. Yaa, udah lumayan lama sihh, sekitar 2- 3 minggu yang lalu acaranya, tapi tak apalah, biar ada sedikit kerjaan gue :D. Jadi ceritanya, pas gue baru balik dari liburan di Madura, gue di SMS si rumpi nan heboh Woro Indriyani, temen angkatan gue di Ilkom. Gue disuru jadi salah satu panitia wisuda, yaitu bagian........penyanyi/backing vokal, ato lebih tepatnya paduan suara. Oh mai, gue disuru nyanyi cooyy ! Helloooo, gue langsung heboohhh, gimanapun meski gue cukup pengalaman jadi penyanyi kamar mandi, tapi untuk tampil begituan di ajang resmi gue belum pernah. Satu satunya pengalaman nyanyi gue yaitu ketika ikut lomba karaoke tingkat desa pas agustusan kemaren dengan predikat juara harapan.......yak, harapan hampa. Yaa dengan sedikit terpaksa (padahal aslinya seneng plus antusias banget) gue mengiyakan tawaran Woro. Latian rutin pun dilakukan, ga rutin rutin rution amat sihh, tercatat sekali doang gue latian bareng....hehehehehe...

Dan hari H pun tiba, aselih gue deg degan banget. Pengalaman pertama gitu yaaa, tampil di depan bu kadep pulak. Dan yang perlu dicatet, gue sihh aselinya mangap mangap doang pas nyanyi (kalo gamau dibilang kehadiran gue cuma formalitas doang), tapi yaaa tetep aja nerves. Dan alhamdulillah semua berjalan lancar, acaranya pun berjalan sesuai rencana. Di bagian akhir acara terdapat insiden dimana ada sedikit duet gue ama Bu Yeni (Dosen Ilkom) nyanyi lagu Terlena-nya Ikke Nurjanah. Hahahaa lo lo pasti spechless bacanya, sama sihh gue juga sebenernya.

Berikut dokumentasi pas acara wisuda kemaren :

Meskipun awalnya ragu dan ga yakin, tapi seneng banget akhirnya bisa tampil di acara wisuda kemaren. Tengkyu yaa buat Woro, buat Ade Fruandta juga, selaku EO-nya hehehehe. Semoga wisuda tahap berikutnya saya sudah menjadi bagian para graduated graduated itu.....AMIIN...:)

salam,

(yudizious, 2011)

Kajian Web Usability - Penutup (5 of 5)

Yeaahh, akhirnya sampai ke penutup juga !! :D. Ini adalah postingan terakhir saya dengan label Web Usability (untuk lebih tepatnya postingan terakhr untuk tugas IMK, hehehe). Sebelumnya saya memberitahukan bahwa saya tidak menganalisis semua menu utama yang ada di website agnesmonicaofficial.com. Dari 7 menu utama antara lain Home, Profiles, News, Gallery, Nez Community, Agnezious dan Contact Us saya cuma menganalisis 4 diantaranya yaitu Home, Profiles, News dan Gallery. Hal ini karena untuk Menu Nez Community dan News mempunyai kemiripan tampilan sehingga saya mengambil salah satunya saja. Sedangkan untuk Menu Agnezious dan Contact Us menurut saya sudah bagus usability-nya. Dari hasil analisis didapat bahwa secara umum desain interface website agnesmonicaofficial.com perlu diperbaiki lagi, terutama dari segi concistency dan learnability. Hal ini dikarenakan karena masih banyak ditemukan desain yang tidak konsisten formatnya, dan juga masih banyak fungsi-fungsi yang kurang visible bagi user. Selain itu perlu ditinjau ulang lagi mengenai pemilihan latar gambar dan pemilihan lay-out karena saya melihat rancangan lay-out website agnesmonicaofficial.com masih 'aneh'.

Saya menyadari bahwa kajian web usability saya ini jauh dari sempurna. Oleh karena itu saya mengharapkan kritik dan masukan yang membangun dari rekan-rekan sekalian demi kesempurnaan kajian ini. Saya mengucapkan terima kasih kepada teman-teman yang telah mengajari dan memberi masukan how to be a professional analyst in usability. Terima kasih juga buat teman-teman yang sudah meluangkan waktunya untuk memberi komentar di postingan saya sebelumnya. I love you all.

Referensi:

Ardiansyah, Firman. 2010. Slide-slide kuliah Interaksi Manusia dan Komputer.
Galitz, Wilber O. 2007. The Essential Guide to User Interface Design: An Introduction to GUI Design Principles and Techniques, Third Edition. Indianapolis: Wiley Publishing, Inc.
Johnson, Jeff. 2003. Web Bloopers: 60 Common Web Design Mistakes and How to Avoid Them. San Francisco: Morgan Kaufmann Publishers.
Nielsen, Jakob, dan Hoa Loranger. 2006. Prioritizing Web Usability. Berkeley: New Rider

sekian,

-yudizious-

Kajian Web Usability - Analysis Part II (4 of 5)

Setelah postingan yang sebelumnya saya telah membahas usability dari menu Home dan Profiles, maka pada postingan kali ini saya lanjutkan lagi kajiannya dengan mengupas tuntas (oops, terbawa jargon infotainment jadinya :D) usability pada website agnesmonicaofficial.com terutama pada menu News dan Gallery.

• News

Tampilan untuk menu News tampak seperti pada gambar di atas. Menu News terbagi lagi menjadi sub menu Events, NezLetter dan NezBlog. Visualisasi sub menu seperti yang terlihat pada gambar menurut saya cukup menarik, dikemas dengan tab menu dengan menambahkan unsur warna yang mencolok untuk mengalihkan pandangan user. Tapi terdapat kekurangan pada desain antarmuka ini. Pada menu utama, indikator yang menunjukkan posisi user (Where am I) digambarkan dengan memberi simbol-simbol di bawah tombol menunya. Tapi di sub menu yang berada di menu News ini, indikator Where Am I menggunakan warna, dimana untuk menunjukkan posisi user digunakan peng-enable-an dan peng-disable-an warna. Disini jelas sudah terjadi inconsistency perancangan antarmuka, sehingga dapat mengganggu user tentunya.

Hal yang cukup mengganjal juga terdapat pada gambar di bawah ini.

Gambar di atas masih bagian dari page News. Bagian yang saya tandai dengan lingkaran merah adalah content dari menu News itu sendiri. Di situ terlihat bagaimana alignment text yang buruk sekali. Tulisan terlihat tidak eye catchy karena selain preview isi yang sangat terbatas, penempatan posisinya pun sangat mengganggu. Space di bagian kanan page menjadi mubazir karena posisi tulisan memanjang ke bawah. Selain itu, judul content pada halaman di atas (Agnez Fair) ternyata tidak clickable. Ini di luar kebiasaan karena biasanya untuk membaca berita tentang selengkapnya, user akan meng-klik judul tersebut.

• Gallery

Tampilan untuk menu Gallery tampak seperti gambar di atas. Menu Gallery juga terdiri dari beberapa sub menu, yaitu Music Gallery, Video Gallery dan Picture Gallery. 'Sasaran' analisis saya telah ditandai dengan lingkaran merah pada gambar diatas (seperti biasa :D). Analisis akan mengacu pada nomor yang ada pada lingkaran merah tersebut.

1. Pada lingkaran merah yang diberi nomor 1, saya masih membahas tentang indikator yang menunjukkan Where Am I. Penggunaan simbol tersebut sangat membantu user untuk mengetahui posisi dia sekarang ada dimana.
2. Pada lingkaran merah nomor 2, mengulang analisis sebelumnya tentang scroll button yang kurang visible bagi user. Pemilihan warna, ukuran dan bentuk yang kurang sesuai membuat tombol menjadi tampak seperti 'hiasan' saja, tampak tidak mempunyai fungsi sebagai tombol untuk melihat page ke bawah dan ke atas.
3. Lingkaran merah nomor 3, menunjukkan bahwa saya agak terganggu dengan penempatan sub menu Music Gallery, Video Gallery dan Picture Gallery. Di menu News seperti yang saya analisis sebelumnya, sub menu di buat dengan bentuk menyerupai tab sehingga lebih mudah dimengerti oleh user. Tapi sub menu yang ada di menu Gallery letaknya cenderung 'berantakan', tersebar di seluruh area page. Belum lagi pemilihan latar yang kurang sesuai membuat tampilan page menjadi 'aneh'. Adanya inconsistency desain semacam ini yang membuat user kesulitan untuk menggunakan rancangan dengan baik (less memorability).
4. Pada Lingkran nomor 4 lebih ke masalah efficiency. Disitu, Video Gallery terbagi lagi menjadi sub-sub menu lainnya (kategori). Pada bagian halaman tersebut (yang dilingkari merah nomor 4) sebelah kiri adalah kategorinya, dan sebelah kanan adalah isi dari semua kategori tersebut. Menurut saya, isi dari kategori tersebut tidak perlu ditampilkan, cukup dimasukkan ke dalam kategori yang sesuai. Dengan adanya tampilan isi tersebut, user akan kebingungan dan mengira itu juga merupakan kategori Video Gallery, padahal itu adalah isi dari kategori Video Gallery. Selain itu, pemunculan isi dari semua kategori di luar membuat adanya less efficiency, karena link-link jadi banyak dan membuat user semakin kebingungan. (yudizious, 2010)

(bersambung ke bagian 5........)

sekian,
-yudizious-