Pratique du Shadowing: Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak - Apprendre l'anglais à l'oral avec la vidéo
Choisissez un mode d'entraînement
Chaque mode ouvre une salle d'entraînement en plein écran.
49 phrases
Si les phrases sont trop courtes ou trop longues, cliquez sur Edit pour les ajuster.
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
Télécharger l'application
Tout pour parler couramment
Prononciation IAChaque phrase notée
Phonétique (IPA)Maîtrisez chaque son
VocabulaireEnrichissez votre lexique
Jeu de vocabulaireApprenez en jouant
Même chaîne
FOR YOU
Vidéo recommandée
B21
135 phrases
How to Become a UX Designer in 2025 (No Degree or Bootcamp)
Daily ConversationUniversity StudentsWorking Adults
B22
206 phrases
Master English storytelling (secret technique)
Business EnglishDaily ConversationUniversity Students
B26
24 phrases
Usability Heuristic 3: User Control & Freedom
Daily ConversationUniversity StudentsWorking Adults
B22
37 phrases
How to Make a Mind Map - The Basics
Daily ConversationUniversity StudentsWorking Adults
C11
83 phrases
How an Agile Coach can help Product Owners
Daily ConversationUniversity StudentsWorking Adults
B22
200 phrases
Give Me 15 Minutes. I'll Teach You 80% of Obsidian
Daily ConversationUniversity StudentsWorking Adults
C11
52 phrases
How to Avoid Doing UX Theatre
Daily ConversationUniversity StudentsWorking Adults
B21
50 phrases
Video
Daily ConversationUniversity StudentsWorking Adults
C11
293 phrases
Is AI Killing Human Fashion Design? Who Will Shape the Future of Design? Fashion Tea #6
Daily ConversationUniversity StudentsWorking Adults
B22
188 phrases
Dot Plots: How to Actually See What Your Users Are Doing
Daily ConversationWorking Adults
C12
236 phrases
The 7 Quality Control (QC) Tools Explained with an Example!
Daily ConversationUniversity StudentsWorking Adults
C11
346 phrases
Trust the Process: How to Design Teams That Actually Work
Daily ConversationUniversity StudentsWorking Adults
Vocabulaire et conseils d’expression pour cette leçon
Cette leçon d’expression orale de niveau B2 s’appuie sur la vidéo « Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples ». Les mots qui reviennent le plus souvent : storyboard, user, storyboarding, step, product. Cette vidéo contient 49 phrases et 662 mots à répéter en shadowing. La partie parlée dure 4:34. Le locuteur parle à un rythme régulier d’environ 145 mots par minute, confortable pour le shadowing. Seuls 78 % des mots font partie des 3 000 mots les plus courants en anglais, le vocabulaire est donc exigeant.
Vocabulaire clé de cette vidéo
Les 15 mots les plus avancés de la vidéo, avec leur prononciation et leur sens :
| Mot | Prononciation | Sens |
|---|---|---|
| stakeholder nom | /ˈsteɪkˌhəʊl.də/ | agent d'entiercement, plaideur |
| prototype nom | /ˈpɹəʊtətaɪp/ | prototype |
| depict verbe | /dɪˈpɪkt/ | représenter, décrire |
| persona nom | /pɝˈsoʊnə/ | rôle social m casquette |
| scenario nom | /sɪˈnɛəɹioʊ/ | scénario |
| caption nom | /ˈkæp.ʃən/ | légende |
| blueprint nom | /ˈbluːˌpɹɪnt/ | cyanotype |
| cinematography nom | /ˌsɪn.ə.məˈtɒɡ.ɹə.fiː/ | cinématographie |
| misconception nom | /ˌmɪs.kənˈsɛp.ʃən/ | idée erronée |
| repository nom | /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/ | chambre-forte, coffre-fort |
| revise verbe | /ɹɪˈvaɪz/ | revoir |
| visualization nom | /ˌvɪʒ.ʊ.ə.laɪˈzeɪ.ʃən/ | visualisation |
| visualize verbe | /ˈvɪʒuəˌlaɪz/ | visualiser |
| straightforward adjectif | /ˌstɹeɪtˈfɔː(ɹ)wə(ɹ)d/ | facile, aisé |
| clarify verbe | /ˈklæɹ.ɪ.faɪ/ | clarifier |
Les verbes à particule que vous entendrez
| Mot | Prononciation | Sens |
|---|---|---|
| check out verbe | mater, regarder | |
| fill out verbe | /fɪl ˈaʊt/ | remplir, compléter |
Prononciation à surveiller
Le locuteur utilise 4 contractions et formes réduites, comme don't, you're. Prononcez-les sous leur forme courte, telles que vous les entendez.
- Les sons « sh » et « 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/
- Mots longs — placez bien l’accent: 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/
Les sons difficiles pour les francophones :
- /tʃ/ et /dʒ/ — à ne pas adoucir en « ch » et « j »: leverage /ˈlɛv.(ə.)ɹɪd͡ʒ/, sketch /ˈskɛt͡ʃ/
- /r/ anglais — langue recourbée, sans frotter la gorge: prototype /ˈpɹəʊtətaɪp/, scenario /sɪˈnɛəɹioʊ/, blueprint /ˈbluːˌpɹɪnt/, cinematography /ˌsɪn.ə.məˈtɒɡ.ɹə.fiː/, repository /ɹɪˈpɒz.ɪ.t(ə.)ɹɪ/
Comment s’entraîner avec cette vidéo
- Écoutez la vidéo en entier une fois sans parler et notez les mots que vous ne connaissez pas.
- Répétez phrase par phrase à vitesse normale, en reprenant chacune jusqu’à ce que votre rythme corresponde à celui du locuteur.
- Enregistrez-vous et comparez avec l’original, en faisant attention à des mots comme stakeholder, prototype, depict.
Qu'est-ce que la technique du Shadowing ?
Le Shadowing est une technique d'apprentissage des langues fondée sur la science, développée à l'origine pour la formation des interprètes professionnels. Le principe est simple mais puissant : vous écoutez de l'anglais natif et le répétez immédiatement à voix haute — comme une ombre suivant le locuteur avec un décalage de 1 à 2 secondes. Les recherches montrent une amélioration significative de la précision de la prononciation, de l'intonation, du rythme, des liaisons, de la compréhension orale et de la fluidité.