1. Interface Design for the Web
Kelly Overmiller

2. Interface Design for the Web
 What is Interface Design?
 Goal of Interface Design
 Good Interface Design
 Principles of Interface Design

3. Interface Design for the Web
 What is Interface Design?
 Goal of Interface Design
 Good Interface Design

4. Principles
 First Principle of Interface Design
“– Know who your user is
 Second Principle of Interface Design
“– Borrow behaviors from systems familiar to your users

5. Principles
 Third Principle of Interface Design
“– Let the user see clearly what functions are available
 Fourth Principle of Interface Design
“– The behavior of the program should be internally and externally consistent

6. Principles
 Fifth Principle of Interface Design
“– Changes in behavior should be reflected in the appearance of the program
 Sixth Principle of Interface Design
“– Provide both concrete and abstract ways of getting a task done

7. Principles
 Seventh Principle of Interface Design
“– Some aspects of the user interface attract attention more than others do
 Eighth Principle of Interface Design
“– A user interface is a kind of language — know what the rules are

8. Principles
 Ninth Principle of Interface Design
“– Understand the different kinds of help a user needs
 Tenth Principle of Interface Design
“– Let the user develop confidence by providing a safety net

9. Principles
 Eleventh Principle of Interface Design
“– Limit user activity to one well-defined context unless there’s a good reason not to
 Twelfth Principle of Interface Design
“– Create a program of beauty

10. Principles
 Thirteenth Principle of Interface Design
“– Recruit help in spotting the inevitable defects in your design
 Fourteenth Principle of Interface Design
“– Listen to what ordinary people have to say

11. Interface Design for the Web
 What is Interface Design?
 Goal of Interface Design
 Good Interface Design
 Principles of Interface Design

12. Resources
"A Summary of User Interface Design Principles.” Sylvantech.com. 1998.
<http://www.sylvantech.com/~talin/projects/ui_design.html>.
"User Interface Principles in Web Design - a Return to the Basics | Limeshot -
Graphic Design Sydney." Limeshot Graphic Design Sydney.
<http://limeshot.com/2009/user-interface-principles-in-web-design>.