When was the last time you visited a website and really felt drawn into their story and brand? I mean, you really connected with what the company was all about, and their story led you to take action.
For me, it was experiencing Medium for the first time. If you haven’t heard, Medium is a platform built by Evan Williams (@Ev), co-founder of Twitter, that allows anyone to read and write content with almost zero learning curve.
Medium’s storytelling drew me in and caused me to become a regular contributor and consumer of their content. I now promote Medium pretty frequently, sharing the things I read and write.
Storytelling matters for a lot of reasons. GrooveHQ increased the number of people to reach the bottom of their blog posts by 300% by focusing on telling compelling stories. But if that’s not enough to tickle your fancy, there’s more...
Credit: Nielsen Norman Group
In fact, let me tell you a story:
I recently read the book by Tony Robbins called Money: Master the Game. Tony told stories of people who lost their entire retirement fund, meaning they could no longer retire after 40 or more years of working toward it!
These stories, mixed with stories of ordinary people who could retire on a modest salary, inspired me to open an investment account and start saving for my “retirement” (which I’m not sure will ever happen, but at least I’ll have the money to do so if I choose!)
In essence, stories connect your audience to your brand, allowing you to create lasting and meaningful change in their lives.
I hope by now I’ve convinced you of the importance of storytelling. Now it’s time to talk about what you came for: the fundamentals of storytelling in UX and web design.
Your content, from your design to your copy, must captivate your visitors. If it’s not relevant to their lives, they have no reason to stick around.
Your story must be created with a structure in mind. There should be an obvious beginning, middle, and end. This could mean an introduction, an explainer video, and a call to action.
You need to know why you’re telling this story. What do you want your audience to take away? Is it a worthwhile message?
Are you cutting out any unnecessary extras? No matter how good a sentence, picture, or page may be, if it doesn’t add value to the overall message, you must be willing to remove it. In writing and UX design, less is often more.
Is your story true to you? If you’re putting up a facade, or writing something that doesn’t resonate with yourself or your brand, your users will be able to tell. The story you build through UX should check off all these boxes. There are practical steps to accomplishing that goal.
Theory is great and all, but we’re business people. We want to know the down and dirty “what’s working and how do I implement it?” advice. So I’ll give you just that.
There are a million ways to tell a story. When I asked the last time you were moved by a story, I didn’t just mention a book - I said read, watched, or listened. Storytelling is a multi-faceted experience, meaning you can combine stimuli to weave together a story stronger than the sum of its parts.
The last time you watched a good video or movie, there were colors, words, sounds, music, faces, people, and a million other subtle things influencing your feelings about the video. You can do the same thing with UX.
Some of these facets of UX include:
It’s much easier to tell an engaging and appealing story with words. Doing so with just pictures is possible, but not easy. Luckily, UX includes more than just pictures.
Are you going to be a standout and use profanities? Or is your style more calm and collected? Will you use words like “elegant” and “classy” or “elitist” and “critical”?
Will your sentences be short and conversational, or will you write long, complex, scientific, data-driven research articles meant only for a very specific audience able to understand your sophisticated wording and terms? (Did you follow all that?)
Knowing your brand’s story and personality will help you answer these questions.
You need to figure out what that story is in order to figure out how to tell it.
Will you quickly move from one subject to another, with a lot going on? Or will your style be more relaxed, slowly allowing your visitors to take it all in at their own pace?
What do you want the overall feel of the UX to be? Formal, casual, or something in-between?
This will depend on the type of relationship you want your customers to have with your brand, and you’ll want it to be consistent across different touchpoints.
Gamification is the process of taking your website and adding game elements to it. Progress bars, reward points programs, and actual games on your website are all examples of gamification.
Gamification progress bar
Gamification works well to enhance your story because it engages visitors in a way passive design simply can’t do. It triggers a cycle of a cue, a routine, and a reward.
For example, Dropbox’s use of gamification is in large part the key to their huge success. They gave mini tasks like installing the program, sharing a folder, and inviting friends. They even used copy saying “The seven quests”.
The cue was this popup, the routine was checking off small, easy tasks, and the reward was increased space to store your files.
Image credit: Dropbox
One of the best—and boldest—ways to tell your story is through interactive elements in your design.
One of my favorite examples of companies who do this well is Humaan. Their about page has two cool features that stick out:
1. When you hover over an employee, it tells you more about them and shows their social links.
2. At the bottom of the page, it calculates some cool stats to show you that give you behind-the-scenes of their brand’s story.
By allowing users to see behind the scenes of your company, you’re creating a more personal experience. People want to know the faces behind the brand.
Storytelling in UX is not easy. If it were, everyone would be doing it.
But it does work. The quicker you capture the user’s attention, the longer they’ll stay on your page and the more they’ll engage with your content. The more they engage with your content, the higher the chance they’ll buy.
Storytelling done well means a bigger bottom line.
It’s all about the user. Every image you share, every word you write, every design element you create all leads back to the user. So, come up with your brand’s story, use the tactics mentioned above, and check your end product against the fundamentals of storytelling to create the ultimate user experience.
Good luck, and have fun!