Planning Tools for Interaction: Mood board
15 years ago
Tuesday, March 17, 2009
Step by step text instructions on how to make toast
1)Plug toaster into power source
2)Turn power on
3)Place 1 or 2 slices of bread into the toaster
4)Adjust the toaster settings to desired result
5)Pull leaver down
6)Wait for bread to toast
7)Remove bread from toaster once the toast has cooled
2)Turn power on
3)Place 1 or 2 slices of bread into the toaster
4)Adjust the toaster settings to desired result
5)Pull leaver down
6)Wait for bread to toast
7)Remove bread from toaster once the toast has cooled
Thursday, March 12, 2009
Information/Instructional design examples
Yahoo email sign up
As highlighted in the definition, information/instructional design is a process of presenting unstructured information into significant well-rounded information. Signing up for an email account is a comprehensible example of information/ instructional design whereby clear instructions in number form are provided to guide the user through the process.
In the case of signing up for a yahoo email address.The site provides further information when the user clicks into a specific box.Instructions are also provided if the users desired user name is not available and if more characters should be added to strengthen the users password.
Google Maps
Launched in early 2005 and originally known as google local, google maps is a free mapping application provided by google. The website highlights the function of information/instructional design whereby once users have inputted a specific address. The web page will direct the map to the specific location and then allow users at ease to gain information if needed by simply clicking on the point.
Information that can be accessed includes directions to and from the location, searching nearby, local listings (i.e. business) and saving the address to the users my maps collection.
As highlighted in the definition, information/instructional design is a process of presenting unstructured information into significant well-rounded information. Signing up for an email account is a comprehensible example of information/ instructional design whereby clear instructions in number form are provided to guide the user through the process.
In the case of signing up for a yahoo email address.The site provides further information when the user clicks into a specific box.Instructions are also provided if the users desired user name is not available and if more characters should be added to strengthen the users password.
Google Maps
Launched in early 2005 and originally known as google local, google maps is a free mapping application provided by google. The website highlights the function of information/instructional design whereby once users have inputted a specific address. The web page will direct the map to the specific location and then allow users at ease to gain information if needed by simply clicking on the point.
Information that can be accessed includes directions to and from the location, searching nearby, local listings (i.e. business) and saving the address to the users my maps collection.
Information/Instructional design definition
Is the process of organising and translating unorganised and unstructured into significant and well-rounded information. Traditionally the information has been presented in several areas, such as: Corporate and technical documents, marketing and advertising. In recent times such information has now become present in new mediums such as product user interfaces, multimedia compact disks, podcasts and websites.
Monday, March 9, 2009
Interactive design web examples
Don’t click it
http://dontclick.it/
Initiated by the institute for interactive research; don’t click it, is a wave of new interaction. Users must prepare themselves to be taken out of the norm when it comes to navigating through the website. “please prepare yourself mentally for the new situation”
The website operates with no buttons, rather users move their mouse to selected areas of the page to view the information. Alex frank the developer of the website aims to eliminate the “dead space time” which is where we click on a button and wait for a page to load, rather than the content immediately appearing when we roll over the title as it does on the don’t click it page.
“please prepare yourself mentally for the new situation” and “dead space time” are quoted from http://dontclick.it/
Mini
http://www.miniusa.com/#
A sleek flash web page developed for the BMW mini coper. The site features a high use of interactive by allowing users to build their own mini cooper and to have full control of customisation to the car, users also have the ability to save and access their car at a later period.
The site also features three games; Jump game, MC racing and motoring games wheels. Whilst also providing driving tips and a quirky insight to a x ray glass that when moved over the screen, shows an individual manning and maintaining the website.
The good food fight
http://thegoodfoodfight.com/
Developed for eat better America, the good food flight brings a new meaning to food fight. Upon entering, users are required to select a plate of food and then a “grubslinger” an interactive human character. That user’s must aim at by using their mouse and throwing food at the interactive human character.
Once the user has discharged food the character retaliates by walking; talking and throwing food back at the user. That ends up being splattered against the computer screen. Following a session of gaming users then have the ability to continue playing, inform a friend about the website or proceed to the mother website to view not only the recipes displayed in the game but in addition other recipes, diet and nutrition information and fitness information.
“grubslinger” quoted from http://thegoodfoodfight.com/
http://dontclick.it/
Initiated by the institute for interactive research; don’t click it, is a wave of new interaction. Users must prepare themselves to be taken out of the norm when it comes to navigating through the website. “please prepare yourself mentally for the new situation”
The website operates with no buttons, rather users move their mouse to selected areas of the page to view the information. Alex frank the developer of the website aims to eliminate the “dead space time” which is where we click on a button and wait for a page to load, rather than the content immediately appearing when we roll over the title as it does on the don’t click it page.
“please prepare yourself mentally for the new situation” and “dead space time” are quoted from http://dontclick.it/
Mini
http://www.miniusa.com/#
A sleek flash web page developed for the BMW mini coper. The site features a high use of interactive by allowing users to build their own mini cooper and to have full control of customisation to the car, users also have the ability to save and access their car at a later period.
The site also features three games; Jump game, MC racing and motoring games wheels. Whilst also providing driving tips and a quirky insight to a x ray glass that when moved over the screen, shows an individual manning and maintaining the website.
The good food fight
http://thegoodfoodfight.com/
Developed for eat better America, the good food flight brings a new meaning to food fight. Upon entering, users are required to select a plate of food and then a “grubslinger” an interactive human character. That user’s must aim at by using their mouse and throwing food at the interactive human character.
Once the user has discharged food the character retaliates by walking; talking and throwing food back at the user. That ends up being splattered against the computer screen. Following a session of gaming users then have the ability to continue playing, inform a friend about the website or proceed to the mother website to view not only the recipes displayed in the game but in addition other recipes, diet and nutrition information and fitness information.
“grubslinger” quoted from http://thegoodfoodfight.com/
Subscribe to:
Posts (Atom)
