Luyện nói tiếng Anh bằng Shadowing qua video: How to organize and present your design explorations for feedback

Đang tạo bài học...
1
If you're like me, chances are you have a section
2
or page in your Figma file for you to go rogue and explore different ideas and concepts.
3
For me, usually I have either like a sandbox or a playground page just dedicated for me, my personal space to explore different ideas.
4
A quick shout out to Superfair for being a sponsor of my channel.
5
Without them, this channel wouldn't be as great as it is today.
6
I run my whole community through Superpeer.
7
We do live events, multiple live events every month.
8
You can also book one -on -one mentoring sessions with me there.
9
So go and check out my Superpeer profile to book time with me or to join my community.
10
Ideation and exploration is an important part of the design process and usually comes in the first part of the double diamond.
11
And if you're not sure what I mean when I'm talking about the double diamond, go and check out this video I made here all about the double diamond process.
12
Now imagine you're a product manager or an engineer
13
and you're coming in to the Figma file to review different explorations and ideas that you're proposing asynchronously.
14
I can imagine for them it's probably pretty overwhelming to come into someone's Figma file
15
and might be difficult for them to figure out what the latest is, the different explorations you're trying to share, and what your rationale and thoughts are behind those different explorations.
16
Or let's consider a design review, where the purpose of the review is for you to present different explorations, get some feedback from your reviewers.
17
Walking reviewers through your design explorations, whether it's asynchronously or in a design review, does require some skill.
18
And I do think that there are ways
19
that you can set yourself up for success here to make sure
20
that you're getting the most effective kind of feedback that you need to move forward.
21
So to do this, you'll need to provide context, show your concepts, have rationale for those different concepts,
22
and lastly, have a recommendation or a preferred solution that you would like to move forward with.
23
Context can either be provided in advance of the review through like a pre -read that you share out asynchronously, or you could provide it in the review itself.
24
And this is what I usually do where I have a
25
couple of slides at the beginning of my presentation to kind of set the context
26
and let folks know where we're at in the project.
27
So I usually share where we're in the design process, any key dates or milestones coming up, the problem statement and what we're trying to solve
28
and maybe something around sort of the product requirements or like exactly what this review is focused on.
29
Then I dive into presenting the different concepts and ideas that I have.
30
I might talk about the pros and cons for each of those concepts
31
and make sure I'm really touching on the rationale behind my decisions.
32
on how to do that confidently, clearly and concisely.
33
Rationale is important because it's going to help you get more buy -in
34
and convince your stakeholders of the direction you want to move forward with.
35
It's no help showing concepts without giving any rationale behind the decisions you're making and why you believe in this concept.
36
So it's worth putting the extra effort into documenting that
37
and presenting it so your reviewers know the thought that's been put in behind your decisions.
38
So rather than talking about how to do this, I actually want to jump on over into Figma
39
and walk you through some real examples from my past projects of kind of how I've laid out different explorations,
40
how I've communicated and articulated rationale in reviews and in sort of one -on -one jams with my PM.
41
It's not perfect and I didn't sort of touch up or tidy anything in advance of doing this video.
42
I want to show you the raw real kind of behind -the -scenes work of some of my projects.
43
And I feel like my process for this has evolved over time
44
and kind of adapts and changes based on who I'm trying to get feedback from, project is in so I would probably put a lot more effort into having really concise
45
and clear articulated documented rationale
46
if I was presenting to a senior stakeholder versus just trying to jam on a few ideas with my PM.
47
You'll see in what I'm about to show you that the fidelity differs quite a lot also.
48
I have some really low fidelity wireframe -y type stuff to some more high fidelity flows
49
so I don't think there is a particular rule as to what the fidelity should be regardless of
50
those different explorations and ideas that you have.
51
Hopefully you can get some inspiration from this.
52
Let's go.
53
Okay, so here we are in Figma.
54
And as promised, this is messy and not necessarily beautiful high fidelity designs.
55
But this was a project I was working on back at Uber Eats, where we were bringing stories into Uber Eats.
56
And so here you can see I had three different ideas laid out, very low fidelity here, like we're just focusing on the entry point.
57
And then I kind of explained each one and some of the questions I had.
58
So in this exploration, for example, view the updates
59
and like I had sort of a pro here like works well as a permanent entry point
60
but I also had maybe not necessarily cons
61
but like questions you know like things we need to think about
62
if we were to take this approach
63
so here's just a look at sort of
64
that button exploration this was exploring like having the entry point be within the profile picture of the merchant
65
and you can see here I added preferred solution so really pointing out what my recommendation is and then
66
that would tell you like there is a new update.
67
So that's how I laid those out.
68
And then another part of this project was also kind of diving into what the updates would look like.
69
And I kind of had two different explorations.
70
One was like a newsfeed style and the other one was like a full screen story style.
71
Again, you can see which one I'm recommending.
72
But another interesting thing that I did here was kind of breaking this out into MVP and like future or like vision.
73
was going to creep beyond the scope that we had for this project, I kind of like laid out, okay, well, ideally we could get to this in the future,
74
but today for MVP, you know, it would be something a little bit more basic.
75
And I found that this was really helpful because I found that if I only show the like MVP version, sometimes I can get asked a lot of questions around like, well, why not this?
76
Or what about that?
77
And it's like, okay, yeah, those are all great ideas.
78
I would love to do helpful to show the future vision to let people know I've thought about that.
79
These are things that I have been considering and I think would be great in a future version.
80
So I don't know, that was like something I learned as I went, as I was presenting and sharing my ideas a lot of the time that it was just helpful to show like, okay, here's realistically what we can do now.
81
And here's what we can do in the future.
82
And last note on that, I also find showing the future one can be helpful in terms of like, if you know, that's where you want to go, let's choose an MVP version
83
there in the future so for example if we were aligned
84
that say our future vision would be this like full screen
85
story style let's not do this as an mvp even though it may be easier for now
86
because that's only going to create like design and tech debt
87
and it's going to take us longer to get to
88
that future vision so yeah that's why i broke it out
89
that way the next one is for the same project
90
but in this case i broke it down by user stories so i can't remember where
91
user stories kind of written out in this case i've just taken one example
92
which is this user story here and then i broke out the explorations for
93
that particular user story
94
so here we can see an exploration for entry point here
95
we can see an exploration for having the message be more
96
embedded on the screen i know i'm not providing full context
97
of the project just kind of try to focus on like
98
how i'm presenting the information here's like another exploration where i did more of a teaser
99
approach supporting this user story and again having that clear recommendation.
100
Okay next one, next one.
101
Moving on to another project.
102
So this project, I was kind of exploring both the placement and the visual design of something.
103
And you can see here that I didn't include like any sort of written down context or rationale.
104
This was because I was jamming on this directly with my product manager.
105
So we would have like one -on -one weekly jams.
106
And like this was enough for us to have discussion, right?
107
Like we just wanted to have conversations around what would work.
108
And for that purpose, he's the PM on the project.
109
I didn't feel like I needed to provide like all that background context and really break out the pros and cons.
110
But what I like about this approach is
111
that like first I was just exploring the placement of the like let's call it a widget.
112
I was basically adding a widget to the screen which is this like gray box of audience size.
113
And so I have these different explorations here on like where
114
that could go on the screen like what the different placement could be.
115
And so again like really low fidelity this is like just to have a conversation with my PM right
116
start those conversations like what might it feel like
117
if it's down here or like over up here
118
and then the next sort of section was around like what the visual of
119
that widget would be and so I had like inspiration on the left
120
and then like the uber style of it on the right using sort of our design system
121
and things like that and
122
so again like I don't have a lot of written down rationale here
123
but this was like great just to have those conversations and discussions
124
and then the last one was kind of like placing those widgets actually onto the screen in the placement
125
that we were kind towards which you can see is this placement with it here on the right hand side.
126
I think you can kind of adapt how you present and show these explorations based on your audience.
127
So in my case, this was just a jam with my PM.
128
I didn't have to go and create that like perfectly organized, all of the context rationale written down kind of version of this work.
129
This was enough for us to have the conversation for us to make a decision together.
130
And then I would have done
131
that for like the next step of sort of getting stakeholder alignment or like a design review.
132
This one is a early concept exploration.
133
So again, quite low infidelity.
134
If I zoom in here for a second, you'll see that this is kind of like super wireframey.
135
And I basically had four different concepts on how to sort of like approach the problem we were
136
For each really I would kind of like label that concept
137
so give it a name which I think is really helpful
138
when you're in a discussion and you want to refer to a particular concept.
139
So in this one, this case it's called intent capture.
140
That was the name of the concept.
141
And then I sort of had like the user stories
142
and kind of like the persona
143
or like who we're kind of designing for just to kind
144
of like back up a little bit this sort of concept and this exploration.
145
For this one in particular I had like three different ideas within that concept.
146
And so I kind of labeled them like this down the side.
147
For the others, I kind of just had one.
148
Actually for this one, like I never actually ended up designing it.
149
I think sort of similar to what I was talking about with the other one.
150
Sometimes you can keep things like really high level and you don't need to design out, you know, full perfect flows and wireframes.
151
In this case, like we had this sort of shared language internally, everyone knew what I meant when I was talking about wallet first.
152
And so I didn't need to go and provide all of that extra like visual to support it.
153
This was enough, again, just to have that conversation
154
which out of these four concepts is sort of the direction we want to go in.
155
And so just keeping the fidelity to that level just to support that conversation, rather than like over designing it.
156
And you can see here in this case, I've also added some annotations underneath some of these screens.
157
We have these created at WellSimple as components.
158
I highly recommend creating some of those and having them really available to use in your design system.
159
It's going to make your workflow for this so much faster.
160
And so, yeah, this is like another look at how I've presented some different ideas.
161
For this last one, it's a little bit different.
162
It's less about sort of showing different explorations, but more around how I kind of show flows rather than like,
163
you know, one off screens with different ideas.
164
So in this case, I had some flows for this project and I kind of laid these out alongside the requirements.
165
So I find having product requirements really, really helpful as a designer because it kind of tells me exactly what the design is supposed to support.
166
I think this is a good example, actually, where we have this general requirement and then like within that is a few different priorities.
167
P0 means like we absolutely have to support this and we have to build this.
168
have any p1s but p1s and p2s are like nice to have
169
or like fast follows so i would have like the requirements
170
and then i would have the corresponding designs like as a flow next to it
171
and i found this really helpful particularly for people coming in
172
and like looking in my figma file on their own
173
because it would give them the context of like oh okay these are the things
174
that this flow is supporting and as you're looking at these flows like think to yourself is it meeting these
175
that's just a look at like how I've kind of laid out more flows rather than like individual screen explorations.
176
So as promised, as you just saw, that was a very messy, raw look at how I've sort of presented different explorations through different projects at two different companies.
177
And you can see that my process is not like fixed.
178
So as sort of mentioned in the beginning of this video, it really evolves and changes and adapts based on who the audience is,
179
based on level of confidence I have in my decisions and in my explorations.
180
some inspiration for how to try this with your projects and your team.
181
Have a wonderful week and I will see you next time.
182
Bye friend!

