Interaksi Manusia dan Komputer – Usability dalam desain Web


Pengertian Usability

Istilah Usability ditemukan oleh Jakob Nielson:

“Suatu pengalaman pengguna dalam berinteraksi dengan aplikasi atau situs sampai pengguna dapat mengoperasikannya dengan mudah dan cepat”

5 Syarat Usability:

  • Mudah dipelajari
  • Efsien dalam penggunaan
  • Mudah diingat
  • Tingkat Kesalahan Rendah
  • Kepuasan Pengguna

Akibat Desain yang tidak memenuhi syarat usability

  • Frustasi
  • Bingung
  • Kabur
  • Promosi Negatif

Hal lain yang perlu diperhatikan

Navigasi

  • Jelas dan ringkas
  • Letakkan disebelah kiri atau diatas (tempat yang mudah dilihat)
  • Bila berbentuk garfis sertakan teks
  • Beri ruang antar navigasi
  • Hindari penggunaan frame untuk navigasi.
  • Konsisten

Link

  • Gunakan garis bawah
  • Biasanya warna biru
  • Semua link harus berfungsi
  • Jika bertingkat dapat menggunakan breadcrumb

misalnya:

Home > Konsultasi > Keluarga > Pertanyaan 1

Grafik

  • Secukupnya
  • Ukuran kecil 30 kb-25kb
  • optimasi grafik: format gif
  • gunakaan atribut width dan height

misalnya:

<img width=100 height=100 scr= kartun.gif>

  • Gunakan atribut=0, untuk menghidari border warna biru pada browser tertentu.
  • Gunakan atribut alt, untuk menampilkan keterangan jika browser tidak bisa menampilkan.
  • Jika harus menamplikan gambar yang besar, gunkan link dengan menggunakan gambar kecilnya.

Tabel

  • Bagi tabel menjadi beberapa bagian
  • Jangan menggunakan tabel induk dan tabel anak.

Animasi dan suara

  • ­Gunakan secara bijaksana
  • Gunakan dalam ukuran kecil
  • Untuk animasi dan suara yang besar, beri navigasi player
  • Untuk animasi loading Berikan navigasi untuk mengabaikannya (Skip)

Warna

  • Jumlah warna mempengaruhi ukuran file
  • Warna gradasi dapat memperbesar ukuran file
  • Hindari warna buta: menyilaukan, samar atau tidak terlihat

Resolusi

  • Gunakan resolusi umum
  • Atur margin dengan 0
  • Atur tabel dengan satuan persen, bukan menggunakan pixel.
  • tes dengan berbagai resolusi
  • tes dengan berbagai navigator
  • Jangan menggulung lebih dari 2 kali

Struktur halaman

  • Buatlah kedalaman seefisien mungin (maksimal 3)
  • Hindari penggunaan frame

One thought on “Interaksi Manusia dan Komputer – Usability dalam desain Web

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s