Planning tools for Interaction-Moodboard

What is mood board?

A mood board is an extension of personas. It is a simplest way to effectively creating an immediate, understandable, visual reference for a person. Beside it is an effective tool to help to get a quick idea of a person without reading a detail written profile.

Workcited:

“BBC Redesign – The glass wall.” Liam Delahunty. 2002. 16 Mar 2009 <http://www.liamdelahunty.com/tips/usability_bbc_redesign_the_glass_wall.php>

• Example

Johnny Smith - Profile

John is a 75-year-old retired carpenter who still enjoys hikes in national parks and ridding his Harley-Davidson. He looks forward to the local club raffle and a catch up with the boys on a Thursday evening. He also enjoys playing bingo, listening to local radio and watching old western movies with his wife Jill. As he gets older and has to visit the hospital more often, he prefers quick and efficient healthcare with simple, bold instructions and hospital signs. He aims to enjoy the rest of his life traveling a little and spending time with family, especially his grandchildren.
• Location: Hobart
• Toaster Usage: Unfortunately Johnny has never used a fancy new electric toaster
• Computer/Internet Usage: PC, Occasionally browses the Internet with the help of his grandchildren.
• Computer Skill: Novice user. Finds things too complicated on the computer to use. Has an email but doesn’t know how to use it properly.

Click on mood board to ENLARGE.

Planning tools for Interaction-Storyboard

Click on image to ENLARGE.

Planning tools for Interaction-Flow chat

Making toast

Click on Flowchart to ENLARGE.

Planning tools for Interaction-Step-by-step text description

Making toast

1- start

2- Clean the table

3- Look and touch the table ( is it the table clean ?)

4- Place the toaster on table

5- Place the bread bag on the table

6- Plug the toaster’s power cord to the PowerPoint

7- Turn it on

8- See and check the toaster (is it on?)

9- Open the bread bag, take out a piece of bread

10- Put the bread in to toaster

11- Enter the toaster setting

12- Press the button down

13- Wait for the bread come out the toaster

14- Touch and feel the bread (is it cool enough to touch?)

15- prepare

Information/instructional design- examples

Underground- Tran's map.





2004 Olympic stadium map.




http://www.visualthesaurus.com/

Information/instructional design

What is information design

Information design = information architecture and message design.
The definition of information design is defining, planning, and shaping of the contents of a complex or potentially confusing information, message. Information design helps developing structures which allow people to find information that's relevant to them, and use it to helps make decisions in our lives.

Information design also is:

1. Clarity, precision, efficiency conveys complex idea or message to responder.
   
2. Helps responder makes sense of things/data.
   
3. Create document be comprehensible to responder
   
4. Information design is the visual method of explaining and interpreting information to help the user achieve their objective
   
5. Information graphic -such as sign and maps are enables people to navigate through a 3 dimensional.

Bruce Meader stated this :

"It is an area of design that is concerned with understanding reader and user responses to written and visually-presented information. The kinds of problems germane to information design include legal documents, business forms, diagrams, guidebooks, transportation maps, charts, tables, instructional materials, wayfinding systems and digital information systems." (http://dao.rit.edu/dao/define/whatid.html)

What is instructional design

Instructional design is the systematic process of translating general principles of learning and instruction into plans for instructional materials and learning through the analysis of learning needs and developments of learning materials.

Furthermore, the aim of instructional design is to help instructional content learn easily, efficiently and effectively learn by users. Instructional designers use many interactive media and technology to improve learning and address learning objectives.

Work cited:

Design archive online: “20th century information design”. Information design page. n.d. 15march 2009. Web. < http://dao.rit.edu/dao/define/whatid.html>

Pettersson Rune. Information design: an introduction. 1st ed. England: John benjamins publishing company, 2002. Print.

“Instructional Design.” Wikipedia. 12 Mar 2009. 15 Mar 2009 <http://en.wikipedia.org/wiki/Instructional_design>

Instructional Design Australia. 16 Jan. 2009.Annette Culley. 11 Mar. 2009<http://instructionaldesign.com.au/index.html>

Interactive design -Great web design examples

Youniverse
http://www.youniverse.com/

-This web site allows users to chat and make friends with Youniverse’s members. It uses of quizzes and questions to help users convey their emotions, skills and life context.

We feel fine

http://www.wefeelfine.org/

-The aim of this web site is to “explore human emotion on a global scale”.
This website able to identifies user’s “feeling” from a sentence in a blog. For example, happy and sad etc. Beside the website will save those data, then compare user ‘s current feelings from around the world. For instance, Do Europeans feel sad more often than Americans? Do women feel fat more often than men?.

Interactive design

What is interactive design ?

The concept of interactive design is suggested by Bill Moggridge, during late 20th century.
Interaction Design defines the structure and behaviour of interactive products, services and systems that a user can interact with, beside interaction design shaping our everyday life through a range of technologies, such as Computer, mobile devices, electronic devices and software.

Interaction design association-lxDA stated this:
“Interaction design is a professional discipline that illuminates the relation between people and the interactive products they use. While interaction design has a firm foundation in the theory, practice, and methodology of tradition 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.” (http://www.ixda.org/index.php)

Gillian Crampton Smith mentions this:
“If I were to sum up interaction design in a sentence, I would say that it’s about shaping our everyday life through digital artefacts- for work, for play and for entertainment.”(http://www.designinginteractions.com/interviews/GillianCramptonSmith)

Further links:



Workcited:

Ixda interaction design association : “IXDA”. About interaction design page. n.d. Web. 15 march 2009. .

The MIT Press: “Designing interactions”. Interviews page. n.d. Web. 15 march 2009.
<http://www.designinginteractions.com/interviews/GillianCramptonSmith>