SlideShare a Scribd company logo

Interface design for the web

•Download as PPT, PDF•
•
K
Kzurik

The document outlines principles of interface design for the web. It discusses 14 principles, including knowing your users, borrowing from familiar systems, making available functions clear, maintaining internal and external consistency, reflecting changes in appearance, providing concrete and abstract ways to complete tasks, attracting appropriate attention, understanding the language of the interface, providing different types of help, giving users confidence with safety nets, limiting activity to well-defined contexts, creating beauty, getting help to spot defects, and listening to ordinary people. The document also briefly mentions what interface design is and its goals.

1 of 12
Interface Design for the Web Kelly Overmiller
Interface Design for the Web  What is Interface Design?  Goal of Interface Design  Good Interface Design  Principles of Interface Design
Interface Design for the Web  What is Interface Design?  Goal of Interface Design  Good Interface Design
Principles  First Principle of Interface Design “– Know who your user is  Second Principle of Interface Design “– Borrow behaviors from systems familiar to your users
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
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
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
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
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
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
Interface Design for the Web  What is Interface Design?  Goal of Interface Design  Good Interface Design  Principles of Interface Design
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>.

More Related Content

Interface design for the web

  • 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>.