Mood Board - Target for How to use a Toaster

A Mood Board is an easy way to visually interpret a profile of someone, they use visual references to personify a person and are used as an effective tool to allow someone to get a quick idea of someone without reading a written profile.

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.

Johnny Smith - Mood Board


Click on Mood Board to ENLARGE

Storyboard - How to use a Toaster

Storyboard for Steps 7-9

1.2.
3.4.

Click on Each Slide to ENLARGE

Flowchart - How to use a Toaster

Click on Flowchart to ENLARGE.

Step by Step - How to use a Toaster

1. Place toaster on hard flat surface
2. Plug power cord from toaster into power point
3. Turn on power point and toaster
6. Set cooking setting by turning the round button
7. Place a slice of bread into toaster
8. Push down slider
9. Wait for the toast to cook (is it cooking?)
10. When toast pops up ensure it to cool enough to touch
11. Remove carefully
12. Turn of toaster

Informational/Instructional Design - Examples

Here are some examples of where Informational and Instructional design has been used.

Informational Design

(Image from http://www.cpluv.com/www/feeditem/3291/
Informational Design

(Image from) http://infosthetics.com/archives/2008/0/information_design_patterns_cookbook.html

Instructional Design

(Image from) http://www.uswim.net/category/instructions/
Instructional Design

(Image from) http://www.propertyinvesting.net/cgi-script/csNews/csNews.cgi?database=specialreports.db226&command=viewonex




This video shows how information and interaction come together to create an engaging experience for the user.

Informational/Instructional Design - Definition

Instructional design is the process of considering the needs and wants of the user and providing a system to service them.
Information design is presenting information in a clear and decisive way to effectively show users the desired information.


Both of these design forms include data, which provides the information being expressed this stage is research and gathering of information. The aim of these design forms is to create an exciting and engaging experience for the user, which they can learn from the information presented.

Nathan Shedroff states, “Successful communications do not present data. If, for example, presenters haven't bothered to provide context and build meaning, audiences have little patience for doing it themselves. As designers, we constantly must ask ourselves what service we provide.” The information communicators must incorporate into their design the context that connects the information together as this is also important to allow the user to be able to comprehend the information or instruction.

Works Cited
Information Interaction Design: A Unified Field Theory of Design. 1994.
Nathan Shedroff. 11 Mar. 2009.
<http://www.nathan.com/thoughts/unified/index.html>

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

Interactive Design - Web Examples

Here are some examples of websites that incorporate Great Interactive Design Qualities:

http://theovenreinvented.com/
This website allows the user to interact this this over via the internet, it allows them to have the complete experience over every aspect of its design, they can choose from watching how it will cook multiple meals and they can then navigate through the oven to see in detail each part.

http://www.agencynet.com/
This website has built a simulation of their office and the user can navigate through the office rooms to find information about the company.


http://www.mini.com.au/
This website includes the user by allowing them to create their own mini cooper, they can search through parts and add them to car while it works out the price for them.

http://www.volkswagen.co.uk/
This website allows for easy navigation for the user and displays the information in an exciting way for the user, it allows them to pick and choose their options.

http://www.visualthesaurus.com/
This website allows the user to search for word in the thesaurus and presents the information in a visually attractive way by using a tag cloud that allows the user to click on a word and will continue to bring up more words.

http://www.wefeelfine.org
This website connects all blogs around the world and allows a using to search for a word associated with an emotion but also enter search criteria such as gender, country, day, or weather. It then displays these in balls with move across the screen and the user can click on them to read the sentence.

Interactive Design - Definition

Interaction design is the process of making designing products/services that not only become part of everyday life but also includes what it can do for the user and what they will gain from the experience of using it. It is concerned with the people who use these products/services, therefore the questions asked if these products/services are successful are all about the users needs and reactions.

Gillian Crampton Smith states that the designer needs to “make it a graceful part of everyday life” meaning that the product/service needs to mould into the lives of users. Therefore needing to be designed for “usability, utility, satisfaction, communities qualities and sociability.” (Gillian Crampton Smith)

Works Cited
Bagnara Sebastiano, Smith, Gillian Crampton. Theories and practice in interaction design. Italy: Lawrence Erlbaum,2006.

Web 2.0 - Examples

Here are some examples of functioning Web 2.0 services that have become very popular and well known:


Myspace - a website where users can create their own space to express themselves and communicate with friends.

Facebook - a website that has created a community for people to communicate.

Bebo - a website where users can communicate with their friends.

Flickr - a website where users can upload and share photos.

Twitter - a website where users can post what they are doing at a particular time.

Youtube - a website where users can upload and share videos.

Web 2.0 - Definition

Web 2.0 treats the network as a platform to build upon and improve. It is something that is encourages usability and expand its capabilities when every new user. The business uses the platform to build the applications entirely on the Internet where the users have control. This means that users have more responsibility for the information provided and allows them to interact and gain and experience while using the Internet.



Web 2.0 has altered business practice and priorities as Tim O’reilly says “users add value” therefore the business has the challenge of creating a service and application that users will want and need to use in their day to day lives, this is done by giving the user control over their own space, data or post also O’reilly explains that the applications an data bases on the Internet improve the more people are using them.

Works Cited

O’reilly. 2009.
What is Web 2.0. 3 Mar. 2009.
<http://oreilly.com/>

"Oikos Community Console." 2007. Youtube. 3 Mar. 2009. <http://www.youtube.com/watch?v=YXFYkbQRgY4>

"Richard MacManus." 2005. Digital Web Magazine. 3. Mar. 2009. <http://www.digital-web.com/articles/web_2_for_designers/>

"Kamla Bhatt." 2007. Youtube. 3 Mar 2009. <http://www.youtube.com/watch?v=CQibri7gpLM>