web usability - tips mendesain web yang mudah dipahami

13
Tips Mendesain Web yang Mudah Dipahami #352 #353 Web Usability

Upload: harsantiputri

Post on 06-Aug-2015

65 views

Category:

Technology


2 download

TRANSCRIPT

Tips Mendesain Web yang Mudah Dipahami

#352 #353

Web Usability

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

Anatomi Situs Web

Anatomi Situs Web

Yang (biasanya) selalu ada: Logo Navigation Search Content

Objectives atau tujuanBusiness objectives User objectives

Anatomi Situs Web

Perbedaan Persepsi Designer dgn User

Source: Steve Krug - Don’t make me think

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