Shadowing Practice: Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak - Learn English Speaking with Video
Kies een oefenmodus
Elke modus opent een volledig scherm oefenruimte.
49 zinnen
Als zinnen te kort of te lang zijn, klik op Bewerken om ze aan te passen.
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
App downloaden
Alles wat je nodig hebt om vloeiend te spreken
AI UitspraakScoor elke zin
IPA OefeningBeheers elk geluid
WoordenschatBouw je woordenschat op
WoordenspelLeren terwijl je speelt
Zelfde Kanaal
FOR YOU
Aanbevolen Video
B21
135 zinnen
How to Become a UX Designer in 2025 (No Degree or Bootcamp)
Daily ConversationUniversity StudentsWorking Adults
B22
206 zinnen
Master English storytelling (secret technique)
Business EnglishDaily ConversationUniversity Students
B26
24 zinnen
Usability Heuristic 3: User Control & Freedom
Daily ConversationUniversity StudentsWorking Adults
B22
37 zinnen
How to Make a Mind Map - The Basics
Daily ConversationUniversity StudentsWorking Adults
C11
83 zinnen
How an Agile Coach can help Product Owners
Daily ConversationUniversity StudentsWorking Adults
B22
188 zinnen
Dot Plots: How to Actually See What Your Users Are Doing
Daily ConversationWorking Adults
C11
293 zinnen
Is AI Killing Human Fashion Design? Who Will Shape the Future of Design? Fashion Tea #6
Daily ConversationUniversity StudentsWorking Adults
B21
50 zinnen
Video
Daily ConversationUniversity StudentsWorking Adults
B21
83 zinnen
User Flow vs Task Flow in UX Design
Daily ConversationWorking Adults
C12
236 zinnen
The 7 Quality Control (QC) Tools Explained with an Example!
Daily ConversationUniversity StudentsWorking Adults
B21
155 zinnen
Want To Make Your Ideas Stick? Make It Into A Meme!
Business EnglishUniversity StudentsWorking Adults
C12
52 zinnen
How to Avoid Doing UX Theatre
Daily ConversationUniversity StudentsWorking Adults
Woordenschat en spreektips bij deze les
Deze spreekles op niveau B2 is gebaseerd op de video “Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples”. Deze woorden komen het vaakst terug: storyboard, user, storyboarding, step, product. Deze video bevat 49 zinnen en 662 woorden om na te spreken. Het gesproken deel duurt 4:34. De spreker praat in een gelijkmatig tempo van ongeveer 145 woorden per minuut, prettig om te shadowen. Slechts 78% van de woorden hoort bij de 3.000 meest gebruikte Engelse woorden, dus de woordenschat is pittig.
Belangrijke woorden in deze video
De 15 moeilijkste woorden uit de video, met uitspraak en betekenis:
| Woord | Uitspraak | Betekenis |
|---|---|---|
| stakeholder zelfstandig naamwoord | /ˈsteɪkˌhəʊl.də/ | belanghebbende |
| prototype zelfstandig naamwoord | /ˈpɹəʊtətaɪp/ | prototype |
| depict werkwoord | /dɪˈpɪkt/ | afbeelden, beschrijven |
| scenario zelfstandig naamwoord | /sɪˈnɛəɹioʊ/ | scenario |
| caption zelfstandig naamwoord | /ˈkæp.ʃən/ | titel, hoofding |
| blueprint zelfstandig naamwoord | /ˈbluːˌpɹɪnt/ | cyanotypie |
| cinematography zelfstandig naamwoord | /ˌsɪn.ə.məˈtɒɡ.ɹə.fiː/ | filmkunst |
| repository zelfstandig naamwoord | /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/ | opslagplaats, depot |
| revise werkwoord | /ɹɪˈvaɪz/ | herzien |
| visualization zelfstandig naamwoord | /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/ | visualisatie |
| visualize werkwoord | /ˈvɪʒuəˌlaɪz/ | visualiseren |
| straightforward bijvoeglijk naamwoord | /ˌstɹeɪtˈfɔː(ɹ)wə(ɹ)d/ | makkelijk, eenvoudig |
| clarify werkwoord | /ˈklæɹ.ɪ.faɪ/ | klaren |
| coupon zelfstandig naamwoord | /ˈkuːˌpɑn/ | coupon |
| leverage zelfstandig naamwoord | /ˈlɛv.(ə.)ɹɪd͡ʒ/ | hefboom, hefboomkracht |
Phrasal verbs die je zult horen
| Woord | Uitspraak | Betekenis |
|---|---|---|
| check out werkwoord | onderzoeken | |
| fill out werkwoord | /fɪl ˈaʊt/ | invullen |
Uitspraak om op te letten
De spreker gebruikt 4 samentrekkingen en verkorte vormen, zoals don't, you're. Spreek ze kort uit, zoals je ze hoort.
- De klanken “sh” en “zh”: caption /ˈkæp.ʃən/, misconception /ˌmɪs.kənˈsɛp.ʃən/, visualization /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/, visualize /ˈvɪʒuəˌlaɪz/, satisfaction /sætɪsˈfækʃən/
- Lange woorden — let op de klemtoon: cinematography /ˌsɪn.ə.məˈtɒɡ.ɹə.fiː/, misconception /ˌmɪs.kənˈsɛp.ʃən/, repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/, visualization /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/, satisfaction /sætɪsˈfækʃən/
Klanken die Nederlandstaligen lastig vinden:
- Stemhebbende eindmedeklinker — /b/, /d/, /g/, /z/, /v/ niet verscherpen: revise /ɹɪˈvaɪz/, visualize /ˈvɪʒuəˌlaɪz/, utilize /ˈjuː.tɪ.laɪz/, straightforward /ˌstɹeɪtˈfɔː(ɹ)wə(ɹ)d/, leverage /ˈlɛv.(ə.)ɹɪd͡ʒ/
- /æ/ — opener dan de Nederlandse “e”: caption /ˈkæp.ʃən/, clarify /ˈklæɹ.ɪ.faɪ/, interact /ɪn.təˈɹækt/, satisfaction /sætɪsˈfækʃən/
Zo oefen je met deze video
- Luister de hele video één keer zonder te spreken en noteer de woorden die je niet kent.
- Spreek zin voor zin na op normale snelheid en herhaal elke zin tot je ritme gelijk is aan dat van de spreker.
- Neem jezelf op en vergelijk met het origineel; let daarbij op woorden als stakeholder, prototype, depict.
Wat is de Shadowing-techniek?
Shadowing is een wetenschappelijk onderbouwde taalleermethode die oorspronkelijk is ontwikkeld voor professionele tolkentraining en gepopulariseerd door polyglot Dr. Alexander Arguelles. De methode is eenvoudig maar krachtig: je luistert naar native Engelse audio en herhaalt het onmiddellijk hardop — als een schaduw die de spreker volgt met slechts 1–2 seconden vertraging. In tegenstelling tot passief luisteren of grammaticadrills, dwingt shadowing je hersenen en mondspieren om echte spraakpatronen tegelijkertijd te verwerken en te reproduceren. Onderzoek toont aan dat het de uitspraaknauwkeurigheid, intonatie, ritme, verbonden spraak, luisterbegrip en spreekvaardigheid aanzienlijk verbetert — waardoor het een van de meest effectieve methoden is voor IELTS Speaking-voorbereiding en echte Engelse communicatie.