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/
Interactive design definition
In progress refers to practice of creating and establishing user experiences that essentially boost and broaden the way people work, interact and communicate. Thus interactive products provide a backbone to people within their everyday lives.
With the fundamentals drawn from software engineering, interactive has come a long way and has lead to many practitioners such as animators, graphic designers and film industry specialists. To also become heavily involved in the process of developing and creating interactive design products.
With the fundamentals drawn from software engineering, interactive has come a long way and has lead to many practitioners such as animators, graphic designers and film industry specialists. To also become heavily involved in the process of developing and creating interactive design products.
Tuesday, March 3, 2009
Web 2.0 examples
Facebook
With over 50 million users, comScore a market research company stated that in the month of April 2008 facebook became the leading social networking site, overtaking its main competitor MySpace. Though users are unable to personalise their individual pages. The site does allow users to connect with those they know and has a stream of attributes that allows users to upload and share an array of content, from photos to an event and video content.
Flickr
Considered to be the “first real web 2.0 breakout hit” Flicker brought a new meaning to the word tagging and to the sense of online communities and sharing. Bought by yahoo in late 2004, the site has rapidly gained serious momentum. With over seven million dynamic users.
Google docs
Launched in 2006 Google docs is a free online word, presentation and spreadsheet application, which as the name hints if offered by google. The application basically allows, for example; a word document to be created within the application itself and then allows the file to be transferred to an email or saved on the default location (google servers).
The application also allows for the document to be saved in a variety of formats, such as pdf’s, open document standard, doc and rich text format and also allows for real time collaboration as multiple users are able to access the one document.
Known primarily for its image content, the website also hosts video content and a service called “make stuff”. Where, when permission has been granted users are able to make physical content from the provided image materials. Such examples include, Photo books and large scale prints.
Twitter
Hours before news content began to flow of the recent terrorist attacks in India, members of the twitter community who happened to be in the vicinity of the area began to provide concise and somewhat accurate information to the disturbances occurring. With updates occurring at a swift rate.
Known as a micro bogging and social networking site, users of twitter have the ability to keep in touch in real time via a quick answer to one question. At current posts are limited to 140 characters. The service is commonly used co-workers, groups, family as well as friends.
With over 50 million users, comScore a market research company stated that in the month of April 2008 facebook became the leading social networking site, overtaking its main competitor MySpace. Though users are unable to personalise their individual pages. The site does allow users to connect with those they know and has a stream of attributes that allows users to upload and share an array of content, from photos to an event and video content.
Flickr
Considered to be the “first real web 2.0 breakout hit” Flicker brought a new meaning to the word tagging and to the sense of online communities and sharing. Bought by yahoo in late 2004, the site has rapidly gained serious momentum. With over seven million dynamic users.
Google docs
Launched in 2006 Google docs is a free online word, presentation and spreadsheet application, which as the name hints if offered by google. The application basically allows, for example; a word document to be created within the application itself and then allows the file to be transferred to an email or saved on the default location (google servers).
The application also allows for the document to be saved in a variety of formats, such as pdf’s, open document standard, doc and rich text format and also allows for real time collaboration as multiple users are able to access the one document.
Known primarily for its image content, the website also hosts video content and a service called “make stuff”. Where, when permission has been granted users are able to make physical content from the provided image materials. Such examples include, Photo books and large scale prints.
Hours before news content began to flow of the recent terrorist attacks in India, members of the twitter community who happened to be in the vicinity of the area began to provide concise and somewhat accurate information to the disturbances occurring. With updates occurring at a swift rate.
Known as a micro bogging and social networking site, users of twitter have the ability to keep in touch in real time via a quick answer to one question. At current posts are limited to 140 characters. The service is commonly used co-workers, groups, family as well as friends.
Web 2.0 Definition
Known as the second generation of the World Wide Web. Web 2.0 essentially consists of three main components. These being; rich Internet applications, service oriented architect and the social web.
Rich Internet applications (RIA) refer to applications that mimic the features i.e. graphics and functionality i.e. useability. Of traditional desktop applications.
Service oriented architect when acknowledged is understood to be the key component of web 2.0 and refers to the essential structure that supports communication between services. In some cases it could be a simple data transfer or it may be of higher complexity where the structure allows for multiple services manage activities.
The third component, the social web is where we as humans merge with a network of computers. Whereby we are no longer just considered to be the end users but also the participants of the applications available, thus human interaction. From making friends on social sites to podcasting or updating a wiki.
Subscribe to:
Posts (Atom)
