Storyboard

Storyboards are graphic organisers such as a series of illustrations or images displayed in sequence for the purpose of pre-visualising a motion graphic or interactive media sequence, including website interactivity.

Toast Storyboard

steps 2-4

Planning tools for interaction

How to make toast

1. Start
2. Turn on Toaster
3. Place bread in toaster
4. Set desired settings (light or dark)
5. Pull leaver down
6. Wait until toasting is complete
7. Is bread toasted enough?
8. Prepare
9. Eat

Toast Flow Chart

Mood Boards

Mood boards:
- a poster design that is used to develop a certain concept through the use of images or text.
eg. the understanding of a persona through images. By solely placing images together, an insight into a certain character may be formed.

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 Friday evening. He also enjoys playing bingo, listening to the 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 and spending time with family, especially his grandchildren.

Instructional Design

Here are some examples of Information Design.

This graphic clearlt illustrates how to tie a windsor tie. The information is clear and simple making it easy for the viewer to read and understand.

A site that incorporates information design is the Whereis website. It provides the user with step by step instructions on how to reach their desired destination. Users have the choice of choosing the route to take which is convenient to them. They can cose to take toll roads etc.

Information Design

Here are some examples of Information Design.

This is one of the most famous Information graphics in history. It represents the losses of Napoleon's armies during his Russian campaign.

A classic example of information design is cleary seen in the CityRail Network map. It is easily understandable. Each route is colour coded making it easyto read. The name of each station is also clearly marked making it understandable and easy to read.

Information/Instructional design

InformationDesign

Information Design is a particular area of design which focuses on clear communication and concise design. Its careful approach to structure, context, and presentation of data and information enables the overall design to be as clear and understandable so that ideas, concepts and information can be effectively communicated to its audience. The principles behind information design relates to all communications products and experiences, regardless of medium (print, broadcast, digital, online, etc.). Hence, the field of information design is primarily concerned with clarity (instead of simplicity) and understanding.

Edward Tufte, a forerunner in the development of Informational Design says that information graphics should entice the viewer into reading the data rather than merely observing the design. This type of design should present a clear purpose and not manipulate and distort data. It should also bring meaning to large sets of data which were previously incoherent and allow the users to understand the relationships between sets of data.

Instructional design

Practice of creating tools and content to help facilitate learning most effectively. The idea behind instructional design is to translate instructions as visual source in order to help them understand a process/information. Successful instructional design is effective and efficient in delivering information.

Interactive Design: Great web design examples

An example of a highly interactive website is save your sensible which is a website for Springvalley juice. The website is highly interactive which createsan enjoyable user experience.

Another great example is the Billabong website.
This site is userfriendly and combines interactivity and information.

Also a great example is the KARBON website.
Also a userfriendly and combines interactivity with entertainment and information.