シャドーイング練習: How to Move From Design to Product - YouTubeで英語スピーキングを学ぶ

B2
You know how to design your Figma files looking perfect, your components are consistent, and the prototype seems very realistic.
⏸ 一時停止中
86
文が短すぎたり長すぎる場合は、Editをタップして調整してください。
1
You know how to design your Figma files looking perfect, your components are consistent, and the prototype seems very realistic.
2
The gap between the mockup and the real functioning product is not a technical one, it's something entirely different.
3
And I think there are three main points for why people actually feel stuck
4
when it comes to delivering a real product
5
and in this video we are going to cover what mock-ups really are
6
and why the problem is not what you really think it is
7
and third and most importantly one system that can change the entire game
8
and help you achieve to ship your first digital products
9
if you're new here hi my name is murat bayral
10
and i help people ship real digital products without further ado let's dive in point Point number one, mockups are sandcastles.
11
Before we talk about how to ship, we need to understand what mockups really are.
12
Imagine you are making a sandcastle on the beach.
13
A big, looking really pretty,
14
all the soft edges looking perfect and someone cross by and say wow to your craft.
15
then when the tides come in it's gone nobody lived in it nobody used it it was just a practice
16
a mock-up that never shipped is basically the same thing it looks amazing
17
but temporary it is real on the moment
18
that it only existed most designers treat the mock-ups as the product itself they polish iterate
19
and refine add more screens on top
20
but the actual problem is the file gets bigger the fidelity gets higher
21
and the distance between the shipping grows figma itself is not the product it is just a blueprint
22
and the moment you confuse the blueprint versus the building you stop making progress a perfect mock-up
23
that no one use is not design it's pure decoration point number two the decision
24
that nobody makes here's the real reason why designers are not shipping even if they are the most talented one.
25
It is not, let's say, the imposter syndrome or it is not like this missing skill that they might have.
26
It's one single decision they keep on avoiding.
27
And I want to illustrate with, let's say, a chef.
28
I love giving examples from chefs.
29
Let's imagine a chef who is perfecting a receipt for six months straight.
30
He writes every possible scenario with every possible ingredients but actually never puts on plate.
31
But let's say after six months he decided to say okay let's try this time
32
and put it on a plate it looks amazing and serve it to real people.
33
And that person can easily say something like this sauce is quite salty.
34
That six months of effort and this perfection is poof gone.
35
That uncomfortable conversation was the whole point.
36
That feedback was the whole point.
37
As a chef you need to taste whatever you make plus you need to help people to taste it
38
in order to have some feedback and in order to achieve the perfect dish.
39
So in a nutshell, the plate itself is not the risk for me.
40
The plate and the serving action is the shortcut itself
41
so designers who keep on avoiding shipping real products is
42
because the mock-up itself is still controllable they can add a
43
few more ingredients to make it perfect once it's live somebody
44
can easily say something is actually wrong with the product
45
or the flow itself
46
so let me tell you the solution in figma terms plain
47
figma terms take whatever the frame you have export them whatever it is available
48
use figma size figma make so you have no excuses you can use framer webflow
49
or you can wipe code it you can check some other videos
50
that we might have test it with wipe coding tools like lovable we have claw code
51
which is doing amazing job you can use gemini there are
52
tons of it get it in front of the real people
53
in conclusion staying in figma can feel like you're in a safe zone
54
but for me it is just another way of saying avoiding
55
things it's just a longer way of not deciding things
56
and seeing progress point number three systems beats motivation so let's say you decided to ship great
57
but here's the second problem and
58
that one is a little bit sneakier most designers are running with motivation
59
that idea spark or whatever you call it
60
when your new idea arrives you open the figma the joy is there
61
and the motivation is there and like after a few days the momentum fades
62
and that file that you never give actual name
63
and sits there as like an untitled file in the middle of nowhere in your Figma projects.
64
So the shipping itself does not have a motivational problem.
65
It's a system problem.
66
A restaurant does not rely on chefs motivational thinking to run
67
every single morning the menu exists the prep list exists and they ship no matter what
68
so the system moves whether the mood is there or not
69
so for me what you could do actually is you build
70
a shipping workflow not a design workflow design workflow ends in the handoff whereas the shipping workflow ends
71
when your product is used by someone else
72
that means connecting the figma whatever you use as a platform
73
that means having a stack that you use is kind of ready every time and
74
that means the next steps are written clearly before you close
75
any file for zero2ui.com this is exactly what the lab teaches
76
step by step the whole journey from the first file all the decision making till the last product
77
that people actually can use motivation helps you open that file
78
but system help you achieve the first version the second version the final version that people can actually use.
79
So pick one thing that you have been designing in Figma for many time but has not been shipped.
80
Give yourself at most 48 hours and ship it no matter what.
81
Not perfection, just ship the real thing.
82
And if you say but where to go next?
83
Well in this video you will see exactly how we can go from a paper idea to a product
84
that can be shipped and tested with real people
85
and do not forget you know how to design all you need is the decision
86
that you have to give thanks for watching

