Shadowing Practice: UX vs. UI - Learn English Speaking with YouTube

C1
- Our field is known for having confusing terms, words or acronyms that sound similar and are related but the core mean different things.
⏸ Paused
26 sentences
If sentences are too short or too long, click Edit to adjust them.
1
- Our field is known for having confusing terms, words or acronyms that sound similar and are related but the core mean different things.
2
While subtle these differences are important.
3
The most common of these is the name of our field, user experience, UX, versus user interface, UI.
4
What's the difference?
5
Let's start with user experience, UX.
6
User experience encompasses all aspects of the end user's interaction with the company, its services, its products.
7
This means identifying and designing a solution that meets the needs of our users, regardless of medium, without fuss or bother.
8
To do this, we must consider all aspects of the user's experience from having the right information to ease of use, to quick and concise customer help.
9
This usually means collaborating across departments and merging the services of multiple disciplines, engineering, marketing, graphic or industrial design.
10
Now let's distinguish between this total user experience, UX from what specifically the user sees, the user interface, UI.
11
User interface refers to the specific visual touchpoint or asset the user interacts with.
12
Think the look, the feel, the interactivity of a digital product.
13
UI is the cosmetics of the experience, typography, color, spacing, grids, icons, buttons.
14
Now of course, UI how something looks or feels plays a big role in UX.
15
So let's think about it this way.
16
Take a look at these three different cakes.
17
Each has a different user interface, what you see, the icing, the shape, the decoration.
18
This is all UI, the presentation.
19
It's the look and the feel even the visible cues or suggestions for interaction, like these dollops that insinuate one per slice, so six slices per this cake.
20
If I turn each of these around and we take a look at the inside, this is our UX.
21
It's the cake itself.
22
It's the core of the experience whether or not the cake tastes good, delivers on expectations or needs, is fully baked and then the quality of the ingredients.
23
Now, UX and UI go hand in hand.
24
As a UX designer conducts research, identifies the user's core needs, creates task flows and works through prototypes.
25
A UI designer may compose layouts, create a visual system, and build mockups.
26
A cake would look naked without the icing and the icing has no purpose without the cake.

Download App

AI scoring for every sentence you speak

TRENDING

Popular

About This Lesson

In this lesson, learners will engage with a fascinating discussion about UX (User Experience) and UI (User Interface). By analyzing the distinctions between these two critical concepts, you will enhance your listening and comprehension skills while expanding your vocabulary. The conversation offers insights into how UX designers and UI designers collaborate to create effective digital products, making it a perfect opportunity for English learners to practice their speaking and shadowing techniques. As you follow along, aim to focus on the nuances in pronunciation and intonation, which are crucial for clear communication in English.

Key Vocabulary & Phrases

  • User Experience (UX) - The overall experience of a person using a product or service.
  • User Interface (UI) - The specific visual point of interaction between the user and a digital product.
  • Interaction - The way in which users engage with a product.
  • Visual Touchpoint - The elements that users can see and interact with on a screen.
  • Collaboration - Working together with different disciplines to achieve a common goal.
  • Task Flows - The sequence of steps a user takes to accomplish a specific goal.
  • Mockups - Preliminary visual representations of a design.

Practice Tips

To maximize your learning experience while using this shadowing site, consider the following tips:

  • Shadow the Speaker: Listen carefully to the speaker's tone and rhythm. Try to imitate the way they express themselves, focusing on their pronunciation.
  • Pause and Repeat: Use the controls to pause the video after key phrases. Repeat them aloud several times, allowing the words to sink in and become familiar.
  • Break It Down: If the speaker is too fast, break down the sentences into smaller chunks. Shadow each part separately before attempting longer phrases.
  • Use a Shadowing App: Record your voice while shadowing. This allows you to assess your pronunciation and adjust any areas that may need improvement.
  • Engage with Context: Discuss the distinctions between UX and UI with a language partner or fellow learners. Not only will this reinforce your vocabulary, but it will also help you practice conversational skills.

By utilizing the advice above along with tools like shadowspeaks, you will be well on your way to improving your English speaking skills while diving deeper into relevant topics. Remember, every practice session contributes to your overall progress in learning English with YouTube!

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.

Buy us a coffee