Download - Web Usability
1
Human Computer Interaction
Week 10Web Usability
2
Introduction
Yang memakai web ini adalah visitor atau customer, sehingga usability harus diperhatikan.Jika customer tidak suka dengan website kita, maka akan sangat merugikan karena customer akan pindah ke website lain.
3
Fundamental Errors in Web Design (1)
Business Model Website didesain seperti brosur
Project Management Fokusnya internal, tidak memikirkan
keterlibatan customer
4
Fundamental Errors in Web Design (2)
Information Architecture Web mencerminkan struktur
departemen-departemen dalam perusahaan.
Page Design Web didesain dengan mengutamakan
tampilan, animasi, dsbnya, sehingga respon timennya lama.
5
Fundamental Errors in Web Design (3)
Content Authoring Menulis secara linear, seperti cerita
yang panjang, atau menyalin langsung.
Linking Strategy Link-link nya berkisar di site-site sendiri.
6
Web Usability Page Design
Bagaimana mengalokasikan area pada sebuah web page.
Content Design Bagaimana mengalokasikan isi dengan baik
sehingga memudahkan customer untuk mencari informasi
Site Design Tidak pernah direpresentasikan secara
eksplisit di layar. Tetapi untuk usability site desain harus selalu dikembangkan.
7
Content (isi) dari website adalah terpenting, harus bisa menarik bagi user.
Informasi harus lebih dipentingkan daripada navigasi.
Navigasi bukanlah tujuan dari page design, jadi harus diminimumkan.
Page Design (1)
8
Page Design (2)
9
Page Design (3)
Desainer harus memikirkan user yang memakai berbagai jenis monitor.
Dengan demikian user dapat menikmati tampilan page dan tetap fokus pada pencarian informasi.
10
Page Design (4) Harus sederhana. Perhatikan bahwa tidak semua
user memakai teknologi terbaru, sehingga buatlah yang bisa diakses oleh banyak platform
11
Content Design (1) Customer mengunjungi website kita
karena informasi (isi) bukan hal-hal yang bersifat tambahan.
Desain yang kita buat harus memungkinkan customer untuk mengakses isinya.
Analogi: jika orang selesai nonton film, yang didiskusikan adalah betapa hebat cerita dan actionnya, bukan betapa hebat kostumnya.
12
Content Design (2)
jika user pindah ke page lain, bisa secara langsung melihat area utama dari halaman dan melihat apakah informasi yang dicari ada pada halaman tersebut, misal dengan membaca headline.
13
Guidelines for Writing for Web
Petunjuk utama: Harus jelas, tidak bertele-tele.
Bisa di scan.
Gunakan hypertext.
14
Site Design (1)
Keseluruhan desain dari website itulah yang namanya site desain.
Dari sisi usability, site desain lebih dipentingkan dari pada page desain.
15
Site Design (2)
“Under Construction”
16
Site Design (3)
Semua website pasti sedang dalam pengembangan.
Kalau website belum jadi jangan di upload.
17
Home Page Home page adalah bagian terpenting
dari sisi site dan harus didesain berbeda dengan page-page lainnya.
Style nya boleh sama tetapi pasti ada perbedaannya.
Jangan ada “Home” button pada home page.
Logo, company name, atau site name boleh dibuat lebih besar.
18
The Goal of Home Page
Jawablah 2 pertanyaan:
1. Where am I?
2. What does this site do?
19
Three Features of Home Page
Area utama (Navigation) Ringkasan informasi yang
terpenting Fitur pencarian yang memudahkan
sehingga bisa langsung menuju bagian yang diinginkan.
20
Navigation
Web pasti menggunakan sistem navigasi (prev, next, home).
Interaksinya dengan mengklik mouse. Dalam desain interface navigasi, perlu
dijawab pertanyaan:1. Where am I?2. Where have I been?3. Where can I go?
21
Site Structure Hierarchical Structure
Tabular Structure
Linear Structure
22
Search Capabilities
Nielsen (2000): 50% search-dominant users. 20% link-dominant users. The rest are mixed-behavior users.
23
Summary
Simplicity. HOME-RUN Websites:
(H)igh-quality content (O)ften updated (M)inimal download time (E)ase of use (R)elevant to users’ needs (U)nique to the online medium (N)etcentric corporate culture
24
Further Reading
Nielsen, J. 2000, Designing Web Usability: The Practice of Simplicity, New Riders Publishing