アプリをダウンロード

Everything you need to speak fluently

AI PronunciationScore every sentence
IPA PracticeMaster every sound
VocabularyBuild your word bank
Vocab GameLearn while playing
スキャンしてダウンロード
スキャンしてダウンロード

文脈と背景

この動画では、デジタルプロダクトの設計から実際の製品の提供へ移行する際の課題が語られています。デザイナーは優れたプロトタイプを作成できる一方で、実際の製品として出荷することに対して躊躇いを持つことが多いです。特に、モックアップが真の製品とみなされることが多く、実際の開発プロセスが妨げられることがあります。重要なのはデザインそのものではなく、実際にプロダクトを市場に出すことなのです。

日常会話のためのトップ5フレーズ

  • 「モックアップは砂の城だ。」 — モックアップは美しく見えるが、実際には一時的なものであることを示しています。
  • 「決定を避けている。」 — デザイナーが実際のプロダクトを出荷することを躊躇う理由です。
  • 「お皿に盛り付ける。」 — 料理が完成するためには、実際に人々に提供する必要があることを指摘しています。
  • 「フィードバックが重要だ。」 — 他者からの意見が、プロダクト改善に不可欠であることを強調しています。
  • 「実際にテストする。」 — どんなに完璧に見えるデザインでも、実際に使用してもらうことで初めて分かることがあるという意義を示唆しています。

ステップバイステップのシャドーイングガイド

この動画の内容をシャドーイングするための効果的な方法は、次の手順を踏むことです。まず、YouTubeで英語学習を活用してこの動画を視聴し、スピーカーの言い回しやイントネーションに注目してください。

  1. 動画を一度視聴して全体の内容を把握します。
  2. その後、各フレーズを一時停止し、スピーカーと同じスピードで繰り返します。これが shadowspeak の基本的な形式です。
  3. 発音やアクセントに気を付けながら何度も繰り返し、自然な流れを意識しましょう。
  4. 次に、フレーズの意味を考え、どのような状況で使えるかを理解します。
  5. 最後に、それらのフレーズを使って実際に会話を練習します。自分の言葉で新たな文を作ることもオススメです。

このプロセスを通じて、shadow speech によるスピーキングスキルの向上を図りましょう。ビデオの内容をよく理解することで、より自信を持って英語でコミュニケーションができるようになります。

シャドーイングとは?英語上達に効果的な理由

シャドーイング(Shadowing)は、もともとプロの通訳者養成プログラムで開発された言語学習法で、多言語習得者として知られるDr. Alexander Arguelles によって広く普及されました。方法はシンプルですが非常に効果的:ネイティブスピーカーの英語を聞きながら、1〜2秒の遅延で声に出してすぐに繰り返す——まるで「影(shadow)」のように話者を追いかけます。文法ドリルや受動的なリスニングと異なり、シャドーイングは脳と口の筋肉が同時にリアルタイムで英語を処理・再現することを強制します。研究により、発音精度、抑揚、リズム、連音、リスニング力、そして会話の流暢さが大幅に向上することが確認されています。IELTSスピーキング対策や自然な英語コミュニケーションを目指す方に特におすすめです。

コーヒーをおごる