Pratique du Shadowing: Input Controls: Design Patterns and Best Practices | Course Preview - 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.
41 phrases
Si les phrases sont trop courtes ou trop longues, cliquez sur Edit pour les ajuster.
1
Input controls are everywhere.
2
They're how we enter data, complete forms and interact with digital interfaces.
3
But let's be honest, sometimes they make things way harder than they need to be.
4
Poorly designed. Input controls don't just slow users down.
5
They hinder users from reaching their goals or worse make them give up.
6
So let's break down three common input, control mistakes and how to fix them.
7
Mistake number one, using a slider for precise input.
8
Sliders are fun and interactive, but they are a nightmare.
9
When precision matters. Take height input. For example.
10
Users know their height off the top of their heads.
11
It's not something they need to explore by sliding back and forth.
12
Yet with the slider, they are forced to carefully drag the handle to a precise spot without accidentally nudging it too far.
13
It's tedious and unnecessary.
14
A simple number field is much better choice here.
15
It allows users to type in the exact value quickly.
16
Saving users a hassle, fine tuning the slider.
17
Mistake number two, hiding options in a long dropdown list.
18
Many designers assume that dropdowns are ideal for long lists, but that's actually a myth.
19
While dropdown lists can save space by hiding options, they don't make selection process any easier.
20
In fact, they make it harder. Think about country selection.
21
No one wants to scroll through 200 plus options just to find their own country, especially on mobile.
22
When you have a long list of options, say more than 15.
23
Consider using a combo box with auto complete.
24
It combines a text field with a dropdown list, letting users type to filter results.
25
This makes the selection process faster, easier, and more efficient.
26
Mistake number three, using a calendar picker for distant dates.
27
Calendar pickers are great for scheduling events in the near future, but they are awful for entering dates from the distant past.
28
Like birth dates, no one should have to tap through decades of months just to reach their birth year.
29
Dropdowns aren't much better either.
30
Selecting day, month, and year from long dropdown list is just another form of unnecessary scrolling.
31
The best solution here is simple text fields with clear formatting.
32
Set the input type to ensure mobile users receive a numeric keyboard.
33
You can use a single field with an input mask that inserts the separator symbols automatically, or split it into three separate ones.
34
Just make sure users know the expected format.
35
If you are worried about user mixing up the day and month, consider spelling out the month.
36
In this case, a dropdown just for the month can be a reasonable compromise.
37
It's only 12 options, not hundreds. At the end of the day.
38
Designing input controls is about understanding user needs and the data you are collecting.
39
The best input control should feel invisible.
40
They don't make users think, struggle or waste time.
41
When in doubt, keep it simple and your user will. Thank 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
B24
Usability Heuristic 1: Visibility of System Status
Daily ConversationWorking Adults
C13
Democratizing User Research
Daily ConversationUniversity StudentsWorking Adults
C18
Types of Surveys to Run Throughout the Design Process
Daily ConversationWorking Adults
C12
How to Avoid Doing UX Theatre
Daily ConversationUniversity StudentsWorking Adults
B27
Usability Heuristic 3: User Control & Freedom
Daily ConversationUniversity StudentsWorking Adults
B22
UX Research Job Interviews: 5 Things to Showcase
Interview EnglishWorking Adults
B26
Validate Your Visual Design: 6 Methods
Business EnglishUniversity StudentsWorking Adults
C17
Are You Supporting Legacy Users?
Daily ConversationWorking Adults
C110
Usability Heuristic 2: Match Between the System and the Real World
Daily ConversationUniversity StudentsWorking Adults
C121
Design Systems vs. Style Guides
Business EnglishUniversity StudentsWorking Adults
B22
Storytelling in User Research
Daily ConversationWorking Adults
C18
Design Thinking 101
Business EnglishUniversity StudentsWorking Adults
C121
Don’t Start with AI, Start with the Problem
Business EnglishUniversity StudentsWorking Adults
C114
Object-Oriented UX (OOUX)
Business EnglishUniversity StudentsWorking Adults
C112
Heuristic Evaluations: How to Plan, Conduct, and Report Results | Course Preview
Business EnglishUniversity StudentsWorking Adults
C15
Overcoming Service Blueprinting Frustrations
Business EnglishWorking Adults
C13
Data vs. Findings vs. Insights
Business EnglishUniversity StudentsWorking Adults
C110
10 Usability Heuristics: From Theory to Practice | Course Preview
Business EnglishUniversity StudentsWorking Adults
C12
UX vs. UI
University StudentsWorking Adults
B2AI Strategy: 3 Key Questions
Business EnglishWorking Adults
FOR YOU
Vidéo recommandée
C171 phrases
6 Habits Destroying Your English (Fix These NOW)
Business EnglishUniversity StudentsWorking Adults
C12
78 phrases
Why 95% of Android Developers Get Use Cases Wrong
Business EnglishUniversity StudentsWorking Adults
C12
11 phrases
What are Design Patterns? | Introduction to Design Patterns and Principles | Geekific
Business EnglishUniversity StudentsWorking Adults
C117
118 phrases
Computational Linguistics: Crash Course Linguistics #15
Business EnglishUniversity StudentsWorking Adults
C11
184 phrases
10 Essential React Native Tips Every Developer Must Know
Daily ConversationUniversity StudentsWorking Adults
C13
231 phrases
5 CSS fouls that I see way too often
Business EnglishUniversity StudentsWorking Adults
C14
164 phrases
System Design Mock Interview: Design Facebook Messenger
Business EnglishUniversity StudentsWorking Adults
C12
166 phrases
WWDC26: Modernize your UIKit app | Apple
Business EnglishUniversity StudentsWorking Adults
C15
317 phrases
Give Me 18 Minutes and I’ll Make you Dangerously Smart (with AI)
Business EnglishUniversity StudentsWorking Adults
B2435 phrases
Color Palettes Worth Another Look
Business EnglishDaily ConversationUniversity Students
C13
214 phrases
Data Structures Explained for Beginners - How I Wish I was Taught
Business EnglishInterview EnglishUniversity Students
Vocabulaire et conseils d’expression pour cette leçon
Cette leçon d’expression orale de niveau C1 s’appuie sur la vidéo « Input Controls: Design Patterns and Best Practices ». Les mots qui reviennent le plus souvent : user, input, dropdown, options, month. Cette vidéo contient 41 phrases et 491 mots à répéter en shadowing. La partie parlée dure 3:09. Le locuteur parle à un rythme naturel d’environ 156 mots par minute, proche d’une conversation courante. Seuls 79 % 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 |
|---|---|---|
| dropdown adjectif | déroulant | |
| slider nom | /ˈslaɪdɚ/ | tirette |
| picker nom | /ˈpɪkə(ɹ)/ | cueilleur, glaneur |
| scroll nom | /skɹoʊl/ | rouleau (de papyrus ou de parchemin), papyrus |
| hinder verbe | /ˈhɪndɚ/ | entraver |
| tedious adjectif | /ˈtiː.dɪəs/ | fastidieux, laborieux |
| hassle nom | /ˈhæsl̩/ | tracas, peine |
| automobile nom | /ˈɔː.tə.məˌbil/ | voiture, auto |
| spelling nom | /ˈspɛl.ɪŋ/ | orthographe |
| precision nom | /pɹɪˈsɪʒ.ən/ | précision |
| insert verbe | /ɪnˈsɝt/ | insérer, introduire |
| interact verbe | /ɪn.təˈɹækt/ | interagir |
| interactive adjectif | /ˌɪn.tɚˈæk.tɪv/ | interactif |
| myth nom | /mɪθ/ | mythe |
| invisible adjectif | /ɪnˈvɪzəb(ə)l/ | invisible |
Les verbes à particule que vous entendrez
| Mot | Sens |
|---|---|
| break down verbe | tomber en panne |
| give up verbe | se rendre |
Prononciation à surveiller
Le locuteur utilise 5 contractions et formes réduites, comme don't, aren't, they're. Prononcez-les sous leur forme courte, telles que vous les entendez.
- Mots longs — placez bien l’accent: separator /ˈsɛpəˌɹeɪtəɹ/, automobile /ˈɔː.tə.məˌbil/, interactive /ˌɪn.tɚˈæk.tɪv/, invisible /ɪnˈvɪzəb(ə)l/
Les sons difficiles pour les francophones :
- /h/ — il se souffle, il n’est pas muet: hinder /ˈhɪndɚ/, hassle /ˈhæsl̩/
- /r/ anglais — langue recourbée, sans frotter la gorge: picker /ˈpɪkə(ɹ)/, scroll /skɹoʊl/, numeric /n(j)uːˈmɛɹɪk/, separator /ˈsɛpəˌɹeɪtəɹ/, precision /pɹɪˈsɪʒ.ən/
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.
- Commencez à la vitesse 0,75×, répétez phrase par phrase, puis revenez à la vitesse normale quand cela devient facile.
- Enregistrez-vous et comparez avec l’original, en faisant attention à des mots comme dropdown, slider, picker.
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é.