User interaction and user interface design

Draft

Definition

User Interface design is the design of the system or interface with which a user has direct contact and with which they interact to conduct activities. [1]

User interface design is the overall process of designing how a user will be able to interact with a system/site. [2]

See also: web prototyping software, web wireframe and usability

Links

See also other articles in the categories Design methodologies and Web authoring

Introductions

• Usability, User Interface Design, and HCI Bibliography V2.3 by Chauncey E. Wilson (updated April 2003 when retrieved 18:22, 2 May 2007 (MEST)).
• Introducing Interaction Design, a 12-part series about interaction design for web applications started on 2002/11/11 by Bob Baxley.
• What is Interaction Design and What Does It Mean to Information Designers? by Craig Marion, 1999.

On-line handbooks

• Fluid Design Handbook is a How-to Guide filled with user-centered design (UCD) techniques you can use to learn from your users and design better user experiences.

Topics

• Three Questions You Shouldn't Ask During User Research By Jared M. Spool, April 2010.
• 11 Principles of Interaction Design explained by Paul Seys, Aug 2010. There is a Slideshare version.
• Design Patterns: Introduction
• [http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain HTML Wireframes and Prototypes: All Gain and No Pain

All Gain and No Pain] by Julie Stanford on 2003/01/06.. See also the related Dreamweaver primer (old, but maybe still useful)

• Website Production Management Techniques (A set of texts at Adobe)

Web sites

• (Good) Essential Interaction Design Essays and Articles and Top Ten Essential Interaction Design Books by Dan Saffer.
• HCI Index. Used to be the academic resource for human-computer interaction. No longer maintained since 2009
• Humanfactors.com. Some free resources, including a bibliography.
• UIE.com, User Interface engineering (includes articles, blogs, etc.)
• Software Design Smorgasbord by Craig Marion. Includes many excellent links grouped into topics, and articles. (Updated Jan 2011 when consulted on Jan 2011).
• A List Apart
• DZine blog
• Adaptive Path Essay Archives

Various

• How stuff works ... if you don't understand it :)

Examples

• [3] (2010) by Scratch

References

• Jones, Marshall G., & Okey, James R. Interface Design for Computer-based Learning Environments. [Online] Available http://www.hbg.psu.edu/bsed/intro/docs/idguide/, February 21, 1995. HTML