쉐도잉 연습: User Flow vs Task Flow in UX Design - 영상으로 영어 말하기 배우기
연습 모드 선택
각 모드는 전체 화면 연습실로 열립니다.
83 문장
문장이 너무 짧거나 길면 Edit를 눌러 조정하세요.
1
When I graduated high school back in 2009, phone apps barely existed.
2
Imagining becoming a mobile app designer was out of question back then.
3
That's to give you some perspective on how young the product design field really is.
4
Just like a lot of other aspects of this industry, every designer has their own way of working with design deliverables.
5
User and task flows are no exception.
6
In this video, I'll share my perspective on what user and task flows are, the similarities and the differences.
7
For those of you that don't know me yet, I've been a creative professional in multiple industries for almost 20 years.
8
I have a super weird background where I started off as a self-taught dancer, learned to master the style,
9
while using the same practices and mindset from dance to teach myself other creative skills.
10
Today, I run a startup in the media tech space, while also running my own design agency where I consult businesses in the product and UX design space.
11
Before I start doing any actual design work, I map out all types of flows to understand the journey of the users that I'm designing for.
12
After watching this video, you'll have a better understanding of when to use these types of flows, how they're used, what tools you can draw them in, and how it helps you design a better product.
13
If you're serious about this craft and intend to design experiences that actually serves people,
14
it's important to understand both user and task flows when creating great UX design.
15
Simply put, the main difference between the two is the level of abstraction or detail.
16
What they both have in common is that they help segment the design, and help you understand how users can fluidly navigate the design to accomplish a set of goals.
17
However, user flows break down each step in the customer journey of a website or app, looking at multiple pathways and branches.
18
In contrast to task flows which breaks down the process of completing a specific task in a detailed step-by-step process.
19
So basically, task flows focus on the single tasks while the user flows focus on a specific user's journey.
20
Let's take the example of making scrambled eggs.
21
So you take a couple of eggs, you beat them until they're blended.
22
Heat a non-stick skillet over medium heat and add in a good amount of butter.
23
Add the blended eggs, stir it around and BAM!
24
You're done.
25
Just like the simple steps of making scrambled eggs, Taskflow help you show how a user might accomplish their task using the app or the website that you're designing for.
26
Some examples of Taskflows in user interfaces could be restoring your forgotten password on Instagram, uploading a story, or changing your profile picture.
27
It breaks down all of the possible steps someone might take and maps it out in a linear path.
28
There's no branches, meaning no alternative pathways.
29
We're just looking at this step-by-step process of completing a task.
30
A task flow can actually most of the times be a segment of a larger user flow as well.
31
So if task flows can be considered as the step-by-step process of making scrambled eggs,
32
what would then a user flow be?
33
We could actually use the same analogy of making scrambled eggs as a user flow too.
34
The difference would be the fact that we're now looking at a way more complex pathway.
35
Like what happens if we don't have any eggs at home?
36
Or what happens if the eggs are outdated?
37
What if we don't have a nonstick skillet?
38
And most importantly, we have to define what we consider as a starting and an ending point.
39
Did we find a recipe first that we're following or are we doing this from experience?
40
As you see, user flows become really complex.
41
We have to consider all kinds of decision points depending on the points of interactions.
42
Different people can accomplish the same goal of making scrambled eggs in completely different ways based on a lot of different dependencies.
43
The user flow you want to map out for making scrambled eggs would therefore be specific to a particular user
44
or target audience.
45
Understanding what tools you have and when you can use them will make you more productive as any type of creative professional.
46
If you know when to use a pencil or a pen then you realize the strengths and weaknesses of each.
47
The same goes for these flows.
48
In my years as a designer I've used a task flow in order to structure
49
and map out how one step of a bigger task is connected to the next, which eventually leads the user to the end goal.
50
It helps me stay focused on the task at hand and therefore clarify what things to consider, as well as help me understand if there are any room to mitigate complicated tasks.
51
It's also very helpful to draw out an already existing task that you are aiming to improve.
52
Looking at the step by step sequence helps you understand
53
if there are things that can be simplified in order to make the task easier for the end user.
54
Since user flows are complex, it gives me a more holistic understanding of different areas of the design.
55
This becomes really useful when discussing the user journey with other people in your team, like developers or engineers.
56
Often times a user flow can be mapped out together with
57
your product team to help get input from other areas of the product.
58
Understanding what technical dependencies or opportunities you have helps you decide on what possible scenarios there are.
59
In order to design a great user or task flow, it's important that you understand users well.
60
Look through any data that you have of them, understand their goals, needs, and behavior.
61
This will in turn help you determine the steps to consider for a task flow, or the various interactions of a user flow.
62
The best tools are very subjective.
63
It depends on what fits into your workflow.
64
For me, the fastest way to get the ideas of a fur strapped out is just using my iPad
65
or a paper and a pen.
66
When I want to polish them up and make them look nice, I use Whimsical or Miro.
67
I'll link these tools down in the description.
68
Whimsical is really easy to start off with.
69
Miro is great too but can feel a bit overwhelming if you just want to get started.
70
Figma is my personal favorite design tool as of now, but I use it for more complex design work.
71
just pasting a screenshot of the final user
72
or task flow onto my Figma file when I'm ready to turn them into design.
73
That's my take on the differences and the use cases of each flow.
74
So to quickly summarize it all,
75
a task flow is a simple step-by-step sequence of how a general user might accomplish a task in a website or app.
76
User flow is a complex pathway
77
that helps you visualize all the possible paths a specific user might take to accomplish a desired goal or need.
78
That's all I have for now.
79
I hope you guys find value from this video.
80
Make sure to subscribe, turn on notifications, and hit the like button for more videos like this.
81
If you have any questions or comments at all, please feel free to drop them below and I'll do my very best to answer them.
82
Until next time, peace.
83
Thank you.
앱 다운로드
유창하게 말하는 데 필요한 모든 것
AI 발음 평가문장마다 점수 확인
IPA 발음 연습모든 소리 마스터
단어 학습나만의 단어장 만들기
단어 게임놀면서 외우기
FOR YOU
추천 영상
B21
49 문장
Learn UX Storyboarding in 5 Minutes: w/ Steps and Examples | UXtweak
Daily ConversationUniversity StudentsWorking Adults
B21
96 문장
Design Patterns in Java Theory
Daily ConversationUniversity StudentsWorking Adults
B25
53 문장
The grindification of hobbies
Daily ConversationWorking Adults
B2114 문장
How to Arrange Your Living Room Furniture (An Architect’s Guide!)
Daily ConversationWorking Adults
B21
157 문장
Claude Design just got MASSIVE Upgrades (2.0 Update)
Daily ConversationWorking Adults
B21
121 문장
The Hidden Energy Cost of Switching Between Tasks | B2 English Shadowing
Daily ConversationWorking Adults
B21
64 문장
JTBD Framework in UX w/ Examples | UXtweak
Daily ConversationWorking Adults
B21
136 문장
day in the life working as a business analyst | my business analysis workflow
Daily ConversationWorking Adults
B21
88 문장
How to explain complex ideas so people listen
Daily ConversationWorking Adults
B28
56 문장
How to solve problems like a designer
Daily ConversationWorking Adults
B21
117 문장
The Easiest Way to Build Websites
Daily ConversationWorking Adults
B22
188 문장
Dot Plots: How to Actually See What Your Users Are Doing
Daily ConversationWorking Adults
맥락 및 배경
이 비디오는 UX 디자인의 중요한 개념인 사용자 흐름(User Flow)과 작업 흐름(Task Flow)에 대해 설명합니다. 진행자는 여러 산업에서 20년 이상 경력을 쌓아온 창의적인 전문가로서, 디자인 작업을 시작하기 전에 사용자 여정을 이해하기 위해 다양한 흐름을 맵핑하는 과정을 강조합니다. 이 비디오를 통해 영어 학습자들은 UX 디자인을 위한 설계 단계에서 어떻게 이러한 흐름이 활용되는지를 배울 수 있습니다.
일상적인 의사소통을 위한 5가지 표현
- “사용자 흐름은 고객 여정을 세분화하여 이해하는 데 도움을 줍니다.” - 사용자 흐름의 중요성 강조
- “작업 흐름은 특정 작업을 완료하는 단계별 과정을 보여줍니다.” - 작업 흐름의 명확한 정의
- “우리는 비슷한 목표를 다양한 방법으로 달성할 수 있습니다.” - 사용자의 다양성에 대한 인식
- “작업 흐름은 더 큰 사용자 흐름의 한 부분일 수 있습니다.” - 두 흐름의 관계 강조
- “적절한 도구를 알고 사용할 때 생산성이 높아집니다.” - 도구 활용의 중요성
단계별 쉐도잉 가이드
이 비디오에서 설명하는 내용을 효과적으로 학습하기 위해 다음의 단계를 따라 해보세요:
- 비디오 시청: 처음에 비디오를 한 번 시청하면서 발음과 억양을 들어보세요. 영어 쉐도잉의 기본인 듣고 따라하기를 시작하세요.
- 반복 재생: 이해가 잘 안 되는 부분이 있을 경우 특정 구간을 반복해서 들어보세요. 특히 작업 흐름과 사용자 흐름을 설명하는 부분을 집중해서 들어보세요.
- 발음 연습: 각 구문을 따라 말해보세요. 영어 발음 교정을 통해 자연스럽고 유창하게 발음할 수 있도록 연습하세요.
- 구조 파악: 비디오 내용을 바탕으로 사용자 흐름과 작업 흐름의 차이를 정리해보세요. 이를 통해 영어 표현의 맥락을 이해하는 데 도움이 됩니다.
- 사용 예 찾아보기: 유튜브 영어 공부를 통해 다른 UX 디자인 관련 비디오를 시청하고, 비슷한 주제에 대해 어휘력을 확장하세요. shadowing site에서 원하는 주제를 발음 연습과 함께 진행하면 더 효과적입니다.
이 과정을 통해 영어 쉐도잉이 여러분의 언어 능력을 향상시키는 데 어떻게 기여할 수 있는지 느낄 수 있을 것입니다. 꾸준한 연습이 필수적입니다!
이 영상의 문법
화자가 가장 많이 쓰는 문형을 영상 속 실제 표현과 함께 정리했습니다.
| 문형 | 영상 속 표현 |
|---|---|
| 수동태 be + 과거분사 — 누가 하는지보다 무슨 일이 일어나는지에 초점 | can be considered · are outdated · is connected |
| 현재완료 have/has + 과거분사 — 과거의 일이 지금도 관련이 있을 때 | I've been · I've used |
쉐도잉이란? 영어 실력을 빠르게 키우는 과학적 방법
쉐도잉(Shadowing)은 원래 전문 통역사 훈련을 위해 개발된 언어 학습 기법으로, 다언어 학자인 Dr. Alexander Arguelles에 의해 대중화된 방법입니다. 핵심 원리는 간단하지만 매우 강력합니다: 원어민의 영어를 들으면서 1~2초의 짧은 지연으로 즉시 소리 내어 따라 말하는 것——마치 '그림자(shadow)'처럼 화자를 따라가는 것입니다. 문법 공부나 수동적인 청취와 달리, 쉐도잉은 뇌와 입 근육이 동시에 실시간으로 영어를 처리하고 재현하도록 훈련합니다. 연구에 따르면 이 방법은 발음 정확도, 억양, 리듬, 연음, 청취력, 말하기 유창성을 크게 향상시킵니다. IELTS 스피킹 준비와 자연스러운 영어 소통을 원하는 분들에게 특히 효과적입니다.