Interactive Infographics

Click on the image to view the demo

The Challenge

The e-Learning  Heroes weekly challenge #12: Transform Infographics into Interactive Graphics was to make the content of a static Infographic interactive and engaging.  I chose this Infographic as the inspiration for this project.

Famous Failures 2

The Design and The Process

Rather than change the design of this Infographic, I decided to keep the simple black and white appearance as I think it works well in the context of this information.

The demo was developed in Articulate Storyline 2 and allows free navigation to any of the six faces on the introductory screen in any order the learner chooses.

Picture2

Progress is indicated using True/False variables which trigger a state change for the relevant image.  When all six faces have been visited, the final statement is displayed using a trigger that changes the state from hidden to normal when all six True/False variables have changed from False to True.

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s