Shadowing Practice: Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak - Learn English Speaking with Video

Choose a practice mode

Each mode opens a full-screen practice room.

49 sentences
If sentences are too short or too long, click Edit to adjust them.
1
Do you find it challenging to get all of your team members on the same page about a product's design?
2
Then UX storyboards can be a great help for you.
3
And they are a super simple way to explain complex user flows to stakeholders to get their initial buy -in.
4
Hi, my name is Alex and welcome to UX Tweaks channel.
5
Today we are talking about UX storyboarding.
6
what it is, how to create a UX storyboard, and how to leverage AI to make the process straightforward.
7
UX storyboarding is the process of visualizing your users' interaction with the product.
8
In a sense, UX storyboards are similar to storyboards in cinematography.
9
They also contain pictures or sketches and captions for visualization purposes.
10
But instead of specific shots for a movie, UX storyboards depict how a user utilizes a product.
11
UX storyboarding is a great help in clarifying product vision with the team and stakeholders.
12
And you can use UX storyboarding sessions to lay the basis for a prototype you will use for testing.
13
A common misconception is that UX storyboarding is similar to creating wireframes.
14
However, storyboards and wireframes serve different purposes.
15
A storyboard shows the user's journey.
16
It highlights their emotions, goals, and how they interact with the product, step by step.
17
A wireframe, on the other hand, is a blueprint.
18
It focuses on the layout, structure, and features screens.
19
So while storyboards capture the users actions and experiences over time, wireframes focus on the design elements.
20
Let's look at an example of a UX storyboard for a food delivery app from the Nielsen Norman group.
21
You can see that the storyboard depicts seven main stages of the users interactions with the app.
22
You can also see an additional event right here.
23
It depicts a coupon that the user gets after they fill out the survey.
24
By creating this storyboard, the team can identify what main steps the user will take.
25
Subsequently, they can better identify main touch points where they can improve the user's experience.
26
This UX storyboard also helps understand where the user can be engaged in upselling or further interactions, such as taking customer satisfaction surveys.
27
So, how to create a UX storyboard?
28
First of all, you need to gather the data you will use for storyboarding.
29
The most important information is covered by a user persona, a specific user scenario for the user persona, and a journey map.
30
You can also do some UX secondary research before the storyboarding session.
31
When you're ready, start by focusing on the key steps that users take during the user flow.
32
Ensure your UX storyboard reflects real user scenarios.
33
Then, choose a user persona and a scenario to guide the story
34
and decide how detailed or high fidelity you want the visuals to be.
35
Plan out the panels or the main steps and add visual elements and captions to each one.
36
Remember, the visuals don't have to be perfect.
37
And to create visuals faster, you can use AI tools such as DALI to create them.
38
on drawing the pictures by hand, and you will have a digital version of the UX storyboard, which is easier to share with stakeholders.
39
Once the storyboard is ready, share it with the team, gather feedback, and revise as needed.
40
The next steps in the design process are creating your prototype and then testing it with your users.
41
If you need a tool for that, make sure to check out UX Tweaks prototype testing.
42
The link is in the description.
43
There we go.
44
UX storyboarding is definitely a great, helpful activity to do with your team before prototyping a product.
45
And don't forget, once your storyboards are finished, add them to your UX research repository.
46
This way you can easily keep track of the motivations behind your design decisions and share access to them with stakeholders.
47
Don't forget to like and subscribe to watch more videos on all things UX related.
48
See you next time.
49
you

Download App

Everything you need to speak fluently

AI PronunciationScore every sentence
IPA PracticeMaster every sound
VocabularyBuild your word bank
Vocab GameLearn while playing
Scan QR
Scan QR
Download on theApp StoreGet it onGoogle Play

Same Channel

JTBD Framework in UX w/ Examples | UXtweakB2
1

JTBD Framework in UX w/ Examples | UXtweak

Daily ConversationWorking Adults
FOR YOU

Recommend Video

How to Become a UX Designer in 2025 (No Degree or Bootcamp)B2
1
135 sentences

How to Become a UX Designer in 2025 (No Degree or Bootcamp)

Daily ConversationUniversity StudentsWorking Adults
Master English storytelling (secret technique)B2
2
206 sentences

Master English storytelling (secret technique)

Business EnglishDaily ConversationUniversity Students
Usability Heuristic 3: User Control & FreedomB2
5
24 sentences

Usability Heuristic 3: User Control & Freedom

Daily ConversationUniversity StudentsWorking Adults
How to Make a Mind Map - The BasicsB2
2
37 sentences

