EXAMPLES OF INSTRUCTIONAL/INFORMATION DESIGN

Examples of Instructional Design

The site tutorialized.com features hundreds of instructional and step-by-step processes to achieve certain effects in flash and Photoshop.

The Adobe Design suite has an exquisite manual available online containing tutorials, technical help and tips for beginners and advanced users. It features an index and keyword search based navigational system to sift through the bevvy of information. Click here to view it.

Emily Springfield is an instructional designer. See some examples of her work on this page here.

Examples of Information Design

New York Times' "Ebb and Flow of Movies" Graph : An extremely information heavy interactive graph detailing the revenue of hundreds of movies on a scale of millions of dollars. It helps to compare the revenue's received by movie's over time since 1986 (where the graph starts) and also ones that were released around the same time. Sadly it only takes the US Box Office into account and ends after February 2008 but very interesting none the less.

The Google Zeitgeist is an inaugural release of information by Google every year. It details the most searched for keywords over the year, by month, subject and country. It uses a very simple point and click HTML based system that makes it easy for anyone to look through the information.

Obama's 2008 presidential campaign was very successful, he got elected after all. The Information design in the campaign played no small part in its success. This extremely image heavy website gives a great glance into the various formats he and many others used to spread conspiracies/facts/opinions to the voters and the world in general. The site can be seen here.