Interactive Design Examples

These are some examples of interactive design web examples.

Becks Beer invites users to explore and answer the thoughts and questions of Beck drinkers.

Nike allows its customers to custom order shows in various widths, sizes, colours and textures. 

Volkswagen dispenses with technical jargon and specialised features, to create a low-stress environment to design your dream car.

These are examples of other forms of interactive design examples

"Can You See Me Now?" is a chase game played online and in reality developed by Blast Theory and Mixed Reality Lab

Interactive Bars is a system that can be installed into bars to provide patrons with an added dimension to their social experience.

ACCESS is a public art installation that allows web users to track individuals in public spaces.

For more examples of Interactive Design visit AEC Electronica, which hold annual awards for areas of web design with categories for interactive art.

Examples of Information Design

These are some examples of information designs;

Royksopp - Remind Me.

Example of how infomation design can be used for many different purposes. Very interest video

The London Underground Map - one of the best examples of good information design. It does not relate geographically to the location of the stations but simplifies and streamlines what could be a very confusing map.

An early example of information design is Charles Joseph Minard's diagram of Napolean's ill-fated Russian Campaign. 

For a large collection of newspaper information graphics visit Infographics News

Making Toast Steps

Here is my steps for making toast

1. Place toaster on flat surface (bench) near power outlet?
2. Is the toaster plugged in?
3. Is the power turned on?
4. Place bread in toaster slots (1 piece per slot)
5. Select desired cooking rate (Level 1 for light, 8 for charcoal)
6. Is your desired cooking level selected?
7. Push down toaster lever
8. Watch bread cook
9. When toast is cooked it will pop up
10. Is toast cooked to desired level, cook for another 30 seconds?
11. Carefully remove toast from slot (caution: Toaster will be hot)
12. Select desired condiments (butter, vegemite, jam)
13. Spread selected condiments onto toast
14. Cut toast
15. Eat toast
16. Switch off toaster
17. Clean up mess

Mood Board

Here is my mood board for Johnny, the retired capenter from Hobart.

Web 2.0 Examples

Musicovery - Find new music based on your mood.

Track Class - Helps keeps your school work organised. Note taker, custom reminders, calenders 

Book Jetty - Connect you to friends bookshelves and check book availability at local libraries. 

Facebook - Connect you with your friends 

Flickr - Upload your photos for everyone to see

Ebay - The world's biggest marketplace. "Buy and sell anything" 

YouTube - Be a star. Post videos online 

Pandora - Pick a song and find similar song you may like 

For many many more examples of Web 2.0 applications visit Go 2 Web 2.0

Information Design

"Information Design is the practice of gathering, filtering, and presenting information in accordance with effective design principles in order to understand --- and communicate to others --- the essence, the meaning of that information." 1

"Information Design is a field and approach to designing clear, understandable communications by giving care to structure, context, and presentation of data and information. As a field, its principles relate to all communications products and experiences, regardless of medium (print, broadcast, digital, online, etc.). Information Design is, primarily, concerned with clarity (instead of simplicity) and understanding" 2

In an increasingly infomation dense world, readers no longer have time for indepth reading. Instead, the reader quickly skims a design to decide on whether to delve deeper. It is the designer duty to ensure that their work catches the viewer's eye.

In a nutshell, information design informs the audience about something, be it statistics, directions, locations and many other examples. These can be in the forms of icons, graphs, maps, illustrations, and photographs.

1 Tech Head http://tech-head.com/info.htm

2 Nathan Shedroff http://www.nathan.com/ed/glossary/

Making Toast Flowchart

Here is my flowchart on how to make toast