How to Make a Mind Map - The Basics

Daily ConversationUniversity StudentsWorking Adults
Give Me 15 Minutes. I'll Teach You 80% of ObsidianB2
2
200 sentences

Give Me 15 Minutes. I'll Teach You 80% of Obsidian

Daily ConversationUniversity StudentsWorking Adults
The 7 Quality Control (QC) Tools Explained with an Example!C1
2
236 sentences

The 7 Quality Control (QC) Tools Explained with an Example!

Daily ConversationUniversity StudentsWorking Adults
Trust the Process: How to Design Teams That Actually WorkC1
1
346 sentences

Trust the Process: How to Design Teams That Actually Work

Daily ConversationUniversity StudentsWorking Adults
VideoB2
1
50 sentences

Video

Daily ConversationUniversity StudentsWorking Adults
Forget Your Reading Journal, Do This InsteadB2
298 sentences

Forget Your Reading Journal, Do This Instead

Daily ConversationUniversity StudentsWorking Adults
User Flow vs Task Flow in UX DesignB2
1
83 sentences

User Flow vs Task Flow in UX Design

Daily ConversationWorking Adults
The future unfolds! How to optimize Android apps for adaptive layoutsC1
15
23 sentences

The future unfolds! How to optimize Android apps for adaptive layouts

Daily ConversationUniversity StudentsWorking Adults
Complete Roadmap for Backend Software Engineers (START HERE!)B2
3
443 sentences

Complete Roadmap for Backend Software Engineers (START HERE!)

Daily ConversationUniversity StudentsWorking Adults

Context & Background

In today's fast-paced digital landscape, effective communication is crucial for teamwork and collaboration, especially in fields like UX design. In the video titled "Learn UX Storyboarding in 5 Minutes," the speaker, Alex, highlights the significance of UX storyboarding as a tool for aligning team members and clarifying the product vision. By visualizing user interactions, stakeholders can better understand user journeys, enhancing both design and overall user experience. Utilizing this video not only helps in grasping the essential principles of UX storyboarding but also offers an excellent opportunity for English language learners to improve their speaking and communication skills.

Top 5 Phrases for Daily Communication

  • “Get all of your team members on the same page” - A phrase indicating the need for team alignment and communication.
  • “Visualizing your users' interaction with the product” - Emphasizes the importance of understanding how users engage with a product.
  • “Clarifying product vision” - Refers to the need for clear communication regarding the goals and design of a project.
  • “User scenarios and journey map” - Key components in UX design that help depict user experiences.
  • “Gather feedback and revise as needed” - A vital step in the design process that highlights the iterative nature of development.

Step-by-step Shadowing Guide

Improving your English speaking skills can be seamlessly integrated with learning UX storyboarding through this video. Follow this shadowing guide to maximize your practice:

  1. Select the video: Begin by watching the video to understand the concepts presented on UX storyboarding while immersing yourself in natural English communication.
  2. Listen and repeat: Play short segments of the video, pause, and repeat the speaker's phrases verbatim. Focus on intonation, pronunciation, and rhythm — this is an excellent way to refine your shadow speech.
  3. Emphasize key phrases: Pay particular attention to the top phrases listed above. Their practical use in UX demonstrates how to convey complex ideas clearly.
  4. Record yourself: After practicing the phrases, record your attempts. Listening back will help you identify areas for improvement in your english speaking practice.
  5. Engage in discussion: Share insights about UX storyboarding with a peer or language partner. Discuss how these principles apply to your own experiences, which will enhance both your English proficiency and your understanding of the topic.

Using a resource like this video as a tool for your shadow speaking exercise is an innovative way to learn English with YouTube while gaining valuable skills in UX design. Embrace this opportunity to boost your language capability and professional knowledge simultaneously!

What is the Shadowing Technique?

Shadowing is a science-backed language learning technique originally developed for professional interpreter training and popularized by polyglot Dr. Alexander Arguelles. The method is simple but powerful: you listen to native English audio and immediately repeat it out loud — like a shadow following the speaker with just a 1–2 second delay. Unlike passive listening or grammar drills, shadowing forces your brain and mouth muscles to simultaneously process and reproduce real speech patterns. Research shows it significantly improves pronunciation accuracy, intonation, rhythm, connected speech, listening comprehension, and speaking fluency — making it one of the most effective methods for IELTS Speaking preparation and real-world English communication.

Shadowing technique: read the full step-by-step guide →