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.

Examples of Web 2.0

Here are a few examples of Web 2.0

Facebook
- Communicate with people
- Upload photos
- Upload videos
- Express your ideas & interests

Myspace
- Communicate with people
- Upload photos
- Express your ideas & interests

Youtube
- Upload videos
- Subscribe to users
- Comment on videos
- Endless categories

Wikipedia
- Endless amount of informtaion
- Information gathered from many sources
- Anybody can contribute information

Flickr
- Upload images
- Comment on images
- Search & sort images

Web 2.0

Web 2.0 is a new movement in web design that allows for creative and collaborative involvement of its users. Its what people refer to as the second generation of web design and browsing. It has a much higher focus on interactivity between users and the sites that the view. This in affect gives users a feeling that they are participating in a community and are hence far more involved in the overall process. The term was first coined in 2004 after the O’Reilly Media Web 2.0 Conference (an annual conference, last year held in San Francisco) and refers more so to a change in the software being developed for the web rather than any actual improvement in technical specifications. In more simple terms, Web 2.0 refers to sites where users are able to interact with each other and make changes to the site as they view it. The most common examples of this are blogs, chat sites, forums and video sites.

What is Interactive Design?

The essence of Interactive Design is designing something that can be interacted with or changed by a wide variety of users. Interactive Design defines the structure and behaviour of a product or system in response to a user. Good interactive design should either assist or initiate interactions with human users and should communicate the functionality and interactivity of the system. Although it is widely regarded as the optimisation of product/system behaviour in response to a user’s interaction, ideally interaction design should go beyond this, to a level where it becomes pleasurable to interact with and enrich the user’s life.