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.
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.
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.