Interactive storytelling unlocks almost endless possibilities when it comes to design. However, just as with user experience, the best practices around design for interactive are somewhat unique to the medium. If you want to create successful visual treatments for your content, you need to rethink both your design process and the techniques you use to bring your stories to life.
In this article, I’ll share some useful guidelines that will help you create highly engaging, effective designs for your interactive stories.
In a traditional content creation workflow, your design process probably looks something like this:
This workflow is passable for assets like articles, whitepapers, and even websites, but it doesn’t really work for interactive storytelling. Because visuals play such an important role in telling a story, the design process must be much more collaborative in nature in order to succeed.
While many guidelines from static design apply to interactive storytelling, there are some best practices specific to HTML5 content in particular. The interactive graphic below explores seven learnings we’ve gleaned from our own designs and our clients’ content.
Designing interactive stories can be a creative and rewarding experience. However, your storytelling can get derailed if you fail to adhere to the common best practices around interactive design. These tips will help you develop a design process and final content that delivers highly engaging stories to your audience.