Ngữ Cảnh & Bối Cảnh

Trong thế giới thiết kế ngày nay, việc tổ chức và trình bày các ý tưởng sáng tạo là rất quan trọng để nhận được phản hồi hiệu quả. Khi làm việc với phần mềm như Figma, việc có một không gian riêng để khám phá các ý tưởng sẽ giúp bạn có cơ hội để phát triển. Tuy nhiên, khi chia sẻ các thiết kế này với nhóm hoặc các bên liên quan, việc truyền đạt ngữ cảnh và lý do đằng sau các quyết định thiết kế sẽ là yếu tố quyết định đến sự thành công của quá trình này.

5 Câu Nói Quan Trọng trong Giao Tiếp Hằng Ngày

  • “Hãy cho tôi biết bạn nghĩ gì về ý tưởng này.” - Mời gọi phản hồi từ người khác.
  • “Đây là lý do tôi chọn hướng đi này.” - Giải thích lý do quyết định thiết kế.
  • “Chúng ta cần phải xem xét các yếu tố này.” - Đề cập đến những vấn đề cần được xử lý.
  • “Mỗi ý tưởng đều có ưu và nhược điểm.” - Khuyến khích thảo luận về các góc nhìn khác nhau.
  • “Tôi nghĩ rằng giải pháp này sẽ hiệu quả hơn.” - Đưa ra lựa chọn ưu tiên trong thiết kế.

