Return An Overview of HCI and Design - Notes from an HCI Class
 


The HCI Design Landscape

Software design - Two definitions:
    Software engineering - Design of software code, modular structure, and programs.
    HCI - Design of software products, including user interface, interaction, user tasks, etc.

    - Design is conscious activity - respects environment, affordances, and complexity of real life.
    - Guidelines and principles do not make for good designing - tacit knowledge, experience, intuition.
    - Good design puts the human user at the center of all design decisions.
    - Cannot simplify too far though - Many software tasks are inherently difficult - managing complexity.

Design as a conversation with materials - designer iterates with the problem, and with the community for which design is being done.   

Design is creative - Cannot be reduced to steps and guidelines. Good design inherently messy, intuitive, and takes creative risks. Beyond the notion of problem-solving - more like "solution creating."

Design is communicative - Software design uses specific language for defining data and tasks. Essentially, much of the task of design is good communication!

Interaction design - User interface design, with a focus on the "how" or interaction of HCI:

  • Navigation and organization of site
  • design and specification of interface controls and behavior
  • field and display labels
  • formats, how data is manipulated
  • most representative deliverable = storyboards and prototype

Information design - Content and document design, focus on the "what"

  • organization
  • UI architecture
  • search and indexing
  • most representative deliverable = page definition, display formats, (some) UI architecture diagram

Visual (graphical) design - Design of graphical theme or scheme, visual hierarchy, graphical elements

  • the "look and feel" of a site or product
  • appearance of page elements and how they are laid out
  • color theory, typography, layout, and iconography
  • most representative deliverable = "page comps"

 

Simple Principles for  Web Design

1. Focus on user's experience of the product and their task.

2. Honor the web platform - Design with hypertext in mind - Use the browser for what it can do

3. ...but remember that basic design principles do not change

4. Users and their tasks still rule design

5. Don't get caught up in the graphics - Users are focused on their task and content.

6. Remember what it's like for the "normal" user with an average computer.

7. Keep it simple (Nielsen).

8. Functional is better than cool.

9. If you can't see it on the screen, it probably won't be used.

10. Performance is as important as simplicity. Users will not make experience simplicity if they are forced to wait.

11. Simple navigation is key. Make sure users know where they are - awareness of location.

12. Be careful when emulating other web sites - Investigate as many examples as you can and learn from them.

 

Return Return

Copyright © 1997-2002,  Peter H. Jones