User interaction and user interface design: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 15: Line 15:
; Introductions
; Introductions
* [http://www.humanfactors.com/downloads/bibliography.asp Usability, User Interface Design, and HCI Bibliography V2.3] by Chauncey E. Wilson (updated April 2003 when retrieved 18:22, 2 May 2007 (MEST)).
* [http://www.humanfactors.com/downloads/bibliography.asp Usability, User Interface Design, and HCI Bibliography V2.3] by Chauncey E. Wilson (updated April 2003 when retrieved 18:22, 2 May 2007 (MEST)).
* [http://www.boxesandarrows.com/view/introducing_interaction_design Introducing Interaction Design], a 12-part series about interaction design for web applications started on 2002/11/11 by Bob Baxley.
* [http://mysite.verizon.net/resnx4g7/PCD/WhatIsInteractionDesign.html What is Interaction Design and What Does It Mean to Information Designers?] by Craig Marion, 1999.
; On-line handbooks
* [http://wiki.fluidproject.org/display/fluid/Design+Handbook 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
; Topics
* [http://www.uie.com/articles/three_questions_not_to_ask/ Three Questions You Shouldn't Ask During User Research] By Jared M. Spool, April 2010.
* [http://www.uie.com/articles/three_questions_not_to_ask/ Three Questions You Shouldn't Ask During User Research] By Jared M. Spool, April 2010.
* [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.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 [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)


; Web sites
; Web sites
Line 25: Line 34:
* [http://www.humanfactors.com/ Humanfactors.com]. Some free resources, including a bibliography.
* [http://www.humanfactors.com/ Humanfactors.com]. Some free resources, including a bibliography.
* [http://www.uie.com/ UIE.com], User Interface engineering (includes articles, blogs, etc.)
* [http://www.uie.com/ UIE.com], User Interface engineering (includes articles, blogs, etc.)
* [http://mysite.verizon.net/resnx4g7/ Software Design Smorgasbord] by Craig Marion. Includes many excellent links grouped into topics, and articles. (Updated Jan 2011 when consulted on Jan 2011).
* [http://www.alistapart.com/ A List Apart]
* [http://dzineblog.com/ DZine blog]
* [http://www.adaptivepath.com/ideas/essays/archives/ Adaptive Path Essay Archives]


; Various
; Various
* [http://www.howstuffworks.com/ How stuff works] ... if you don't understand it :)
* [http://www.howstuffworks.com/ How stuff works] ... if you don't understand it :)
; Examples
* [http://www.webdesignfromscratch.com/web-design/top-10-best-designed-web-sites-in-the-world-2010/] (2010) by Scratch


== References ==
== References ==

Revision as of 20:13, 25 January 2011

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

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

Web sites
Various
Examples
  • [3] (2010) by Scratch

References

Retrieved from "https://edutechwiki.unige.ch/mediawiki/index.php?title=User_interaction_and_user_interface_design&oldid=30565"