Planning tools for Interaction

Step-by-Step How to Make Toast

1. Get Bread and Toaster
   
2. Place Toaster on even surface
   
3. Plug toaster into power point
   
4. Switch power point on
   
5. Place slices of bread in the toaster
   
6. Adjust dial according to your liking (light, medium or burnt)
   
7. Press lever down
   
8. Wait until bread pops up
   
9. Take toast out and take caution as it may be hot
   
10. Put toasts on plate
    
11. Add any desired toppings
    
12. Enjoy the toast
    
    

Flowchart

Storyboard

Mood board

Johnny Smith
John is a 75-year-old retired carpenter who still enjoys hikes in national parks and riding 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 health care with simple, bold instructions and hospital signs. He aims to enjoy the rest of his life traveling a little and spending time with family, expecially his grandchildren.


Location: Hobart
Toaster Usage: Unfortunately Johnny has never used a fancy new electric toaster
Computer/Internet Usage: PC, Occasionally browsers 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.

What is Information / Instructional Design?

Definition


According to wikipedia,
Information design is...

the skill and practice of preparing information so people can use it with efficiency and effectiveness.

Instructional design is...

the practice of creating instructional tools and content to help facilitate learning most effectively.

Information and Instructional design can both basically be defined as the discipline of creating and showing information in a method that allows the best readability and understandability towards the user. It is a discipline and ability of gathering and organising information efficiently for users to be able to understand. Information and Instructional designs can usually be found in works ranging from statistical graphs to road signs.


Examples of Information/Instructional design



Statistical Graphs demonstrates clear and coherent information for the user to quickly understand.

Road Signs clearly show effective communication as its information is easily to understand and navigate.

Instructional designs give the user clear and coherent instructions.

What is Interactive Design

Definition

Interactive Design can be defined as a method of creating interfaces and features in systems and products to allow interaction between the system and the user. It fundamentally concentrates on mobile phone devices, gaming consoles, computer software and other electronics.
A successful Interactive Design system is evident by its convenient navigation, faster learning curve, reduces boredom and frustration and increases user satisfaction.

The steps designers should adhere to when creating an interactive system are

1. Design Research
2. Research Analysis and Concept Generation
3. Alternative Design and Evaluation
4. Prototyping and Usability Testing
5. Implementation
6. System Testing

Examples of Interactive Design

Information Kiosks provide interactivity to the target user. They are able to interact with the system with its easy navigation and clear instructions.












Mobile Phones have interface screens where the user can navigate and click icons.

What is Web 2.0?

Definition

Web 2.0 can generally be defined as an interactive system that allows information to be shared between users. It can be described as a new innovative version of Web 1.0 where its contributors were outnumbered by the viewers. Web 2.0 is the transition and transformation from an Internet where its content is controlled and owned by the contributors to an Internet where its content is controlled by everyone for everyone.

According to Tim O'Reilly, Web 2.0
"...is the business revolution in the
computer industry caused by the move to the Internet as a platform, and an attempt to understand the rules for success on that new platform."

Here's a great video that demonstrates Web 2.0 in a creative way. Enjoy.




Examples of Web 2.0


Youtube.com
Youtube is a video sharing website which allows any registered user to submit their videos through the service, whether its personal clips or professional created videos. By uploading your videos to the service, it gains a special link so other users can view and post comments relating to the video uploaded.




Blogger.com
Blogger is a blog publishing service. It is completely dedicated towards the creation and hosting of blogs. Any users can register for free, create their own blog link then start posting about whatever is on their minds. Other users are able to read the blogs, comment and rate them.




Facebook.com
Facebook is a worldwide social networking site, with millions of registered users. Registration is free and through registering, users can edit their profile, complete with information about their interests and their status updates. It is a site which allows users to browse and meet new people online.