Interactive Screenshots

A lot of online training is created around documents, charts and software systems, but unless you keep these short and relevant when converting these into interactive online training, you run the risk of the learner being disengaged.

The interactive demo below was created using Articulate Storyline.

For this demo, the challenge was to “create an interactive screenshot for an application’s UI or specific features”.  

My final demo has gone a step further and shows a complete process, showing the steps, then getting the learner to interact with the screen to simulate each step after it’s been shown. The ability to move forward in this demo is restricted, or locked down, meaning that the learner cannot progress until they follow the instructions. This is a technique often used in e-Learning, and one that has mixed views both from designers and clients, particularly taking into consideration adult learning theory.

Leave a Reply