5 Ways to Use Visual Storytelling for Web

June 10, 2015In Web Design5 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 (static) 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.

#1: Use Your Words

Storytelling via typography 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 website. 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 it’s not always the most engaging, particularly if the content is not fully developed for the targeted audience.

#2: A Picture is Worth…

The brain is able to process imagery 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.

#3: Spring to Life

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.

#4: Music is what feelings sound like

Storytelling through an sound 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.

#5: Show, don’t Tell

The use of video and 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 their cellphone

Essential Mobile App Design Usability Factors

The goal of many mobile app designs is to create a system that speaks the language of the user, leveraging familiar concepts to deliver something that feels new and unexpected - even delightful. This can be challenging to accomplish but aligning…

Two users on a laptop engaging with AMP

UX Solutions: Determining If Your Website Can Benefit From AMP

In a marketplace where speed often equals performance, staying relevant across device with attention to mobile is critical. That’s why AMP, or Accelerated Mobile Pages has been met with such excitement. Site owners and marketers who want to remain…

Video recording test device

The Value of Video Testing for Usability

We all know the power of qualitative testing. Employing platforms to determine the best user experience and using focus groups to target the ideal user to manage the testing process can provide a valuable but all too 'hands-off' approach to…