Using Visual Storytelling to Support User Experience

April 6, 2015In Web Usability4 Minutes

Visual storytelling, when combined with the right measure of image and often sound, creates a level of connection and intrigue that no other technique can achieve.

Emotion, anticipation and stimulation reward the active participant with a resulting heightened engagement for the site owner.  Alternately, average content puts the user in a passive mode where they either consume the content or leave the website altogether.

Visual stories, on the other hand, are interactive and get people to commit themselves to your story. There are several effective platforms to apply visual storytelling in the digital environment. Working with a content team to develop stories and narrative around the brand, and a creative team to implement the visuals will deliver the best outcome.

Storytelling via textual methodologies can be effective, however, the content must be relevant and cohesive. Taking into consideration the idea of cognitive fluency, many users only read about 20% of the content on a web site. Clearly defining the messaging that is most important, and displaying it in a typographically interesting way can increase conversions greatly.  Visual storytelling via text may be the most popular and easiest method to produce but its not always the most engaging, particularly if the content is not fully developed to the targeted audience.

The brain is able to process images approximately 60K times faster than text alone. Using static images, data backed infographics and background images can help to explain how a product works or convey a specific feeling while leaving room for personal interpretation. The combination of visuals and text helps to move a story along.

Interactivity and animation will take visuals to the next level of engagement. When the user is entertained they are much more likely to listen and want to learn more. An interactive site means anything and everything from contests to displaying products in a way that encourages or even requires visitors to click on certain categories. By displaying products in an interactive way rather than just pictures, you are more likely to engage visitors. A great example of this method is parallax scrolling.

Storytelling through an auditory application is one of the most emotion provoking methods of engagement. A voice, melody, sound effect or song will catch the attention of a user and, if the reaction is positive, draw them in further to more information. Songs, when applied, already tell a story   so it’s important to ensure that the message being conveyed is relative to the content of the site. Additionally, a voice – woman, man, child, deep or bright will bring an instant point of view to the messaging being narrated. Taking these aspects into consideration, it’s important to be thoughtful when choosing audio no matter the platform.

The moving image has been the topic of much discussion with regard to the digital environment lately. With the addition of video features, social media has become a truly interactive landscape. Analytics show that the presence of a video as opposed to static image or text alone can increase engagement by at least 200 percent. Moving visuals are retained by the long term memory because of connection. If that connection is made with the user, they are more likely to retain and engage on a long term basis.

The bottom line is that stories, whether told via sound or motion, attract users in a powerful way. Striking a balance between relevant content and the encouragement of emotion will create the most impact.

Person on computer browsing website with usability

Transforming Usability Throughout the Health Care Experience

There's perhaps no industry where usability and overall user experience is more critical than that of health care. Personalized engagement is of the utmost importance to an environment where the relationship with between patient and provider can at…


Desktop on table near window displaying home screen content

Reading Between the Lines: The Content and Usability Connection

Very often, when developing a website or app, the first step is presenting the client with wireframes and comps that feature placeholder text which can, and usually delivers a design that is well received, but that may not be ideal in its user…


Think Creative, Work Effective. User-centered design mug.

Serving the Brand with User-Centered Design

Delivering a web design that both effectively resonates the brand it represents and puts the user first can be a complex task - especially when multiple markets or user segments are at play. User-centered design, sometimes referred to as…