Hướng Dẫn Shadowing Từng Bước

Để cải thiện khả năng giao tiếp tiếng Anh của bạn qua phương pháp shadowing, bạn có thể áp dụng các bước sau:

  1. Xác định Ngữ Cảnh: Trước khi thực hành, hãy tìm hiểu về bối cảnh của nội dung mà bạn sẽ nghe. Điều này giúp bạn hiểu rõ hơn về các thuật ngữ và cụm từ trong ngữ cảnh thực tế.
  2. Nghe và Lặp lại: Trong lúc bạn xem video hoặc nghe audio, hãy cố gắng lắng nghe cách phát âm tiếng Anh chuẩn và nhắc lại theo cách tự nhiên nhất có thể. Sử dụng phần mềm shadowspeak để dễ dàng theo dõi âm điệu.
  3. Ghi chú Các Câu Nói Quan Trọng: Ghi lại các câu nói mà bạn cảm thấy hữu ích cho giao tiếp hàng ngày. Những câu này có thể củng cố vốn từ vựng và cấu trúc câu của bạn.
  4. Thực Hành Đều Đặn: Áp dụng phương pháp shadowing tiếng Anh hàng ngày để cải thiện phát âm và sự tự tin trong giao tiếp.
  5. Đánh Giá và Nhận Phản Hồi: Sau khi thực hành, hãy tìm kiếm phản hồi từ giáo viên hoặc bạn bè. Bạn cũng có thể sử dụng các ứng dụng để kiểm tra sự tiến bộ của mình trong phát âm.

