Searching for Models and Storyboard Options

Below are the storyboard templates that I have worked with in the past. As you can see, both are geared towards a more visual storyboard.

The first example here was used in a large team where the ID would pass off a storyboard to graphic designers and programmers. Therefore it includes a lot of details for the interactivity, programming notes, and graphic notes. This is not the document that would be shared with stakeholders because of its level of detail. We would share with them the text and source graphics that would inspire the final version and ask for their feedback on that. The modules we created were custom eLearning built from scratch, so it was necessary to have as much detail as possible included. We could include everything from video, games, PDFs, etc. and needed a versatile storyboard that could communicate all the different media.


This example was used on a much smaller team where each individual ID was expected to be both designer and developer. There are fewer notes about interactivity and visuals because it is mainly used to communicate with SMEs and clients, and the IDs would add in the details as they developed the final modules. We mainly developed in Captivate and Storyline, so there is a limit to how much customization we could use.


Both of these storyboard templates were used by organizations that I joined. While I trust the expertise of the teams I joined, I recognize the importance of being open to improvements. I am a fan of a storyboard that includes more rather than less detail. We typically update our modules every year so often a new developer will take on the updates from an old developer. Documenting as many details as possible helps the new developer understand the decisions made and the programming specifics.

As far as providing wireframes to our clients, I am a fan of using Adobe XD. With this tool, you can easily and quickly program custom buttons and actions that branch to other screens. Check out this article for more information about how XD can be easily used for storyboarding and UX design. I have also used LucidChart to map out wireframes live with stakeholders. This saves time by gaining immediate feedback.