Web usability - Tips mendesain web yang mudah dipahami
- 1. Tips Mendesain Web yang Mudah Dipahami #352 #353
- 2. User adalah orang yang menentukan ‘sukses’ atau tidaknya situs anda User mentolerir situs dengan desain yang kurang baik, namun memiliki konten/isi yang sesuai dengan keinginan user (high quality content and credibility) User tidak membaca, tapi scanning situs anda
- 5. Yang (biasanya) selalu ada: Logo Navigation Search Content Objectives atau tujuan Business objectives User objectives
- 6. Source: Steve Krug - Don’t make me think
- 7. Web Usability – akan dibahas pada presentasi ini Aksesibilitas atau kemudahan akses Identitas Navigasi Konten Teori dasar desain grafis untuk web Layout Hirarki visual Prinsip Gestalt Creative graphics
- 8. Site load-time Load time website adalah waktu yang diperlukan oleh browser untuk menampilkan website secara keseluruhan. Load time website sangat penting karena bisa mempengaruhi “kepuasan”pengunjung. Faktor-faktor yang mempengaruhinya yaitu CSS, JavaScript, Gambar/Image/Picture, Widget/Gadget Adequate text-to-background contrast Teks dan background harus memiliki kontras yang cukup jelas untuk mata. Font size/spacing Perhatikan ukuran font agar dapat optimum dilihat (14px – 16px)
- 9. Flash & add-ons Jangan mempergunakan banyak flash dan add-ons, selain mengganggu, akan menyulitkan orang yang tidak dapat melihat dengan baik ALT tags Jangan lupa memberikan tag ALT pada gambar, untuk informasi tambahan Custom not-found/404 page Apabila halaman yang dicari user tak ada, pastikan sebuah halaman 404 siap memberikan keterangan yang diperlukan
- 10. Website logo Logo dan Nama website biasanya terletak di pojok kiri atas dan posisinya konsisten di semua halaman. Logo dan nama website merupakan identitas utama yang digunakan untuk memberikan informasi kepada pengguna tentang web yang sedang mereka kunjungi Tagline Susunan kata atau frase yang digunakan untuk merangkum atau mengekspresikan tujuan dan semangat merk. Kehadiran tagline bukanlah sesuatu yang mutlak. Namun ia mempunyai peran unik dan manfaat khusus dalam mendukung komunikasi merk. Home-page dapat dicerna dalam 5 detik Jalur yang jelas (clear path) untuk informasi yang disajikan Jalur yang jelas (clear path) untuk informasi kontak
- 11. Main navigation Singkat dan Deskriptif. Kata – kata yang terdapat dalam menu harus mampu memberikan petunjuk yang jelas dan singkat tentang halaman website di bawah menu tersebut. Akan lebih baik jika pada halaman website memuat strukur singkat halaman web yang sedang di tampilkan. Misal : Tentang Kami >> Visi & Misi >> Navigation labels Label navigasi bukan hanya teks yang tertera pada tombol navigasi, namu termasuk titles, headings dan subheadings, URL.
- 12. Number of buttons/links Company logo Links Gunakan desain yang sederhana Untuk menghindari kebingungan user, gunakan style yang berbeda untuk setiap ‘link state’ Site search Pastikan situs Anda memiliki sebuah fasilitas pencarian (search facility)
- 13. Major headings jelas dan deskriptif. Critical content berada di atas garis imajinasi “the fold” dimana batas bawah screen telah dicapai. Gaya dan warna harus selalu konsisten. Penekanan (bold, italic, dll.) digunakan sedikit saja. Ads & pop-ups jangan sampai menggangu. Main copy harus ringkas dan jelas. URLs memiliki arti dan dapat dimengerti. HTML page titles jelas.