Storytelling

Your constantly-updated definition of Storytelling and collection of videos and articles

What is Storytelling?

Designers use storytelling to get insight into users, build empathy and reach them emotionally. Designers create personas to represent target users and add conflict to stories that reflect their user journeys and problems. Crafting stories, designers can better understand what users want from a solution.

See why users love stories.

How Storytelling Works in Design

Good stories always captivate audiences. In user experience (UX) design, you use storytelling throughout the design process to ensure that all work focuses on the users’ needs and the value you want to give those users. After completing design research to understand your users’ needs and desires, you use your insights to tell a story about who your users are, what they need and how you’ll provide that. This story makes it easy for everyone involved in the project to empathize with the users and ensure their work matches the story. Having a story throughout your project means marketing the design at the end of the design process is also straightforward, as you already know exactly which story to tell to show how your product provides value.

“People think that stories are shaped by people. In fact, it’s the other way around.”

—Terry Pratchett, Famous fantasy author

What Makes Good Stories?

The renowned philosopher Aristotle wrote extensively on storytelling. His formula is a checklist for what your stories should contain.

  1. PlotWhat are users trying to achieve/overcome?

  2. CharacterWho are the users: not just demographically, but what insights do you need to understand what they (and their needs) are truly like?

  3. ThemeHow can you establish a trustworthy presence to them and still set yourself apart from competitors? How will you reflect the overall obstacles users must overcome?

  4. Dialogue/DictionWhat will your design say to users, and how? Does a formal/informal tone match their expectations? How much text is appropriate?

  5. MelodyHow will the overall design pattern appear pleasant and predictable to users, moving them emotionally?

  6. DécorHow will you present everything so the graphics match the setting the users can sense? Would a classic design or stylized, niche layout meet their expectations?

  7. SpectacleHow can you make your design outstanding so users will remember it?

How to Reach Users Through Stories

You can use storytelling in your design process to present your user research results in an engaging way and create empathy with your target users. This will help you steer the design process and keep it user-centric. Here’s what you can do:

  1. Define your target users with personas – to envision users’ likely experiences and gain empathic insights. Personas are based on user research but tell a story about your insights. An example persona might be “Rick,” a 47-year-old manager struggling with his work–family-life balance. He even works on his train commutes. Feeling drained, he wants better control of his life.

  2. Create a plot with conflict – to make the personas heroes and envision how they can overcome specific problems using your design. Make this a mapped-out journey or storyboard with each persona’s aim/s clearly defined. E.g.:

    1. Rick discovers your (yet-to-be-designed) time-management app online. He downloads it and completes your questionnaire about work commitments, family, outgoings, etc.

    2. He starts using your app, letting it collect data from his phone and fitness tracker about time on various tasks/activities, stress levels, alertness, etc.

    3. After a week, your app charts his tasks and activities, including sleep, heart-rate data, etc.

    4. Tapping a phone tab, Rick sees time-management suggestions on how to become more productive, well-rested, etc.

    5. He can continue or suspend monitoring (if on holiday/vacation or otherwise occupied).

  3. Give your design the supporting role – show it improving your persona’s/user’s life and how easy it is to use. For example, consider how many steps Rick needs to use your app and if voice-controlled devices at home might influence its suggestions.

  4. Work with the setting –When and where users use your design is vital for building empathy. For Rick, it’s the home, train and workplace. But what about (e.g.) busy professionals working from home?

  5. Tailor the look/feel – Your design’s appearance is vital regardless of its functional benefits, so design the most appropriate (e.g.) layout, colors, and typography. For example, Rick prioritizes an at-a-glance, easy-to-use design, but soothing colors complement larger fonts, etc.

Always Consider

  • The What – The user problem/s you define: E.g., They work too much overtime because of…? Budgeting problems at home?

  • The Who – The users themselves, envisioned through personas. This includes influential people in the main user’s/persona’s story. You can identify them using customer journey maps.

  • The How – Your story arc, with a beginning, middle and end. From introducing the player/s at the beginning, you build towards their biggest problems (which many factors can affect) and finish with the happy ending your design delivers.

Your story narratives are “magic mirrors”—proving fine-tuned empathy and connection with users’ values—where users discover how to make their own happy endings.

Ultimately, your design should predict your target users’ actions at every level possible. Testing will help confirm how successful it is.

Learn More about Storytelling

Take our course featuring storytelling An Introduction to Interaction Design for Usability

Explore place-based storytelling in our course UX Design for Augmented Reality.

Read an in-depth, example-rich treatise on storytelling Storytelling for User Experience.

Discover storytelling’s importance for apps in The Art Of Storytelling Around An App — Smashing Magazine.

Read UX designer and product strategist Sarah Doody on the value of storytelling Why We Need Product Storytellers At The Heart Of Product & Technology – Sarah Doody.

Find helpful insights about visual storytelling in Visual storytelling for UI-UX design with examples.

Literature on Storytelling

Here’s the entire UX literature on Storytelling by the Interaction Design Foundation, collated in one place:

Learn more about Storytelling

Take a deep dive into Storytelling with our course Interaction Design for Usability .

This course will teach you fundamental usability concepts and methods and will tie them together with interaction and visual design. By completing the course, you will become equipped with the tools required to create products with outstanding user experience and usability. Your newly acquired knowledge will also enable you to reduce the costs, risk, and time required to design and implement such products.

You’ll learn to adopt a user-centered approach to UX design and usability so you can create user-friendly products that people love to use—for example, by allowing for user errors and providing timely feedback messages. More importantly, it is crucial that your entire team—developers, project managers, and product owners alike—adopt this holistic, user-centered mindset. This course therefore aims to provide any team member with just that: it will not only equip you with fundamental usability and design concepts, but also introduce you to lean and agile processes that will allow your whole team to become design-centric.

You should take this course if you belong to a team whose goal is to create a great product—whatever role you play in that. The fact of the matter is that usability experts and UX designers are just the tip of the iceberg when it comes to the people who influence the design of a product. A sound understanding of user-centered design processes is thus greatly beneficial whether you’re a UX designer, developer, or a newcomer to design who wants to be part of a product team one day.

All open-source articles on Storytelling

Please check the value and try again.

Open Access - Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help democratize design knowledge!