ELH Challenge #12 – Transform Infographics Into Interactive Graphics

The objective of this challenge – Transform Infographics Into Interactive Graphics – is to take a static infographic and rebuild it as an interactive infographic.

For this project, I adapted NeoMam Studios’ 13 Reasons Why Your Brain Craves Infographics into a multi-slide scrolling interaction. To maintain the look and feel of the original, I used Camtasia to capture and render the animated panels as.gif files. This presented something of a problem when I went to publish the project as there appeared to be an issue publishing animated gifs to HTML5 in Storyline 2Kudos to Susan Jones for discovering a workaround for this – exporting the video and images at the highest possible quality (9 and 100% respectively). I also noticed, as others have, that the animated gif slows down considerably when brought into Storyline 2, but this issue seems to be resolved in Storyline 3.

The other challenge I had, which at this time still remains unresolved, was to add a timer to the last slide which would display the amount of time someone has been viewing the entire project. I investigated a number of promising solutions in the Articulate Community but couldn’t find one that worked as I had intended.

If you can think of a solution, please feel free to reply with some suggestions.

Click here or on the image above to launch demo


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your 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