What is informational/instructional design?

Informational/Instructional Design

Information/instructional design is the creation of visual diagrams and images which clearly explain/describe information or instructions. The key to informational/instructional design is to relay information in the most concise and clear way possible, so as to transmit information or instructions without confusion. In order to achieve this it is important to consider the Gestalt Principles of design such as visual hierarchy, proximity, similarity etc. Due to the high visual nature of human cognition, it is vital for informational/instructional design to depict information in an easily recognisable and comprehensive way.



Figure 1. Social Media Infographic. (Column Five, 2011)

The above infographic is an example of informational design. As depicted in the image the infographic uses colour coordination, graphics/icons and statistics/graphs to detail information about the personalities and trends of social network users. The viewer can follow colour coding to explore information relating to different sections. For example, if the viewer follows the colour orange used in the image they can learn that 32% of social media users are between 23-35 years old, and women make up 56% of social media users.


Screen Shot 2017-05-07 at 9.57.46 pm.png
Figure 2. Printable Instructions for Fish Bone.

The image above shows visual instructions for tying a “Fish Bone” knot. The graphics are simple, and numbered to direct the flow of information. Small white arrows are displayed within the graphics to depict the direction of movement.


Screen Shot 2017-05-07 at 10.04.48 pm
Figure 3. Your Daily Dose of Water. (Good & Levis, 2012)
Screen Shot 2017-05-07 at 10.05.13 pm
Figure 4. Your Daily Dose of Water. (Good & Levis, 2012)

The above images come from an interactive informational design. The interactive design allows users to select their daily habits to discover how much water they are using. The user navigates through different times of the day and clicks on various graphics prompting statistics and information on water usage to display onscreen. On the left side of the screen the user can view their daily water usage as the bar fills to indicate how much water each task is using.


Featured Image (Unknown) Instructional Design How To. Retrieved from https://community.articulate.com/series/practical-instructional-design-how-tos/articles/5-habits-of-effective-instructional-designers
Figure 1 Column Five (2011) Social Media Infographic. Retrieved from https://www.good.is/infographics/infographic-are-facebook-users-more-trusting
Figure 2 (Unknown) Printable Instructions for Fish Bone. Retrieved from http://www.fishbonefish.com/printable-instructions/
Figure 3 & Figure 4 Good & Levis (2012) Your Daily Dose of Water. Retrieved from https://www.good.is/infographics/interactive-infographic-your-daily-dose-of-water




Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s