Professional Documents
Culture Documents
Web Design For Usability
Web Design For Usability
Lecture 25
Web Design for Usability
1
Heuristic
Rule of thumb learned through trial & error
Common sense lesson drawn from experience
Caution! Caution!
Heuristics dont always lead to the best results
At times they even lead to the wrong ones, but mostly to results that are good-enough
do the
hard part
1st
5
When I look at a Web page it should be self-evident, obvious, self-explanatory I should be able to get it - what it is & how to use it - without expending any effort thinking about it
excerpt from Steve Krugs book Dont Make Me Think
7
Usability!
9
speed!
11
13
Dewan-e-Ghalib
14
Design is Important!
62% of shoppers gave up looking for the item they wanted to buy online (Zona Research) 40% visitors dont return to a site if their first visit was a -ive experience (Forrester Research) 83% of users have left sites in frustration due to poor navigation, slowness (NetSmart Research) Simple designs have greater impact: they can be understood immediately! (Mullet/Sano) 15
Designs should be
18
19
20
Website Navigation
The interface/controls that a Website provides to the user for accessing various parts of the Website
21
8. Do not play with standard browser buttons & features 9. Provide search capability
23
- click navigation
24
25
26
28
29
30
31
Spelling errors
33
34
35
36
Enter
Dragons Lair
37
38
39
40
WWW
41
LOADING
SKIP
42
43
44
46
4. The relative levels of importance among elements in a display should be revealed graphically
47
48
1. Use sans serif (e.g. Arial, Helvetica, Verdana) typefaces for display on screen 2. Display type intended for continuous reading at 10 to 14 points 3. Avoid the overuse of bold and italics
4. Avoid setting type in all caps
50
51
52
5. Arrange type intended for extended reading flush left, ragged right 6. Avoid lines of type shorter than 40 characters and longer than 60 characters
53
7. Mark the boundaries between paragraphs with blank lines rather than indentation 8. Use headings and subheadings to visually reveal the relationships among text elements they label paragraphs after paragraphs of text do not work that well on the Web
54
4. Using Motion
57
1. Use motion to attract the viewers attention 2. Avoid the use of motion for cosmetic purposes
58
59
In Todays Lecture
We looked at the role of usability in Web site design We identified some of the factors affecting the usability of a Web page
60
Reading Assignment
www.useit.com
61
62