web usability - tips mendesain web yang mudah dipahami
TRANSCRIPT
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
Beberapa Fakta
Yang (biasanya) selalu ada: Logo Navigation Search Content
Objectives atau tujuanBusiness objectives User objectives
Anatomi Situs Web
Web Usability – akan dibahas pada presentasi iniAksesibilitas atau kemudahan aksesIdentitasNavigasiKonten
Teori dasar desain grafis untuk webLayoutHirarki visualPrinsip Gestalt
Creative graphics
Apa yang Perlu Kita Ketahui?
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 contrastTeks dan background harus memiliki kontras yang cukup jelas untuk mata.
Font size/spacing Perhatikan ukuran font agar dapat optimum dilihat (14px – 16px)
Aksesibilitas – Kemudahan Akses
Flash & add-onsJangan mempergunakan banyak flash dan add-ons, selain mengganggu, akan menyulitkan orang yang tidak dapat melihat dengan baik
ALT tagsJangan lupa memberikan tag ALT pada gambar, untuk informasi tambahan
Custom not-found/404 pageApabila halaman yang dicari user tak ada, pastikan sebuah halaman 404 siap memberikan keterangan yang diperlukan
Aksesibilitas – Kemudahan Akses
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
TaglineSusunan 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
Usability - Identitas
Main navigationSingkat 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 labelsLabel navigasi bukan hanya teks yang tertera pada tombol navigasi, namu termasuk titles, headings dan subheadings, URL.
Usability - Navigasi
Number of buttons/linksCompany logoLinks
Gunakan desain yang sederhanaUntuk menghindari kebingungan user,
gunakan style yang berbeda untuk setiap ‘link state’
Site searchPastikan situs Anda memiliki sebuah fasilitas pencarian (search facility)
Usability - Navigasi
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.
Usability – Konten