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

Making Toast Storyboards - Steps 10-12

This is my storyboard for how to make toast (Steps 10-12). Sorry if you can't see it properly.

Interactive Design

Interaction Design is a field and approach to designing interactive experiences. These could be in any medium (such as live events or performances, products, services, etc.) and not only digital media. Interactive experiences, necessarily, require time as an organizing principle 9though not exclusively) and Interactive Design is concerned with a user, customer, audience, or participant's experience flow through time. Interactivity should not be confused with animation in which objects may move on a screen. Interactivity is concerned with being part of the action of a system or performance and not merely watching the action passively." 1
What is interactive design? Why is it so important?

No longer is design confined by the traditional method of one user determining the content as is the case with book, television and radio. Commonly with these medium, the content and method of information transfer is determined by the writer/TV station/Radio station and the user (viewer) is subjected to the experience determined by the composer.

Now, with the development of interactive design, the experience is determined by the user. Think of websites such as Blogger, MySpace, Facebook, Flickr and Photobucket. These sites allow the user to easily input their own information and opinions.

Interactive design applicable to the internet. Artistic installments can also be interactive, as is the case with Bystander.

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

What is Web 2.0?

"The Web of documents has morphed into a Web of data. We are no longer just looking to the same old sources for information. Now we’re looking to a new set of tools to aggregate and remix microcontent in new and useful ways." 1

The term Web 2.0 is used to describe the new experience of the web that is based on interaction between users. The web is no longer simply an infomation disemination tool, it now allows users to add to mankind's collective knowledge through blogs, Wikipedia, sites such as Myspace and Facebook and Flickr.

1 MacManus and Porter. http://www.digital-web.com/articles/web_2_for_designers/