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