You are on page 1of 3

A typical HCI related design tasks/elements

1. User needs analysis o Define the analysis framework and methodology o Define contents and concepts o Acquire and categorize mental representations 2. Define the interface "language" 3. Prototype creation 4. Usability and cognitive ergonomics testing

Interaction design
In a computer-based environment an interaction can be defined as the representations and operations of an application system by considering what representations the user needs to interact with, through what operations. (Yamamoto and Nakakoji, 2005) Interaction design principles Vita Hinze-Hoare formulated four fundamental design principles. Her theory is based on an analysis of Dix (2003), Schneiderman (1998) and Preece (1994), discussion with peers and a user survey:
y

Learnability/Familiarity: for example, reduce short term memory load, ensure ease of understanding and guessability, make operations visible, use appropriate metaphors. Ergonomics/Human Factors: for exemple, allow for flexible input (like menus, shortcuts, panels), multiple communication, design for user growth Consistency/Standards: for example, likeness in behavior, consistent and clear user interface elements Feedback/Robustness: give appropriate quantity of response, offer informative feedback, let the user recover from errors or dead-ends, insure stability, task completeness and adequacy, respond in time.

Ladly outlines some guidelines in designing interactions:


y y y y y y

Visibility - knowing the stat of an object and the choices available Feedback - timely, in an appropriate mode (aural, visual, etc.), yet not distracting from task Affordance - use object whose actual properties are in accordance with its perceived properties (e.g. an icon depicting a switch should turn something on or off) Mapping - make use of the relationship between objects and their environment (e.g. placing a menu bar at the top of an application window) Constraints - limit the possible interactions physically, semantically (context-related meaning), logically, or culturally (learned conventions) Habituation - the use of the system should become internalized to the point that the user only thinks of the task, not the system

A cognitive interactive interface should invoke and respond to only one action from the user. (Ladly, 2004) HCI design approaches One view of design is that it is an activity that aims to solve contextual problems systematically (Hoffman, Roesler & Moon, 2004)
y y y

y y y

Top-down or hierarchical problem solving - working from the functional level to the specific working out issues problems that arise Design by reuse - use of previous designs that are based on similar situations Design problem evolution - recognition and relaxation of assumptions thus engaging in a redefinition of the problem in cycles that involve planning, translating and revising in order to optimize a system so that it can satisfy diverging and contradictory requirements Design by deliberative recognition-priming - use of previous conceptual knowledge and experience to recognize useful patterns to by-pass hierarchical processes Design by serendipitous recognition-priming - ideas that arise from opportunistic comparisons and analogies not necessarily directly related to the design problem. Design by collaboration and confrontation - team-based design based on collaboration and confrontation activities.

Story-based design Tom Erickson (1995) outlines some ways in which storytelling can be used as a tool for designing human-computer interactions. Stories reveal users' experiences, desires, fears and practices that can in turn drive effective user-centered design. He points out that stories, in contrast to scenarios, involve real people in particular situations and consequently involve unique histories, motivations and personalities.
y

y y y

story gathering - gathering users' stories on the users' domain (a culturally, socially and physically situated environment) thereby collecting and building a shared language, referents and questions and issues to be addressed. story making - building 'scenario-like' stories that capture emerging common concepts and details from users' stories involving users - using stories with users to elicit dialog and discussions that bring essential ideas and problems to light that should be considered in the design. transferring design knowledge - being highly memorable and still susceptible to the uncertainty entailed in the particular being applied to the whole, stories become important as mechanisms for communicating with the organization by upport design transfer, by capturing both action and motivation, both the what and the why of the design (Erickson, 1995)

Personas in interaction design Design of an interaction sets the conditions in which a conversation between a user and a system will take place. The system needs to speak and respond to the user. To envision more effectively how such a conversation may proceed, interaction designers determine user personas. Personas are defined models of intended and potential user types. These models can be defined through ethnographic research practices such as observation, interviews or direct user-testing with sample target users. Personas are widely used in user-centered design approaches.

Links
y y y y y

Interaction-design.org Encyclopedia Contains some good introductory articles regarding various HCI domains. Good place to start. Wikipedia: Human computer interaction HCI Bibliography Lots of pointers (e.g. an index of 34000 articles, pointers to introductory books, some on-line texts) Ten Usability Heuristics by Jakob Nielsen Introducing interaction design article series and interesting discussion on ID and IA at Boxes and Arrows a peer-written journal devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business.

Interaction styles
y y Command line interface Graphical user interface (GUI) o Copy and paste, Cut and paste o Single Document Interface, Multiple Document Interface, Tabbed Document Interface o Elements of graphical user interfaces  cursor  widget (computing)  icons WIMP (computing) point-and-click drag-and-drop window managers WYSIWYG (what you see is what you get) Zooming user interface (ZUI) brushing and linking Crossing-based interfaces

y y y y y y y y

You might also like