Storyboarding

A visualization technique that employs comics to showcase a user's interaction with a proposed service, focusing on the narrative rather than illustration quality.

About

A Storyboard is a visual representation that outlines the sequence of events, scenes, or interactions in a narrative form. Often used in film production, animation, and user experience design, Storyboards provide a clear and engaging overview of the flow, transitions, and key moments. They are valuable in visual communication, concept development, and user journey mapping, where visualizing ideas, aligning stakeholders, and guiding production leads to cohesive storytelling and effective execution.

Suitable for

  • Quick presentation of scenarios for future use of the service.
  • Initial service design from user's perspective.
  • Initial testing of the service design.

Deliverables

Storyboard Template

A reusable template for structuring the flow of storylines, characters, and scenes, which serves as a base for creating multiple storyboards.


Character Profiles

A detailed description of each character in the storyboard, including their backgrounds, roles, motivations, and goals within the context of the user experience.


Scene Descriptions

Written descriptions of each scene in the storyboard, highlighting the situation, environment, actions, and objectives of the characters involved.


Visual Illustrations

Detailed illustrations or sketches that visually represent each scene in the storyboard, helping to communicate the flow and interaction between characters and the environment.


Scene Transitions

A depiction of the transitions between scenes that help convey the flow of the story and how the characters move from one scenario to another.


User Journey Map

A visual representation of the user's journey through the experience as depicted in the storyboard, detailing key touchpoints, actions, decisions, and emotions the user encounters while interacting with the product or service.


Annotations and Notes

Supplementary information added to the storyboard, such as time constraints, design considerations, potential challenges, and solutions to help stakeholders understand the intention and context of the story.


Storyboard Presentation

A presentation that walks stakeholders through the storyboard, explaining the context, goals, insights, and key learnings from the storyboarding process, reinforcing the importance of user-centric design decisions.

Procedure

1

Define the problem or goal

Identify the problem you want to solve or the goal you want to achieve through the storyboard. This includes understanding user needs and the context in which the solution will be used.

2

Identify user personas

Develop one or more user personas that represent your target audience. These personas should include information about the user's demographics, needs, behaviors, and motivations.

3

Outline the user journey

Create a high-level overview of the user's journey from start to finish, focusing on the main touchpoints and interactions with the product or service. Identify key moments, pain points, and areas of opportunity.

4

Determine key scenes

Break down the user journey into specific scenes or steps that represent key moments or interactions. These scenes will be the basis for your storyboard panels.

5

Sketch storyboard panels

Create a series of panels that visually represent each key scene from the user journey. Keep the sketches simple and focus on conveying the main idea or interaction. Use arrows or other visual cues to guide the viewer through the story.

6

Add narration and context

Provide additional context and explanation for each panel by adding captions or descriptions. This can include information about the user's thoughts, emotions, actions, or the context in which the interaction is occurring.

7

Review and refine

Review the entire storyboard with your team or stakeholders, and gather feedback to ensure accuracy and completeness. Make any necessary revisions to improve clarity, flow, and narrative.

8

Validate with users

Test your storyboard with a small group of target users to gather feedback and insights about the user experience, making sure the solution being presented effectively addresses their needs and pain points. Iterate on the design based on the feedback received.

9

Document and share

Finalize your storyboard by incorporating any feedback and iterations from the validation process. Create a digital version or high-quality physical copy and share it with your team, stakeholders, and other relevant parties for future reference or implementation.

Support the project

Donate to UX Methods today. As the largest UX method database on the web, your contributions will help maintain our platform and drive exciting new features. Keep the resource free, up-to-date, and comprehensive for everyone. Make a difference in the UX community!