Tag Archives: information design

Information/Instructional Design

25 Mar

Information design is the organization of data to make it easily understood or processed by the viewer. It is achieved by using the basic visual hierarchy methods such as scale, colour, typography and contrast which all lead to the point of interest, or the most important thing on the page – the title or topic. Information design is strongly used in web sites usually to categorize information and to establish a visual hierarchy. Usually the title of the website is at the top of the hierarchy and then often comes the ‘sign up’ button on websites that can be registered to in order to attract new people. Instructional design is ordered information that makes a process easier to complete. A task or process is divided up into single smaller tasks giving the person one thing to do at a time. Each is explained and a relevant image usually accompanies the description. This is often seen with a Lego set or when a house hold object needs assembling.

This website allows the viewer to watch any episode of The Simpsons, South Park, Family Guy, American Dad, Futurama or The Cleveland Show online for free. It uses basic information design to organize its data, strongly relying on colour to distinguish between each cartoon throughout. The website also uses large, bold text in order to pull the eye towards the name of the cartoon and utilizes columns in order to categorize particular episodes of the cartoon including the most recent, most viewed and top rated.

Here is an information design piece I did in my second year at Uni. It shows my recorded sleep and energy consumption over two weeks, the grey bars represent the amount of sleep I had and the white represents the amount of energy I consumed, relative to a required average daily intake of 10350kj and a required eight hours of sleep daily.

Here is an instructional piece I designed in my second year at Uni which shows you how to do a kickflip. The steps taken starting from one and ending in seven are easily seen given they are in red and the eye is able to read the process with no problems due to the use of a traditional reading pattern from left to right. Relating to informational design, the red marks on the skating figure draws attention to detail showing the skater what to remember in each step of the process. The large black heading also lets the viewer know what the topic is before they read further.

Advertisements