シャドーイング練習: The UX Design Process explained step by step with a mobile app project - YouTubeで英語スピーキングを学ぶ
C1
In today's video, I'm going to explain what the UX design process is step-by-step using a mobile app project as an example.
97 文
文が短すぎたり長すぎる場合は、Editをタップして調整してください。
1
In today's video, I'm going to explain what the UX design process is step-by-step using a mobile app project as an example.
2
Just keep in mind that there is no right or perfect design process because every project and team,
3
company are different.
4
So you're going to have to tweak the process to do what makes most sense for you and your team.
5
But with that said, having a process will give you structure and guidance as to how to drive your project,
6
especially when you get stuck and don't know what to do next.
7
leaning on a process will be very critical.
8
And so to help you visualize how this process can be applied to a real life project,
9
we're going to be using an example design prompt.
10
Redesign the item detail page for an e-commerce mobile app.
11
If you don't know what an item detail page is,
12
just open up your phone and go to any e-commerce website or mobile app like Target,
13
Sephora, and you'll see a bunch of products being recommended to you and if you click on one product,
14
that is what the item detail page is.
15
It is packed with a lot of content and features.
16
And so this design prompt is very vague and ambiguous
17
and broad because there are so many things you could be working on and redesigning on this page alone.
18
There are so many components to this page like the product image,
19
the minute interactions of the carousel and the zoom functionality.
20
You could be working on product details and nutrition facts, reviews, recommended products.
21
Whenever I get an ambiguous broad project like this,
22
having a process helps me get clarity on how to break down this big design problem
23
and also helps me prioritize these smaller tasks based on the impact that our team wants to drive.
24
The process that we're going to talk about today is called the double diamond process,
25
which I'm going to draw out in my Remarkable 2 tablet,
26
which is the sponsor of today's video.
27
You've probably heard and seen the diagram of the double diamond process.
28
First step is to go wide and explore your problem space a little bit more.
29
So this is the discover phase where you'll be asking what the user and business problems are.
30
You also want to think about what is working well,
31
what isn't working well so you may want to do an audit of your current designs
32
and start annotating those things you also want to understand qualitative
33
and quantitative data so qualitative data can be any user research
34
or maybe you want to do a survey to understand key pain points
35
that come up from these customers quantitative data is any metric
36
that helps you understand how the current design is performing so
37
if we take this item detail page as an example one of the key metrics
38
that we want to look at is how many people are actually adding that particular item to their cart.
39
Another metric that we could look at is how many people are adding the recommended products from this item detail page.
40
What does the conversion rate look like?
41
Doing a competitive analysis can also be really insightful.
42
This is an example of a competitive analysis that I did for this design prompt.
43
I'll block out a few hours,
44
I'll screenshot the competitors and start annotating any themes that I'm noticing,
45
any strategies that I'm seeing that our team can also apply.
46
Now that you went wide and have a better understanding of your problem space,
47
you want to narrow down and decide what your team is actually going to fix.
48
So this is the define phase and this is where you want to synthesize your findings and insights from the competitive analysis,
49
from user research, and start deciding and prioritizing what your team is going to work on.
50
So this is where you really want to collaborate with your product manager,
51
data scientist, and lead to figure out feature prioritization and product requirements.
52
This is an example list of what you can possibly work on for the redesign of the item detail page.
53
And so my team will go down the list
54
and start prioritizing what has the highest impact
55
and also start t-shirt sizing some of these tasks t-shirt sizing
56
is just another techie way of saying let's figure out how big this project is going to be
57
so if it's a task that's going to take one
58
or two weeks we'll call it small
59
if it's a larger project is probably going to take a month
60
or two then you want to go wide again
61
so this is the develop phase you've already scoped out what
62
you're going to be working on you know the sandbox in
63
which you can play so this is where you want to go wide in your explorations of your design solutions.
64
What I like to do before jumping straight into Figma is brainstorm ideas on paper
65
because I don't want to spend too much time overthinking it and trying to perfect my initial ideations.
66
I've come to love this Remarkable 2 tablet that feels like paper.
67
So with Remarkable, you can take notes,
68
convert them into text, you can read and review documents without any distractions of social media.
69
I'm trying to cut down on my usage of paper
70
so this is a perfect digital version of my notebooks where I don't have to have paper lying around on my desk.
71
I don't have to carry physical notebooks anymore and I can access all my notes in all my devices.
72
The best thing about it for me is that I can share my screen while I'm in meetings.
73
So pre-pandemic times, I would just draw on a whiteboard my ideas and have the team give me feedback.
74
But now I can do that by screen sharing my Remarkable 2 tablet to my meeting.
75
Check out the link in my description box to get your own Remarkable 2 tablet.
76
Here's an example of me sketching out different explorations for visualizing the recommended items.
77
So normally we use a horizontal scroll to surface these items,
78
but maybe we can use a grid so that customers can just vertically scroll.
79
The final step is to go narrow and refine your solutions.
80
So this is the deliver phase where you're going to figure out what is going to be actually shipped.
81
So this requires a lot of user testing.
82
I'll usually do two to three rounds of concept testing
83
or usability testing to ensure that my design solutions is going to have the impact
84
that we initially wanted to have and that is actually solving a real user and business problem.
85
And based on that feedback,
86
I'll make a bunch of iterations.
87
This is where I'll also share my designs to the broader team like the comms team,
88
legal team, a lot of cross-functional partners to better understand how my designs are going to impact the business
89
and the other aspects of the business.
90
To wrap this up, if this is what the current design look like,
91
these are the iterations that I'll probably make.
92
And then I'll either end up with one or two designs that our team is going to launch.
93
I say I spend majority of my time in the last phase
94
because I make a lot of iterations based on feedback from my team and UX research sessions.
95
I'd love to know what other topics you'd want me to cover.
96
Please comment below and give it a thumbs up if you found this video helpful and I will see you later.
97
Bye
アプリをダウンロード
話したすべての文をAIが採点
TRENDING
人気動画
このレッスンについて
このレッスンでは、モバイルアプリプロジェクトを例にとり、UXデザインプロセスについて段階的に学びます。具体的には、デザインの課題を広げ、狭める方法や、ユーザーリサーチや競合分析の重要性を理解し、自分のプロジェクトにどのように適用するかを考えます。このプロセスを通じて、デザインの問題解決能力を高め、実際のプロジェクトで役立つスキルを養成します。
重要な語彙とフレーズ
- UXデザインプロセス - ユーザーエクスペリエンスのデザインにおける手順
- アイテム詳細ページ - 商品の詳細情報が表示されるページ
- 競合分析 - 競合他社の戦略を調査すること
- ユーザーリサーチ - ユーザーのニーズや問題を理解するための調査
- デザインプロンプト - デザイン作業の指針となる課題提示
- 定義フェーズ - 問題を明確にし、解決策を絞り込む段階
- 定量データ - 数字で示されるデザインのパフォーマンス
- 定性的データ - ユーザーの感情や行動を理解するための情報
練習のヒント
この動画では、情報が豊富で具体的な内容が多いですので、練習を効果的に行うためには、シャドーイングを活用することをおすすめします。特に、動画の速度やトーンに合わせて声に出して練習することで、リスニング力とスピーキング力を同時に高めることができます。以下のポイントを意識しましょう。
- 動画のスピードに注意する - 初めはゆっくりとしたスピードでシャドーイングし、慣れてくるまで徐々に速くしていきます。
- 感情表現を加える - 話し手のトーンや感情を真似て、より自然な発音を目指します。
- 反復練習 - 同じフレーズを何度も繰り返すことで、記憶に定着させます。
- 仲間と練習する - 友人や学習仲間と一緒にシャドーイングすることで、楽しみながらスキルを向上させることができます。
このように、英語シャドーイングを通じて、IELTS スピーキング対策に役立つ実践的なスキルを身につけることができます。定期的に練習を続けて、流暢さを向上させていきましょう。
シャドーイングとは？英語上達に効果的な理由
シャドーイング（Shadowing）は、もともとプロの通訳者養成プログラムで開発された言語学習法で、多言語習得者として知られるDr. Alexander Arguelles によって広く普及されました。方法はシンプルですが非常に効果的：ネイティブスピーカーの英語を聞きながら、1〜2秒の遅延で声に出してすぐに繰り返す——まるで「影（shadow）」のように話者を追いかけます。文法ドリルや受動的なリスニングと異なり、シャドーイングは脳と口の筋肉が同時にリアルタイムで英語を処理・再現することを強制します。研究により、発音精度、抑揚、リズム、連音、リスニング力、そして会話の流暢さが大幅に向上することが確認されています。IELTSスピーキング対策や自然な英語コミュニケーションを目指す方に特におすすめです。