User interaction and user interface design: Difference between revisions
Jump to navigation
Jump to search
m (→Definition) |
m (→Links) |
||
Line 29: | Line 29: | ||
* [http://shortboredsurfer.com/2010/08/11-principles-of-interaction-design-explained/ 11 Principles of Interaction Design explained] by Paul Seys, Aug 2010. There is a [http://shortboredsurfer.com/2010/07/11-principles-of-interaction-design/ Slideshare version]. | * [http://shortboredsurfer.com/2010/08/11-principles-of-interaction-design-explained/ 11 Principles of Interaction Design explained] by Paul Seys, Aug 2010. There is a [http://shortboredsurfer.com/2010/07/11-principles-of-interaction-design/ Slideshare version]. | ||
* [http://www.lukew.com/ff/entry.asp?347 Design Patterns: Introduction] | * [http://www.lukew.com/ff/entry.asp?347 Design Patterns: Introduction] | ||
* [http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain HTML Wireframes and Prototypes: | * [http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain HTML Wireframes and Prototypes: All Gain and No Pain] by Julie Stanford on 2003/01/06.. See also the related [http://www.boxesandarrows.com/view/dreamweaver_primer Dreamweaver primer] (old, but maybe still useful) | ||
All Gain and No Pain] by Julie Stanford on 2003/01/06.. See also the related [http://www.boxesandarrows.com/view/dreamweaver_primer Dreamweaver primer] (old, but maybe still useful) | |||
* [http://www.adobe.com/resources/techniques/ Website Production Management Techniques] (A set of texts at Adobe) | * [http://www.adobe.com/resources/techniques/ Website Production Management Techniques] (A set of texts at Adobe) | ||
Line 42: | Line 41: | ||
* [http://dzineblog.com/ DZine blog] | * [http://dzineblog.com/ DZine blog] | ||
* [http://www.adaptivepath.com/ideas/essays/archives/ Adaptive Path Essay Archives] | * [http://www.adaptivepath.com/ideas/essays/archives/ Adaptive Path Essay Archives] | ||
* [http://theixdlibrary.com/category/interfacedesign/ The IxD library] | |||
; Various | ; Various |
Revision as of 20:20, 25 January 2011
Definitions
- 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]
- User Interface Design refers to the aspects of hardware or software which can be seen (or heard or otherwise perceived) by the human user, and the commands and mechanisms the user uses to control its operation and input data. (based on The Dictionary of Computing). Usernomics.com
Often user interface design is used as a synonym of user interaction design. Other see a slight difference. E.g. “Interaction design (IxD) is the branch of user experience design that illuminates the relationship between people and the machines they use. While interaction design has a firm foundation in the theory, practice, and methodology of traditional user interface design, its focus is on defining the complex dialogues that occur between people and interactive devices of many types-from computers to mobile communications devices to appliances.” (WordiQ.com, retrieved Jan 2011.
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
- HTML Wireframes and Prototypes: 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
- The IxD library
- 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