Planning Tools for Interaction

How to Make Toast
Step-by-step description

1. Place toaster on bench
2. Plug in toaster
3. Switch on power outlet
4. Insert bread in toaster
5. Set desired dial temperature
6. Push down lever (does bread toast?)
7. Wait for ejection
8. Take out toast (is bread toasted enough?)
9. Put on a plate
10. Switch power outlet off

Flowchart
Storyboard

Mood board

A mood board is a poster type collage of images, text and samples of objects which captures the ambience of a particular persona. They aim to create an understandable, visual idea of the subject matter without having to read any details.

Persona: Johnny Smith

Information/Instructional Design: Examples

Flowchart System diagram

Scenario

Information/Instructional Design: Definition

Information/Instructional design is the development, implementation, evaluation and maintenance of situations that facilitate user experience. The design quality of instruction allows meeting user needs most effectively. Its aim is to ensure specific goals are accomplished utilising an iterative process that adapts models to fit the interactive environment.

The following diagrams shows the elements of user experience. We can see how Information/Instructional design is associated with setting ojectives and accomplishing them by utilising a systematic approach.

2000 Jesse James Garrett http://wwwjjg.net/ia/

Interactive Design: Great Web Examples

The following web sites are good examples of interconnectivity and interactivity of web content:

• http://www.volkswagen.co.uk/
• http://www.2advanced.com/
• http://www.creaktif.com/
• http://www.agencynet.com/
• http://theovenreinvented.com/

Web 2.0 Examples

Web 2.0 allows pages to function more like desktop-based applications rather than static content pages. Examples include the following:

• Flickr
• Wikipedia
• Blogging
• Myspace
• YouTube
• Facebook
• Skype

Web 2.0: Definition

Web 2.0 is the second generation of the World Wide Web. It is the movement of social networking sites, communication tools and web applications. Because of this shareable content Web 2.0 has facilitated creativity, information sharing and collaboration among users. The shift from read only webpages has encouraged user interaction and a more open approach to the Internet.

Interactive Design: Definition

Interactive design is the design of spaces for human communication relating to a program that responds to user interaction. It consists of:

• interactivity
• information architecture
• time and motion
• narrative
• interface

It typically centers around complex technology systems such as software, mobile devices and other electronic devices.