Phát âm tiếng Anh chuẩn không chỉ là việc nghe và lặp lại, mà còn là sự hiểu biết về ngữ cảnh và ý nghĩa đằng sau từng câu nói. Hãy nhớ rằng mỗi lần thực hành đều là một bước tiến lớn trong hành trình học tiếng Anh của bạn.

Ngữ pháp trong video

Những cấu trúc người nói dùng nhiều nhất, kèm đúng cụm từ trong video:

Cấu trúcTrong video
Thì hiện tại hoàn thành have/has + quá khứ phân từ — việc đã xảy ra nhưng còn liên quan đến hiện tạiI've laid · I've communicated · has evolved
Câu bị động be + quá khứ phân từ — nhấn vào việc xảy ra, không phải người làmbe provided · is focused · been put

Phương Pháp Shadowing Là Gì?

Shadowing là kỹ thuật học ngôn ngữ có cơ sở khoa học, ban đầu được phát triển cho chương trình đào tạo phiên dịch viên chuyên nghiệp và được phổ biến rộng rãi bởi nhà đa ngôn ngữ học Dr. Alexander Arguelles. Nguyên lý cốt lõi đơn giản nhưng cực kỳ hiệu quả: bạn nghe tiếng Anh của người bản xứ và lặp lại to ngay lập tức — như một "cái bóng" (shadow) đuổi theo người nói với độ trễ chỉ 1–2 giây. Khác với luyện ngữ pháp hay học từ vựng bị động, Shadowing buộc não bộ và cơ miệng phải đồng thời xử lý và tái tạo ngôn ngữ thực tế. Các nghiên cứu khoa học xác nhận phương pháp này cải thiện đáng kể phát âm, ngữ điệu, nhịp điệu, nối âm, kỹ năng nghe và độ lưu loát khi nói — đặc biệt hiệu quả cho người luyện IELTS Speaking và muốn giao tiếp tiếng Anh tự nhiên như người bản ngữ.

Phương pháp shadowing: đọc hướng dẫn từng bước đầy đủ →