Mood Board

This is my mood board of Johnny Smith.

Planning tools for Interaction

As some of you may have already seen my flowchart, I will attach some other written instructions for making toast.

1. Open loaf of bread
2. Get out a slice of bread
3. Check to see that toaster is plugged in and power is on
4. Put bread into the toaster
5. Check the setting of the toaster
6. Set to desired number
7. Push down on lever
8. Wait for toast
9. Check toast is cooked enough/ Re-cook if needed
10. Get toast out
11. Eat toast

Information/Instructional design - Examples

Here are some examples of information and instructional design graphics:

http://ingrid.ldeo.columbia.edu/maproom/.Regional/.Australia/Australia.jpg - Map of Australia

http://www.i-cherubini.it/mauro/blog/wp-content/uploads/2007/08/images/IKEA_instruction-mistakes.png - Instructional graphic of making a box

Information/Instructional design - Definition

What is Information/Instructional Design?

It is exactly what it says it is.

It is the design of information or instructions. Information presented in a way that is easy to read and understand.

For example:
A road directory is an example of information and instructional design because it provides information about locations, but it also gives some instruction as to where a person can or cannot drive to.

Making Toast

This is an example of my own work that I made as a class exercise on the process one might undergo when preparing toast.

Interactive Design - Examples

Here are some examples of Some Interactive Design sites on the internet:

http://thegoodfoodfight.com/ - A cool website that allows for interaction with the content of the site, while at the same time it is a very well designed website with great content. The site itself allows the user to have a food fight with a selection of characters. When having a food fight on the site, and the food is flying around, the site begins to be covered in food and fall apart. To even suggest that this site is not interactive would be crazy.

http://www.ingenuitywelcome.com/game/ - Otherwise known as "coconut run", this site is an interactive game website where users can not only play a game, but also edit and change the vehicle used in the game, making it more interactive and editable.

http://colorschemedesigner.com/ - Another highly interactive website, very closely related to design. This website allows the user to interact with a colour wheel to come up with colour schemes for websites.

Web 2.0 - Examples

Giving a description of this concept is not sufficient enough for someone to fully understand what it means. Seeing is believing. Below I have listed some examples and links that people can follow. Some of them you may already be aware of and even use almost every time you log on to the net.


Blogger - http://www.blogger.com/ - Allows for interaction between a user and the internet, and other users. Posts can be made, and updated, and commented on.

Facebook - http://www.facebook.com/ - Almost everyone should be aware of the existence of Facebook and what its purpose and use is. However, for those who have not heard of it, it is a social networking site that allows people from anywhere in the world to be connected through a global or even national network of users. Marshall Mcluhan's :("Global Village" is very appropriately illustrated by Facebook.

YouTube - http://www.youtube.com/ - Just like Facebook, everyone should be aware of YouTube. This is a site that allows people from anywhere to upload videos of themselves or anything else for that matter onto the one site where it is shared with the rest of the world. The site also allows its users to create profiles and post information and comments about themselves and the clips they watch and upload. YouTube has created a very interactive society within the world of the internet.

Wikipedia - http://en.wikipedia.org/wiki/Main_Page - This is a highly interactive website in the sense that is it very editable for internet users. It is an online encyclopedia that has its content updated by anyone.