Good UIs take care of usability, but great ones tell a story. Visual storytelling is one of the most effective ways to create an emotional connection with your user, and the website is a perfect medium for this — the problem is that most designers aren’t trained in storytelling.
The newest edition to our free design library changes that. The Visual Storyteller’s Guide to Web UI Design explains the art of visual storytelling specifically for web design.
Illustrating its points with screenshots from 29 companies — including Tesla, Squarespace, Fitbit, Microsoft, Foursquare, and more — this free, 68-page guidebook covers such topics as:
- How the right visuals can improve the way information is processed and retained
- Turning your user into a character to immerse them in your story
- How and when to apply the three types of imagery — iconic, symbolic, and indexical — to UI design
- The different approaches to visual storytelling, and when to use each
- Guidelines to nurturing your own personal visual style
- How to take advantage of the interactive elements of storytelling available only to web designers
- Tips for creating your “visual game plan” before you start
