Diperbarui 19 November 2012 oleh Dani Iswara
Tulisan tidak penting ini adalah tinjauan/review pribadi terhadap blog Dani Iswara .com dari sisi kebergunaan Web atau Web usability. Agar lebih bebas mentertawakan (dengan asumsi "tawa" adalah kata dasar; "menertawakan" juga dianggap benar?) karya sendiri. Pembelaan diri? Narsis?
Walau bukan penggemar Jakob Nielsen, kriteria kebergunaan Webnya, Ten Usability Heuristics sering dipakai untuk evaluasi terkait. Konsepnya tidak berbeda dengan daftar periksa panduan kebergunaan dari ist.mit.edu. Akan saya kolaborasikan dengan pengalaman pribadi sebagai pengguna Web di Internet.
Sepuluh konsep kebergunaan menurut pengalaman Jakob Nielsen yang saya adaptasi untuk blog:
- Visibility of system status. Pengguna tahu ada di proses/bagian mana.
- Match between system and the real world. Menyesuaikan dengan bahasa & harapan target pengguna pada umumnya.
- User control and freedom. Tombol back & forward berfungsi.
- Consistency and standards. Konsisten dalam pemakaian kata, aksi, layout, sesuai konvensi.
- Error prevention. Beri petunjuk/konfirmasi untuk mencegah galat.
- Recognition rather than recall. Tiap dialog/instruksi jelas, tanpa perlu menghapalnya.
- Flexibility and efficiency of use. Pengguna yang kurang & sudah berpengalaman sama-sama mudah memanfaatkan fitur.
- Aesthetic and minimalist design. Benar-benar menyajikan yang dibutuhkan atau hal penting.
- Help users recognize, diagnose, and recover from errors. Pesan galat mudah dimengerti.
- Help and documentation. Walau mudah digunakan, dokumentasi & menu bantuan sebaiknya tetap disediakan.
Beberapa konsep di atas tampak ada yang saling tumpang-tindih. Entahlah, saya selalu kurang percaya dengan konten yang dijabarkan numerik. Baca kembali Copywriting Judul Tulisan Blog Numerik (Dani Iswara .com).
Daftar periksa panduan kebergunaan dari ist.mit.edu tampak mengadaptasi konsep Nielsen. Disusun lebih rinci & mudah dipakai.
- Navigation.
- Functionality.
- User Control.
- Language and Content.
- Online Help and User Guides.
- System and User Feedback.
- Web Accessibility.
- Consistency.
- Error Prevention and Correction.
- Architectural and Visual Clarity.
Saya akan memeriksa blog Dani Iswara .com berdasar daftar dari ist.mit.edu tersebut.
Apa saja yang saya butuhkan saat mengakses Web?
Informasi, tentu saja. Aspek aksesibilitas Web akan dikurangi penekanannya.
| Navigasi | Skor (1-5) |
Keterangan |
|---|---|---|
| Current location within the site is shown clearly. | 4 | Memang tanpa breadcrumb. Menu (berdasar kategori, tag, waktu) tidak lebih dari tiga level. |
| Link to the site’s main page is clearly identified. | 5 | Cukup lewat judul blog di title bar. Entah jika title bar dianggap kurang fungsional. |
| Major/important parts of the site are directly accessible from the main page. | 4 | Bagi saya, yang terpenting itu tautan tulisan terkini, perihal, arsip, dan kontak. |
| Site map is provided for a large, complex site. | 5 | Ada menu arsip & sitemap. |
| Easy to use Search function is provided, as needed. | 4 | Mengandalkan Google. Konten baru mungkin belum terindeks. |
| Fungsionalitas | Skor (1-5) |
Keterangan |
| Site accommodates novice to expert users. | 3 | Sepertinya saya menarget level manajemen, bukan pelaku teknis. Lebih ke penyajian teori & konsep, bukan teknis praktis. Dengan (berusaha) berbahasa Indonesia formal. |
| Functions are clearly labeled. | 5 | Label bisa diklik. Fungsi tombol sepertinya sudah jelas. |
| Essential functions are available without leaving the site. | 5 | Tidak ada tautan yang terbuka di jendela baru. |
| Plug-ins are used only if they add value. | 3 | Beberapa materi SVG & MathML sengaja tidak disertakan dukungan plugin. |
| Kontrol pengguna | Skor (1-5) |
Keterangan |
| Site reflects user’s workflow. | 5 | Konten teks sajian utamanya. Baca juga |
| User can cancel any operation. | 5 | Tekan saja tombol Esc atau back. |
| Clear exit point is provided on every page. | – | Saya tidak paham maksudnya. Asumsi saya, serupa seperti butir di atas. Mungkin lebih tepat untuk suatu aplikasi Web. |
| Per-page size is less than 50K, to accommodate slow connections. | 5 | Kecuali karena jumlah komentar. Saya tidak suka sistem paging yang butuh klik tambahan, kecuali jumlah komentar di atas 50 buah. |
| All appropriate browsers are supported. | 5 | Jika yang dimaksud adalah peramban Web bermesin Presto, WebKit, Gecko. |
| Bahasa & konten | Skor (1-5) |
Keterangan |
| Important information and tasks are given prominence. | 5 | Cukup jelas. Kecuali yang terlewat saat terlalu cepat memindai konten. |
| Information of low relevance or rarely used information is not included. | 5 | Beberapa fitur sangat-tidak-penting sudah dieliminasi. |
| Related information or tasks are grouped: on the same page or menu, in the same area within a page. |
5 | Informasi waktu pemutakhiran per tulisan/halaman tetap saya anggap penting ada di dekat judul. Bermanfaat saat tampilan excerpt jika meta data lain tidak ditampilkan. |
| Language is simple, without jargon. | 3 | Kadang jargon lebih pas untuk menyatakan maksud tertentu. Jika tidak, malah terkesan kasar. Tapi berisiko menjadi kata bersayap yang bisa salah interpretasi. |
| Paragraphs are brief. | 4 | Kecuali paragraf saduran yang memang panjang & sulit diartikan. |
| Links are concise, expressive, and visible–not buried in text. | 5 | Tidak ada tautan pengecoh! Jika ada, siap-siaplah berpikir lebih keras! Tautan/pranala di konten utama ternyata tidak selalu Teks Bergaris Bawah (Dani Iswara .com). |
| Terms are defined. | 5 | Kecuali istilah yang sudah sering ditulis. |
| Panduan bantuan & pengguna daring | Skor (1-5) |
Keterangan |
| Site is designed to require minimal help and instructions. | 5 | Kecuali ada menu khusus yang memang tidak umum digunakan. |
| Help and instructions, if needed, are easily accessible. | 5 | Aksesibilitas kita lewati saja. |
| Umpan balik sistem & pengguna | Skor (1-5) |
Keterangan |
|
5 | Dijadikan satu. Plugin formulir kontak disediakan pihak ketiga. Kurang bebas dikustomisasi. |
| Users are informed if a plug-in or browser version is required. | 5 | Senada dengan SVG & MathML di atas. |
| Each page includes a "last updated" date. | 5 | Posisi di bawah judul untuk mempermudah keputusan pengguna (lanjut baca atau tidak). |
| Aksesibilitas Web | Skor (1-5) |
Keterangan |
| – | – | Topik ini memang dilewati. |
| Konsistensi | Skor (1-5) |
Keterangan |
| The same word or phrase is used consistently to describe an item. | 3 | Lebih sering memakai beberapa kata asing & Indonesia bersamaan & bergantian. |
| Link reflects the title of the page to which it refers. | 5 | Akan dilengkapi dengan tag cite jika menguraikan sedikit isi tautan yang dirujuk. |
| Koreksi & pencegahan galat | Skor (1-5) |
Keterangan |
| – | – | Saya tertarik untuk lebih melengkapinya. |
| Kejelasan arsitektural & visual | Skor (1-5) |
Keterangan |
| Site is organized from the user’s perspective. | 0 | Belum pernah user testing serius. |
| Site is easily scannable for organization and meaning. | 5 | Hanya membaca subjudul simpulan tanpa memahami seluruh konten? |
| Site design and layout is straightforward and concise. | 5 | Langsung & ringkas tanpa basa-basi. Ini bukan cerita misteri atau detektif. |
| Site design and layout are redundant only when required for user productivity. | 5 | Pengulangan di atribut title tetap tidak dipakai. |
| White space is sufficient; pages are not too dense. | 5 | Sepertinya begitu. |
| Unnecessary animation is avoided. | 5 | Tidak ada elemen berkedip-kedip genit. |
| Colors used for visited and unvisited links are easily seen and understood. | 5 | Butir ini juga tumpang-tindih (bisa juga dibaca: kolaborasi usability & aksesibilitas Web). |
| Bold and italic text is used sparingly. | 5 | Saking hematnya, pensiunkan dini. Tidak usah dipakai saja. |
Simpulan
Tanpa simpulan! Nanti yang dipindai hanya simpulannya saja! Read all or leave it!
Sah saja saya menyebut tulisan ini tidak penting & sampah. Karena hal tidak penting & sampah itu masih berarti bagi saya (dan mungkin beberapa orang lain)!
7 tanggapan untuk “Kebergunaan Weblog Dani Iswara .com”
Test dulu.
Saya ga mau komen, cuma pengen subscribe comments aja.
rismaka,
Saya juga berminat dengan plugin langganan tanpa harus berkomentar dulu.
Walau tulisan ini dianggap tidak penting, saya tetap menyimak secara perlahan dan menyeluruh. Tanpa memindai. Bagaimana mau memindai jika saya menggunakan layar kecil via ponsel (koneksi modem 3G saya 2 hari ini parah abis soalnya)..
Whoa… saya juga tidak begitu peduli dengan si Jakob, tapi artikel dan risetnya sangat bagus hehe…
Mungkin hal-hal tersebut bisa dikatakan nonsense jika diterapkan pada sebuah blog — personal blog tepatnya. Kita tahu, bisa dikatakan blog tidak memerlukan teknik-teknik arsitektur informasi yang rumit seperti webportal atau berita.
Ah ya, sepertinya mengacu pada tabel daftar periksa di atas sudah cukup jelas bagaimana sebaiknya desain sebuah blog itu. :)
Saya masih sangat membutuhkan banyak waktu untuk membuat blog saya menjadi lebih “berguna” :D
Ardianzzz,
Jakob Nielsen pernah menyarankan untuk tidak 'ngeblog', Write Articles, Not Blog Postings.
nearie,
Berguna itu relatif. Seperti juga aksesibel itu relatif (Dani Iswara .com).
Haha, benar juga saya pernah membacanya. :)
Saya menangkap Ngeblog dalam artian membuat semacam ‘online diary’ atau semacamnya.