0:00

1:05:35

The New Full-Stack Designer

Y Combinator·Technology·C1

Chương · 9

Chương 1·AI-Driven Design Workflows

Hiển thị

Tiếng ViệtAuto-scroll

0:00

Today, I'm joined by Marvin Schwaibold, who leads the product design studio at Shopify.

Hôm nay, tôi có sự tham gia của Marvin Schwaibold, người lãnh đạo studio thiết kế sản phẩm tại Shopify.

0:04

He'll give us a behind-the-scenes look at his process,- - music- - where we'll see how he's using the latest AI tools to bring his designs to life, then review some viewer-submitted websites.

Anh ấy sẽ cho chúng ta cái nhìn hậu trường về quy trình của mình, - - [nhạc] - - nơi chúng ta sẽ thấy cách anh ấy sử dụng các công cụ AI mới nhất để biến thiết kế của mình thành hiện thực, sau đó xem xét một số trang web do người xem gửi.

0:13

Welcome to another episode of Design Review.

Chào mừng đến với một tập khác của Design Review.

0:24

Marvin, thanks for joining us.- - Thank you for having me.- - Before we get into your work at Shopify, um I'd love to hear more about your process and the tools that you're using today to design with AI.- - I feel like the process itself hasn't really changed.

Marvin, cảm ơn vì đã tham gia cùng chúng tôi. - - Cảm ơn vì đã mời tôi. - - Trước khi chúng ta đi vào công việc của bạn tại Shopify, ừm tôi rất muốn nghe thêm về quy trình của bạn và những công cụ mà bạn đang sử dụng ngày nay để thiết kế với AI. - - Tôi cảm thấy quy trình本身 chưa thực sự thay đổi.

0:36

It's still extremely iterative uh and sequenced out.

Nó vẫn cực kỳ lặp đi lặp lại ừ và được sắp xếp theo trình tự.

0:40

There's a lot of There's a lot of iterations and variations in the work in and of itself, but the tooling has definitely shifted a lot from tools like Figma uh and working with aesthetic layouts uh into more of an AI-driven um

Có rất nhiều Có rất nhiều lần lặp và biến thể trong công việc本身, nhưng các công cụ đã thực sự thay đổi rất nhiều từ những công cụ như Figma ừ và làm việc với bố cục thẩm mỹ ừ sang một quy trình làm việc do AI điều khiển nhiều hơn ừm

0:53

workflow, where I'll I'll use Figma as a scratch pad for some of the ideas I have, um but then very quickly that'll transcend into into like real demos that I can use, and then I only piggyback back into Figma from time to

Quy trình làm việc, nơi tôi sẽ sử dụng Figma như một bảng nháp cho một số ý tưởng tôi có, ừm nhưng sau đó rất nhanh chóng nó sẽ chuyển thành những bản demo thực sự mà tôi có thể sử dụng, và sau đó tôi chỉ quay lại Figma từ thời gian

1:06

time if I need to lay something out or explain something to AI, but it's it's it's it's definitely more of a world now that uh that in includes tools like like Codex and and Claude Code and and being in terminal a lot and just

Thời gian nếu tôi cần bố trí một cái gì đó hoặc giải thích điều gì đó cho AI, nhưng nó thực sự là một thế giới bây giờ bao gồm các công cụ như Codex và Claude Code và việc ở trong terminal rất nhiều và chỉ

1:20

getting to an output that I can use and test on my phone or computer a lot faster, uh and that becomes like a really fun still very iterative cycle, but we've definitely moved away from the canvas um more to more to like AI tools

Đạt được một đầu ra mà tôi có thể sử dụng và kiểm tra trên điện thoại hoặc máy tính của mình nhanh hơn nhiều, ừ và điều đó trở thành một chu kỳ thực sự thú vị vẫn rất lặp đi lặp lại, nhưng chúng tôi đã thực sự rời xa khỏi canvas ừm nhiều hơn sang các công cụ AI

1:33

in general.- - And how much of that workflow is AI driving a lot of the process and how much of it is you the human?- - I think it's a lot of me the human driving AI to do a lot of the heavy

Nói chung. - - Và bao nhiêu phần của quy trình làm việc đó là AI điều khiển phần lớn quá trình và bao nhiêu là bạn, con người? - - Tôi nghĩ rằng phần lớn là tôi, con người, điều khiển AI làm phần lớn công việc nặng nhọc

1:44

lifting for me, um but there's a lot of um quality controls, decision-making um that are all that are all up to the designers.

Cho tôi, ừm nhưng có rất nhiều ừm kiểm soát chất lượng, ra quyết định ừm tất cả đều thuộc về các nhà thiết kế.

1:51

We're in the driving seat, uh and we're actually more than ever now in a position where the output isn't the issue anymore, it's us being extremely selective about what we go forward with and and what we work with.

Chúng ta đang ngồi ở vị trí lái xe, ừ và thực sự hơn bao giờ hết, chúng ta đang ở trong tình huống mà đầu ra không còn là vấn đề nữa, mà là chúng ta phải cực kỳ chọn lọc về những gì chúng ta tiếp tục và những gì chúng ta làm việc cùng.

2:03

So, it's a lot more curating what AI is creating and that is a continuous clears throat like just back and forth with AI.

Vì vậy, việc tuyển chọn những gì AI tạo ra nhiều hơn và đó là một quá trình liên tục [hắng giọng] giống như chỉ qua lại với AI.

2:10

I feel like AI is extremely capable of getting a lot of things done that we needed to do as long as you understand the complexity of what it is that you're working on and you're able to break that down into into a multitude of almost like subtasks that then you can feed to the to the agent bit by bit.

Tôi cảm thấy AI cực kỳ có khả năng hoàn thành nhiều việc mà chúng ta cần làm miễn là bạn hiểu được sự phức tạp của những gì bạn đang làm và bạn có thể chia nhỏ nó thành nhiều thứ gần như các nhiệm vụ con mà sau đó bạn có thể đưa cho tác nhân từng chút một.

2:28

And then it's a it's a it's a back and forth.- - And it sounds like a lot of what you're describing is that your role is actually to be the editor.- - We're more the editors now than ever before, which is I think fun.

Và sau đó nó là một quá trình qua lại. - - Và có vẻ như nhiều điều bạn đang mô tả là vai trò của bạn thực sự là người biên tập. - - Chúng ta bây giờ là những người biên tập hơn bao giờ hết, điều mà tôi nghĩ là thú vị.

2:38

That's great.

Điều đó thật tuyệt.

2:38

I mean, that was always the role, but getting to the point of editing just took a lot of like hand-crafted design that we would do in Figma and just more and more of that can be now sped up and extrapolated with AI

Ý tôi là, đó luôn là vai trò, nhưng để đạt đến điểm biên tập chỉ mất rất nhiều thiết kế thủ công mà chúng ta sẽ làm trong Figma và ngày càng nhiều hơn có thể được tăng tốc và mở rộng với AI

2:52

tooling.- - And so, you the human are still responsible for the ultimate final output and making sure that it meets your bar.- - Always.- - But you have all these tools now to be able to get there way faster.-

Công cụ. - - Và vì vậy, bạn, con người, vẫn chịu trách nhiệm về đầu ra cuối cùng và đảm bảo rằng nó đáp ứng tiêu chuẩn của bạn. - - Luôn luôn. - - Nhưng bạn có tất cả các công cụ này để có thể đạt được điều đó nhanh hơn nhiều. -

3:02

- 100%.

3:03

I mean, AI has definitely raised raised the ceiling for all of us, but it's it's it's it's not a crafter.

Ý tôi là, AI đã thực sự nâng cao giới hạn cho tất cả chúng ta, nhưng nó không phải là một người thợ thủ công.

3:08

It it can execute complexity and and technology that I couldn't I couldn't handwrite code.

Nó có thể thực hiện sự phức tạp và công nghệ mà tôi không thể tự viết mã.

3:15

It can write code, but it doesn't know what looks good and what looks bad and that's for me to decide and to and to steer AI into the right direction.- - I've been a big fan of your work for a long time.

Nó có thể viết mã, nhưng nó không biết cái gì trông đẹp và cái gì trông xấu và đó là việc của tôi để quyết định và hướng AI đi đúng hướng. - - Tôi đã là một người hâm mộ lớn công việc của bạn trong một thời gian dài.

3:24

So, maybe first just start off and tell us about the product design studio at Shopify and what you guys do there.- - I work with a team of very talented designers.

Vì vậy, có lẽ trước tiên hãy bắt đầu và cho chúng tôi biết về studio thiết kế sản phẩm tại Shopify và những gì các bạn làm ở đó. - - Tôi làm việc với một đội ngũ các nhà thiết kế rất tài năng.

3:32

We've been there for the last year and between us we basically run an initiative at the company to redesign and touch the most important surfaces we have.

Chúng tôi đã ở đó trong năm ngoái và giữa chúng tôi, chúng tôi cơ bản điều hành một sáng kiến tại công ty để thiết kế lại và chạm vào những bề mặt quan trọng nhất mà chúng tôi có.

3:44

So, from anything related to Sidekick, which is our AI infrastructure layers that basically manage our entire admin to the mobile app, which we call the green app, and everything from admin and admin dashboards we look at and work with.

Vì vậy, từ bất cứ điều gì liên quan đến Sidekick, đó là các lớp cơ sở hạ tầng AI của chúng tôi về cơ bản quản lý toàn bộ quản trị của chúng tôi đến ứng dụng di động, mà chúng tôi gọi là ứng dụng xanh, và mọi thứ từ quản trị và bảng điều khiển quản trị mà chúng tôi xem xét và làm việc cùng.

3:59

Quite recently have been working with a lot of new AI infrastructure that the engineering teams have built for us, and yeah, it's just been a really exciting last year.- - Yeah, it's it's actually really interesting cuz Shopify is like two decades old or something at this point, right?- - 20 years old.- - 20 years old, and so we are- - 21, I think, actually.- - Yeah, we're in a new era now.

Gần đây đã làm việc với rất nhiều cơ sở hạ tầng AI mới mà các đội kỹ thuật đã xây dựng cho chúng tôi, và vâng, đó thực sự là một năm qua rất thú vị. - - Vâng, điều đó thực sự rất thú vị vì Shopify giống như hai thập kỷ tuổi hoặc gì đó vào thời điểm này, phải không? - - 20 năm tuổi. - - 20 năm tuổi, và vì vậy chúng tôi - - 21, tôi nghĩ, thực sự. - - Vâng, chúng ta đang ở trong một kỷ nguyên mới.

4:20

AI is changing a lot of things, and it sounds like a lot of the work that you're doing is actually to modernize and bring it into a modern era, which is through design, but also the experience itself, right?

AI đang thay đổi nhiều thứ, và có vẻ như nhiều công việc bạn đang làm thực sự là để hiện đại hóa và đưa nó vào một kỷ nguyên hiện đại, thông qua thiết kế, mà còn là trải nghiệm本身, phải không?

4:31

Like, what is the design team in your in your product design studio actually work on there?

Giống như, đội thiết kế trong studio thiết kế sản phẩm của bạn thực sự làm gì ở đó?

4:35

Are you just, you know, in Figma and canvases and designs and passing them off to engineers, or what is the design function like that you manage there?- - At least at the moment, there's almost like two parts of this big initiative that we're taking.

Bạn chỉ, bạn biết đấy, ở trong Figma và canvas và thiết kế và chuyển chúng cho các kỹ sư, hay chức năng thiết kế mà bạn quản lý ở đó như thế nào? - - Ít nhất là vào lúc này, có gần như hai phần của sáng kiến lớn này mà chúng tôi đang thực hiện.

4:48

Part of the organization of the design team has redesigned the entire admin experience.

Một phần của tổ chức đội thiết kế đã thiết kế lại toàn bộ trải nghiệm quản trị.

4:54

This redesign starts in Figma and with polishing interfaces and bringing that into the web, and the other part of the organization, the Sidekick team of Shopify, is working on automating and manipulating a lot of the Shopify interfaces via the chat, so that you can use chat, Sidekick, or AI infra to basically manage your store and automate a lot of what it means to be a merchant online.

Việc thiết kế lại này bắt đầu trong Figma và với việc đánh bóng giao diện và đưa nó lên web, và phần còn lại của tổ chức, đội Sidekick của Shopify, đang làm việc để tự động hóa và thao tác nhiều giao diện Shopify thông qua trò chuyện, để bạn có thể sử dụng trò chuyện, Sidekick, hoặc cơ sở hạ tầng AI để cơ bản quản lý cửa hàng của bạn và tự động hóa nhiều điều có nghĩa là trở thành một thương nhân trực tuyến.

5:19

And that's like they're basically two almost controversial, paradoxic sectors of the company, but they work really well together.

Và điều đó giống như chúng về cơ bản là hai lĩnh vực gần như gây tranh cãi, nghịch lý của công ty, nhưng chúng hoạt động rất tốt với nhau.

5:29

So, you're building really beautiful new UI, but you're also using new UI to basically generate um AI infra and AI workflows, and that's like incredible to see.

Vì vậy, bạn đang xây dựng giao diện người dùng mới thực sự đẹp, nhưng bạn cũng đang sử dụng giao diện người dùng mới để cơ bản tạo ra ừm cơ sở hạ tầng AI và quy trình làm việc AI, và điều đó thật đáng kinh ngạc khi thấy.

5:40

And a lot of that actually translates very nicely back into the mobile app, and is up-leveling the mobile experience as well.

Và nhiều điều đó thực sự chuyển dịch rất tốt trở lại ứng dụng di động, và đang nâng cấp trải nghiệm di động as well.

5:47

It's a lot more conversational and a lot more talking to Sidekick about your business than having to manipulate your business via the interface.- - Yep.

Nó mang tính trò chuyện hơn nhiều và nói chuyện với Sidekick về doanh nghiệp của bạn nhiều hơn là phải thao tác doanh nghiệp của bạn thông qua giao diện. - - Đúng vậy.

5:55

And previously, before joining Shopify, you were building your own product studio with Molly, and you have incredible motion and animations and interactions there that I always found to be really inspiring.

Và trước đây, trước khi gia nhập Shopify, bạn đang xây dựng studio sản phẩm của riêng mình với Molly, và bạn có chuyển động và hoạt ảnh và tương tác đáng kinh ngạc ở đó mà tôi luôn thấy thực sự truyền cảm hứng.

6:06

And maybe you can show us some of that and and talk through where that came from.- - Yeah, Molly was the a studio, a design studio in Brooklyn that I was running together with J Tal, my studio partner.

Và có lẽ bạn có thể cho chúng tôi xem một số điều đó và nói về nguồn gốc của nó. - - Vâng, Molly là một studio, một studio thiết kế ở Brooklyn mà tôi đang điều hành cùng với J Tal, đối tác studio của tôi.

6:16

We ran the studio for about 2 years before joining Shopify and integrating the studio into Shopify.- - And you had some huge clients that you worked with during that time.- - Yeah, we worked we worked a lot with with Collins and Apple and Google.

Chúng tôi đã điều hành studio trong khoảng 2 năm trước khi gia nhập Shopify và tích hợp studio vào Shopify. - - Và bạn đã có một số khách hàng lớn mà bạn làm việc cùng trong thời gian đó. - - Vâng, chúng tôi đã làm việc rất nhiều với Collins và Apple và Google.

6:29

And also a lot of smaller clients, too.

Và cả nhiều khách hàng nhỏ hơn nữa.

6:31

It was it was honestly a broad mix of web design and product design and a lot of content strategy and hierarchy for clients, as well, when it when it came to their websites.

Thành thật mà nói, đó là một sự kết hợp rộng rãi của thiết kế web và thiết kế sản phẩm và rất nhiều chiến lược nội dung và phân cấp cho khách hàng, khi nói đến trang web của họ.

6:40

And because we were a small studio, it also allowed us to have extremely close relationships with our clients.

Và vì chúng tôi là một studio nhỏ, điều đó cũng cho phép chúng tôi có mối quan hệ cực kỳ gần gũi với khách hàng.

6:45

We would meet clients weekly for many weeks and use these projects at Molly as like very high-focus stints with these clients.

Chúng tôi sẽ gặp khách hàng hàng tuần trong nhiều tuần và sử dụng các dự án này tại Molly như những giai đoạn tập trung cao độ với những khách hàng này.

6:55

So, we never took on more than two or three clients at a time to stay really focused.

Vì vậy, chúng tôi không bao giờ nhận nhiều hơn hai hoặc ba khách hàng cùng một lúc để giữ sự tập trung thực sự.

6:58

Here's just a reel of some of the work we we were doing um um while we were while we were running our studio.- - cool.

Đây chỉ là một đoạn phim của một số công việc chúng tôi đang làm ừm ừm trong khi chúng tôi đang điều hành studio của mình. - - tuyệt.

7:06

There's little details here.

Có những chi tiết nhỏ ở đây.

7:07

The animations are very organic.

Các hoạt ảnh rất hữu cơ.

7:10

And even as each screen changes, the gradient and the shadow behind it changes to match the color of the background that I think a lot of people maybe wouldn't pick up on, but it's something that you sort of intuitively feel something is happening here, right?- - We we got this idea basically just from the ambient lighting behind TVs that are mounted on walls.

Và ngay cả khi mỗi màn hình thay đổi, gradient và bóng phía sau nó thay đổi để phù hợp với màu nền mà tôi nghĩ nhiều người có thể không nhận ra, nhưng đó là điều bạn cảm nhận được một cách trực giác rằng có điều gì đó đang xảy ra ở đây, phải không? - - Chúng tôi có ý tưởng này về cơ bản chỉ từ ánh sáng xung quanh phía sau TV được gắn trên tường.

7:31

And I think J Tal, and this was pre-AI, basically duplicated the video and had it like blur it out in the background so that it would match the rhythm of what's going on on the screen.

Và tôi nghĩ J Tal, và điều này là trước AI, về cơ bản đã nhân đôi video và làm mờ nó ở背景 để nó phù hợp với nhịp điệu của những gì đang diễn ra trên màn hình.

7:42

And it and it works really nice.

Và nó hoạt động thực sự tốt.

7:43

And I think what we but before this sentence it used to just say Molly is a design studio in Brooklyn, and there was just the gradient at the bottom that was kind of like vibrating.

Và tôi nghĩ những gì chúng tôi nhưng trước câu này nó thường chỉ nói Molly là một studio thiết kế ở Brooklyn, và chỉ có gradient ở phía dưới đang rung động.

7:52

It feels like a thunder or something.

Nó giống như một tiếng sấm hoặc gì đó.

7:54

And it kind of at least for us it always felt like people were like inclined to scroll into it.

Và ít nhất đối với chúng tôi, nó luôn khiến người ta có xu hướng cuộn vào trong.

7:58

So we didn't even have to show them any of the work, but we kind of hinted at it.

Vì vậy chúng tôi thậm chí không cần phải cho họ xem bất kỳ tác phẩm nào, mà chỉ gợi ý về nó.

8:02

And then you scrolled into the real, and yeah, the rest are just very nice and simple carousels, but yeah, you can see here this was some of the work we were doing with our studio.

Và rồi bạn cuộn vào phần thực sự, và vâng, phần còn lại chỉ là những băng chuyền rất đẹp và đơn giản, nhưng vâng, bạn có thể thấy ở đây đây là một số tác phẩm chúng tôi đã làm với studio của mình.

8:12

And I think some of the patterns you were referring to um we used to call the system we call the system primal.

Và tôi nghĩ một số mẫu bạn đang đề cập đến, ừm, chúng tôi từng gọi hệ thống đó là hệ thống primal.

8:19

It's a way to just basically understand content on a website, digest content on a website.

Đó là một cách cơ bản để hiểu nội dung trên một trang web, tiêu hóa nội dung trên một trang web.

8:24

And for us it was a very structured way of digesting when clients came to us with a lot of information for their websites.

Và đối với chúng tôi, đó là một cách rất có cấu trúc để tiêu hóa khi khách hàng đến với chúng tôi với nhiều thông tin cho trang web của họ.

8:30

We helped them build that into a system on the website that allowed users to explore.

Chúng tôi đã giúp họ xây dựng nó thành một hệ thống trên trang web cho phép người dùng khám phá.

8:35

To us it always felt like the way we would build websites, and you would flow through the website, felt more like you were exploring the website than the website was demanding your attention.

Đối với chúng tôi, nó luôn giống như cách chúng tôi xây dựng trang web, và bạn sẽ di chuyển qua trang web, cảm giác giống như bạn đang khám phá trang web hơn là trang web đang đòi hỏi sự chú ý của bạn.

8:44

Everything is just one layer away, and everything is progressively disclosed.

Mọi thứ chỉ cách một lớp, và mọi thứ được tiết lộ dần dần.

8:48

So you never overwhelm the user with too much content in general.- - What are some of the ways that you accomplish that?- - I mean, I can just go through some of the work.

Vì vậy, bạn không bao giờ làm người dùng choáng ngợp với quá nhiều nội dung nói chung.- - Một số cách bạn đạt được điều đó là gì?- - Ý tôi là, tôi có thể đi qua một số tác phẩm.

8:56

This was a project we did with with the agency Collins.

Đây là một dự án chúng tôi đã làm với agency Collins.

8:59

We worked with them for I think over a year on this on this website.

Chúng tôi đã làm việc với họ trong tôi nghĩ hơn một năm cho trang web này.

9:04

And as you can see, even as you're scrolling through the home page here, each section of the home page is a chapter that as you as you as you interact with the website can lead you into further exploration.

Và như bạn có thể thấy, ngay cả khi bạn cuộn qua trang chủ ở đây, mỗi phần của trang chủ là một chương mà khi bạn tương tác với trang web có thể dẫn bạn đến khám phá sâu hơn.

9:15

So this is one of my favorite sections here.

Vậy đây là một trong những phần yêu thích của tôi ở đây.

9:17

This is the bookshelf.

Đây là giá sách.

9:18

These are basically all of the case studies from Collins.- - Even go back and hover over those elements again.

Đây cơ bản là tất cả các nghiên cứu điển hình từ Collins.- - Thậm chí quay lại và di chuột qua những phần tử đó một lần nữa.

9:23

The way they bounce feels different than what you typically see.- - Yeah.

Cách chúng nảy cảm thấy khác với những gì bạn thường thấy.- - Vâng.

9:28

Yeah.- - Talk about how you made that.

Vâng.- - Nói về cách bạn làm điều đó.

9:30

This was you didn't use AI tooling to do this.

Đây là bạn đã không sử dụng công cụ AI để làm điều này.

9:33

You hand crafted these, right?- - Yes.

Bạn đã tự tay tạo ra những thứ này, phải không?- - Vâng.

9:35

Well, in this case I will I will say this was very much design and engineering partner together.

Chà, trong trường hợp này tôi sẽ nói đây là sự hợp tác rất nhiều giữa thiết kế và kỹ thuật.

9:40

I would lay something like this out in Figma um and try to understand um the spacing and the size and the colors and the rows and all of that.

Tôi sẽ bố trí một thứ như thế này trong Figma, ừm, và cố gắng hiểu về khoảng cách, kích thước, màu sắc, các hàng và tất cả những thứ đó.

9:49

And then I would hand it off to someone like Jesper um who would then work on like the bounce animation for instance.

Và sau đó tôi sẽ chuyển nó cho một người như Jesper, người sau đó sẽ làm việc với ví dụ như hiệu ứng nảy.

9:55

Like all these books have to level up on top of each other and then basically land one more time as the last book kind of lands on top of it and that has to feel very organic because if that feels bouncy and organic then it dilutes at the idea of oh, it's a book.

Giống như tất cả những cuốn sách này phải xếp chồng lên nhau và sau đó cơ bản là hạ xuống một lần nữa khi cuốn sách cuối cùng đáp xuống trên cùng và điều đó phải cảm thấy rất tự nhiên vì nếu nó cảm thấy nảy và tự nhiên thì nó làm loãng ý tưởng à, đó là một cuốn sách.

10:08

It's a bookshelf that's that's alive.

Đó là một giá sách đang sống.

10:10

And those things I think while they are seemingly unimportant are exactly the kind of little moments people pick up um when they scroll through these kind of websites.- - that matter?

Và những điều đó tôi nghĩ mặc dù có vẻ không quan trọng nhưng chính là những khoảnh khắc nhỏ mà người ta nhận ra khi họ cuộn qua những loại trang web này.- - điều đó quan trọng?

10:20

Like you have a person who's supremely talented, whose entire job on this project was to make the tab interaction.

Giống như bạn có một người cực kỳ tài năng, người mà toàn bộ công việc trong dự án này là làm tương tác tab.

10:27

And it's very easy for anybody to go, well, just throw a tab.

Và rất dễ để bất kỳ ai nói, ồ, chỉ cần ném một tab vào.

10:31

Tabs exist.

Tab tồn tại.

10:31

You can get that for free in 5 seconds and then move on to the next thing.

Bạn có thể có được nó miễn phí trong 5 giây và sau đó chuyển sang việc tiếp theo.

10:34

Why did you feel like it was important enough to spend somebody's dedicated time before AI could do this certainly um and have them focus just on that one interaction?- - There's multiple different ways to answer that, but I think especially for this studio because they work on design themselves.

Tại sao bạn cảm thấy nó đủ quan trọng để dành thời gian chuyên dụng của ai đó trước khi AI có thể làm điều này chắc chắn, ừm, và để họ chỉ tập trung vào một tương tác đó?- - Có nhiều cách khác nhau để trả lời điều đó, nhưng tôi nghĩ đặc biệt đối với studio này vì họ tự làm thiết kế.

10:50

Like this is a branding studio.

Giống như đây là một studio xây dựng thương hiệu.

10:51

I think the clients coming to the website are looking for those kind of Easter eggs.

Tôi nghĩ khách hàng đến trang web đang tìm kiếm những loại trứng Phục sinh đó.

10:56

They want to know that if I hire this agency or if this agency takes this much detail to produce a website of that quality, what kind of Easter eggs are they going to put into our projects when we work with them?

Họ muốn biết rằng nếu tôi thuê agency này hoặc nếu agency này dành nhiều chi tiết như vậy để tạo ra một trang web chất lượng như thế, thì họ sẽ đưa những loại trứng Phục sinh nào vào dự án của chúng tôi khi chúng tôi làm việc với họ?

11:07

And when they pick our color palette, maybe they're going to come up with a system behind it rather than just picking five colors that they like because that's the level of dedication it takes to go really deep.

Và khi họ chọn bảng màu của chúng tôi, có lẽ họ sẽ tạo ra một hệ thống đằng sau nó thay vì chỉ chọn năm màu họ thích vì đó là mức độ tận tâm cần có để đi thực sự sâu.

11:17

It's a way to in a way almost also to show off and be and and show the level of craft and detail that you can bring to any piece of or any part of the interface.

Đó là một cách để phần nào đó cũng thể hiện và cho thấy mức độ tay nghề và chi tiết mà bạn có thể mang đến cho bất kỳ phần nào của giao diện.

11:26

We try to do the same uh level of care and uh and craft at Shopify.- - Talk about the decision then to sell your design studio to Shopify and to come join them and how that process has been different for you being at

Chúng tôi cố gắng làm điều tương tự, ừm, mức độ chăm sóc và tay nghề tại Shopify.- - Nói về quyết định bán studio thiết kế của bạn cho Shopify và tham gia cùng họ cũng như quá trình đó đã khác như thế nào đối với bạn khi ở

11:41

a large public company and you know, leading a product studio internal there versus the work that you were doing here when you were independent.- - Tobi at the beginning at some point last year basically said, "We're entering a new era and that

Một công ty đại chúng lớn và bạn biết đấy, lãnh đạo một studio sản phẩm nội bộ ở đó so với công việc bạn đang làm ở đây khi bạn còn độc lập.- - Tobi vào đầu năm ngoái đã nói đại khái rằng, "Chúng ta đang bước vào một kỷ nguyên mới và tương lai đó

11:53

future needs to be designed."

Cần được thiết kế."

11:55

And that was basically it.

Và cơ bản là thế.

11:56

He's like, "I want to design I want to design for the future and I need to hire good designers who can help me paint a picture and when we see that picture we'll we'll know what it is and we can and we can we can go down that road."

Anh ấy nói, "Tôi muốn thiết kế, tôi muốn thiết kế cho tương lai và tôi cần thuê những nhà thiết kế giỏi, những người có thể giúp tôi vẽ nên một bức tranh và khi chúng ta thấy bức tranh đó, chúng ta sẽ biết nó là gì và chúng ta có thể đi theo con đường đó."

12:07

And I think that was the that's the mandate at Shopify like design is very much more in the foreground.

Và tôi nghĩ đó là nhiệm vụ tại Shopify, thiết kế rất được chú trọng.

12:11

It's a very honest organization that's very self-aware.

Đó là một tổ chức rất trung thực và rất tự nhận thức.

12:15

It's a founder-led, engineering-led organization and design hasn't always played the role that it's playing now.

Đó là một tổ chức do người sáng lập lãnh đạo, do kỹ thuật lãnh đạo và thiết kế không phải lúc nào cũng đóng vai trò như hiện nay.

12:20

Design is very much helping shape the narrative of where the company is going and the level of craft and pride we're taking towards the tooling and the software that we're building for our merchants and that's beautiful to see and that was one

Thiết kế đang giúp định hình câu chuyện về nơi công ty đang đi và mức độ tay nghề và niềm tự hào mà chúng tôi dành cho công cụ và phần mềm mà chúng tôi đang xây dựng cho người bán của mình và điều đó thật đẹp khi thấy và đó là một trong

12:30

of the reasons we wanted to join because we felt while we were having fun designing websites for other studios like Collins or Spencer the illustrator, we also wanted to have a larger impact and and see if our strategy would hold

Những lý do chúng tôi muốn tham gia vì chúng tôi cảm thấy trong khi chúng tôi đang vui vẻ thiết kế trang web cho các studio khác như Collins hay họa sĩ minh họa Spencer, chúng tôi cũng muốn có tác động lớn hơn và xem liệu chiến lược của chúng tôi có đứng vững

12:44

up uh on interface paradigms with millions of users versus the few users I guess that would scroll around the Spencer website.- - Right.

Trên các mô hình giao diện với hàng triệu người dùng so với vài người dùng tôi đoán sẽ cuộn quanh trang web của Spencer.- - Đúng vậy.

12:53

And so it's a different set of challenges.

Và vì vậy đó là một bộ thách thức khác.

12:55

The design studio work that you did was create a new site or something to display work or work on a product or something like that.

Công việc của studio thiết kế mà bạn đã làm là tạo một trang web mới hoặc một cái gì đó để hiển thị tác phẩm hoặc làm việc trên một sản phẩm hoặc đại loại như vậy.

13:02

Talk about how it's different now.

Hãy nói về việc nó khác biệt như thế nào bây giờ.

13:04

Shopify has millions of users and there's a lot of money at stake with every design decision and interaction that you work on and what is your process like now being this internal design studio and how do you interface with the rest of the organization and how do you interface with users especially too?- - So I will say basically for now our studio exclusively operates within Sidekick which is the AI infrastructure layer of Shopify.

Shopify có hàng triệu người dùng và có rất nhiều tiền đặt cược vào mỗi quyết định thiết kế và tương tác mà bạn làm việc, và quy trình của bạn bây giờ như thế nào khi là studio thiết kế nội bộ này và bạn giao tiếp với phần còn lại của tổ chức như thế nào và bạn giao tiếp với người dùng đặc biệt như thế nào? - - Vậy tôi sẽ nói cơ bản là hiện tại studio của chúng tôi hoạt động độc quyền trong Sidekick, tầng cơ sở hạ tầng AI của Shopify.

13:29

Um the whole team works extremely close with the rest of the design organization, and it's a very beautiful like interplay, which is I think in general how these studios work or how this works more successfully.

Ừm, toàn bộ đội ngũ làm việc cực kỳ chặt chẽ với phần còn lại của tổ chức thiết kế, và đó là một sự tương tác rất đẹp, mà tôi nghĩ nói chung là cách các studio này hoạt động hoặc cách điều này hoạt động thành công hơn.

13:41

I've been in positions in also previous careers where if you're more isolated, it's always more difficult to ingest into the company and have a large impact in the company.

Tôi đã từng ở những vị trí trong cả những sự nghiệp trước đây, nơi mà nếu bạn bị cô lập hơn, thì luôn khó khăn hơn để hòa nhập vào công ty và có tác động lớn trong công ty.

13:52

I think at the moment we're very ingrained in the current workflows and ingrained in the timelines and uh in in our road map.

Tôi nghĩ hiện tại chúng tôi rất gắn bó với các quy trình làm việc hiện tại và gắn bó với các mốc thời gian và ừm trong lộ trình của chúng tôi.

14:00

Um and it's and it just it requires a lot of a lot of experimentation.

Ừm và nó và nó chỉ đòi hỏi rất nhiều thử nghiệm.

14:04

Honestly, like up-leveling the interface was easy for us because we've really talented designers who rebuild parts of the interface in Figma and then using AI, we're we're able to port that over into very tangible prototypes extremely quickly.

Thành thật mà nói, việc nâng cấp giao diện rất dễ dàng đối với chúng tôi vì chúng tôi có những nhà thiết kế thực sự tài năng, những người xây dựng lại các phần của giao diện trong Figma và sau đó sử dụng AI, chúng tôi có thể chuyển nó thành các nguyên mẫu rất cụ thể cực kỳ nhanh chóng.

14:18

And as we all know, prototypes are a million times more useful than any PRD document you can write.

Và như chúng ta đều biết, nguyên mẫu hữu ích gấp triệu lần so với bất kỳ tài liệu PRD nào bạn có thể viết.

14:25

Those spread around the company like wildfire.

Những thứ đó lan truyền khắp công ty như cháy rừng.

14:28

And if Toby sees a prototype that he likes, then we can go off and build that.

Và nếu Toby thấy một nguyên mẫu mà anh ấy thích, thì chúng tôi có thể đi và xây dựng nó.

14:32

And I feel with um some of the AI mutations work we've been looking at at Shopify, we can show some of that later.

Và tôi cảm thấy với ừm một số công việc đột biến AI mà chúng tôi đã xem xét tại Shopify, chúng tôi có thể trình bày một số điều đó sau.

14:38

It feels the same.

Nó cảm thấy giống nhau.

14:38

We have ideas in our head, and it's extremely easy for us right now um using the current the current technology to just simulate it all and generate uh prototypes.

Chúng tôi có ý tưởng trong đầu, và hiện tại cực kỳ dễ dàng đối với chúng tôi ừm sử dụng công nghệ hiện tại để chỉ mô phỏng tất cả và tạo ra ừm các nguyên mẫu.

14:47

Where in the past um at Molly, a lot of the work we were doing was by hand.

Trong khi trước đây ừm tại Molly, rất nhiều công việc chúng tôi làm là bằng tay.

14:52

Our sheets were designed by hand.

Các trang của chúng tôi được thiết kế bằng tay.

14:54

All the animations were done by our developers.

Tất cả các hoạt ảnh đều do các nhà phát triển của chúng tôi thực hiện.

14:56

Our direction might have been my idea, but other than that, there's like a thousand counterparts that you have to interact with.

Hướng đi của chúng tôi có thể là ý tưởng của tôi, nhưng ngoài ra, có cả ngàn đối tác mà bạn phải tương tác.

15:01

Right now, I'm seeing one-off armies or teams of two going off and and doing the work of many um because the tooling is just allowing us to do that.

Hiện tại, tôi thấy những đội quân một người hoặc nhóm hai người đi ra và làm công việc của nhiều người ừm vì công cụ chỉ cho phép chúng tôi làm điều đó.

15:12

And that's um that's making it a lot easier to get buying because I can show up with a prototype and get people's attention faster than I can if I have an idea and I have to um get a whole team rallied around an

Và điều đó ừm đang làm cho việc nhận được sự đồng ý trở nên dễ dàng hơn nhiều vì tôi có thể xuất hiện với một nguyên mẫu và thu hút sự chú ý của mọi người nhanh hơn so với khi tôi có một ý tưởng và tôi phải ừm tập hợp cả một đội ngũ xung quanh một

15:26

idea.- - Could you show us some of the work that you guys have been building at Shopify?- - This is basically a a redesign and facelift um of our current uh admin experience um with a with a new with a

Ý tưởng. - - Bạn có thể cho chúng tôi xem một số công việc mà các bạn đã xây dựng tại Shopify không? - - Đây cơ bản là một thiết kế lại và nâng cấp ừm trải nghiệm quản trị hiện tại của chúng tôi ừm với một với một với một

15:37

new home design uh and an overall an overall facelift of basically um the entire product which we've been working on um at the moment.

Thiết kế trang chủ mới ừm và tổng thể một sự nâng cấp tổng thể về cơ bản ừm toàn bộ sản phẩm mà chúng tôi đang làm việc ừm vào lúc này.

15:45

I think one of the more interesting things um that we've been exploring right now is just um how Sidekick and the merchant interact with each other.

Tôi nghĩ một trong những điều thú vị hơn ừm mà chúng tôi đang khám phá hiện tại chỉ là ừm cách Sidekick và người bán tương tác với nhau.

15:55

We have this concept of suggestion Sidekick suggestions on the home feed.

Chúng tôi có khái niệm này về gợi ý Sidekick trên nguồn cấp dữ liệu trang chủ.

16:00

These suggestions are uh brought to the merchant by us.

Những gợi ý này được ừm mang đến cho người bán bởi chúng tôi.

16:04

We've identified opportunities and benefits that the merchant could do inside of their ecosystem inside of their of their of their universe um and we can show those to the user and then as the user interacts um with these suggestions, we basically kick off a conversation with Sidekick.

Chúng tôi đã xác định các cơ hội và lợi ích mà người bán có thể làm bên trong hệ sinh thái của họ bên trong vũ trụ của họ ừm và chúng tôi có thể hiển thị những điều đó cho người dùng và sau đó khi người dùng tương tác ừm với những gợi ý này, về cơ bản chúng tôi bắt đầu một cuộc trò chuyện với Sidekick.

16:21

We can directly manipulate the admin dashboard for the user and we can show those changes to a user.

Chúng tôi có thể trực tiếp thao tác bảng điều khiển quản trị cho người dùng và chúng tôi có thể hiển thị những thay đổi đó cho người dùng.

16:29

So, we're showing a user right here.

Vì vậy, chúng tôi đang hiển thị cho người dùng ngay tại đây.

16:31

We think you should rewrite or re- rewrite the description of your of your product.

Chúng tôi nghĩ bạn nên viết lại hoặc viết lại mô tả sản phẩm của bạn.

16:36

Here's the here's the here's the suggestion um that we think you should do.

Đây là đây là đây là gợi ý ừm mà chúng tôi nghĩ bạn nên làm.

16:40

You can publish these changes and basically through a conversation with Sidekick, you've directly manipulated your store and it's the concept is more can we bring UI to the user and into the into it into context versus having um the user click through click through the interface.

Bạn có thể xuất bản những thay đổi này và về cơ bản thông qua một cuộc trò chuyện với Sidekick, bạn đã trực tiếp thao tác cửa hàng của mình và khái niệm là liệu chúng ta có thể mang UI đến cho người dùng và vào trong ngữ cảnh thay vì để ừm người dùng nhấp qua nhấp qua giao diện.

16:56

At the end of the day, um there's a world where uh a merchant can spend a lot more time on the home surface and use Shopify uh as a dashboard to delegate and interact with with Sidekick and have Sidekick directly manipulate the store.

Cuối cùng, ừm có một thế giới nơi ừm người bán có thể dành nhiều thời gian hơn trên bề mặt trang chủ và sử dụng Shopify ừm như một bảng điều khiển để ủy thác và tương tác với Sidekick và để Sidekick trực tiếp thao tác cửa hàng.

17:10

Right now, what you're looking at is is still a prototype environment.

Hiện tại, những gì bạn đang xem vẫn là một môi trường nguyên mẫu.

17:13

This is there's a dev UI panel inside here and basically we are we're building all of these the design team is building all of these changes and demos and and ideas right into the interface here so we can just test and build on top of it

Đây là có một bảng UI dành cho nhà phát triển bên trong đây và về cơ bản chúng tôi đang chúng tôi đang xây dựng tất cả những thay đổi và bản demo và ý tưởng này, đội thiết kế đang xây dựng tất cả ngay vào giao diện ở đây để chúng tôi có thể chỉ cần kiểm tra và xây dựng dựa trên nó

17:29

and it's it's become this beautiful process where once a demo is at a point where we kind of all align everybody branches off and builds a version of something that they think that brings value and then we all come back

Và nó đã trở thành một quy trình đẹp đẽ này, nơi mà khi một bản demo đạt đến điểm mà tất cả chúng tôi kinda đồng ý, mọi người phân nhánh và xây dựng một phiên bản của thứ gì đó mà họ nghĩ mang lại giá trị và sau đó tất cả chúng tôi quay lại

17:41

together and it actually lives all inside the same the same demo and the same language.- - Yeah.- - Um and it's just a beautiful way to to share ideas and and context.- - You said designers are building this in

Cùng nhau và nó thực sự sống tất cả bên trong cùng một bản demo và cùng một ngôn ngữ. - - Vâng. - - Ừm và đó chỉ là một cách tuyệt vời để chia sẻ ý tưởng và ngữ cảnh. - - Bạn nói rằng các nhà thiết kế đang xây dựng điều này trong

17:52

here.

Đây.

17:53

A lot of times designers are designing and they're not building but it's in Shopify and your team and you you are building a lot of the stuff that you are designing so that you can test it so you can prototype it so you can see it on live live data live experiences and that's a huge part of nailing it and building something useful and making sure that it's great.

Nhiều khi các nhà thiết kế đang thiết kế và họ không xây dựng nhưng nó ở trong Shopify và đội của bạn và bạn đang xây dựng rất nhiều thứ mà bạn đang thiết kế để bạn có thể kiểm tra nó, để bạn có thể tạo nguyên mẫu, để bạn có thể thấy nó trên dữ liệu trực tiếp, trải nghiệm trực tiếp và đó là một phần quan trọng để đạt được điều đó và xây dựng một thứ gì đó hữu ích và đảm bảo rằng nó tuyệt vời.

18:13

What was your evolution from you know designing in Figma- - Yep.- - to now you are not just designing but you're actually creating it out into the world to be able to test it and doing that full loop yourself.-

Sự tiến hóa của bạn từ việc thiết kế trong Figma - - Vâng. - - đến bây giờ bạn không chỉ thiết kế mà bạn thực sự tạo ra nó ra thế giới để có thể kiểm tra nó và tự mình thực hiện toàn bộ vòng lặp đó như thế nào? -

18:24

- In this specific case admin has a playground that we build inside of that playground we test that's not production code and that wouldn't be allowed back into the main GitHub repo of Shopify into like our main repository.

- Trong trường hợp cụ thể này, admin có một sân chơi mà chúng tôi xây dựng bên trong sân chơi đó, chúng tôi kiểm tra, đó không phải là mã sản xuất và sẽ không được phép đưa trở lại kho GitHub chính của Shopify vào kho chính của chúng tôi.

18:36

Having said that though AI has definitely gotten to the point now where as designers we are highly empowered and capable to visualize any idea that we want to get our idea across in a previous world that just wasn't possible.

Tuy nhiên, AI chắc chắn đã đạt đến điểm mà với tư cách là nhà thiết kế, chúng tôi được trao quyền cao và có khả năng hình dung bất kỳ ý tưởng nào mà chúng tôi muốn truyền đạt ý tưởng của mình, trong một thế giới trước đây điều đó không thể thực hiện được.

18:49

We looked at the at the Collins website earlier a lot of that work in Figma when we worked on it still looks like still looks like this.- - Mhm.- - You can zoom into any part here and they're like highly detailed Figma screens that that we're designing through and this is an ideation process.

Chúng tôi đã xem trang web Collins trước đó, rất nhiều công việc đó trong Figma khi chúng tôi làm việc trên nó vẫn trông giống như thế này. - - Ừm. - - Bạn có thể phóng to vào bất kỳ phần nào ở đây và chúng giống như các màn hình Figma có độ chi tiết cao mà chúng tôi đang thiết kế và đây là một quá trình lên ý tưởng.

19:06

I think this is a mixture of me Michael Spicer and J Tall working on this project together and you can just see the evolution of like as we're going through the like as we're going through ideas and like trying out new things.

Tôi nghĩ đây là sự kết hợp của tôi, Michael Spicer và J Tall làm việc cùng nhau trong dự án này và bạn có thể thấy sự tiến hóa của nó khi chúng tôi đang trải qua những ý tưởng và thử những điều mới.

19:18

These are These are too heavy and too expensive to test in code.

Những thứ này quá nặng và quá đắt để kiểm tra trong mã.

19:21

We don't want to test this um in code right now because it would require an engineer to take a look at it and build it for us.

Chúng tôi không muốn kiểm tra điều này ừm trong mã ngay bây giờ vì nó sẽ yêu cầu một kỹ sư xem xét và xây dựng nó cho chúng tôi.

19:27

So, we test it all in Figma.

Vì vậy, chúng tôi kiểm tra tất cả trong Figma.

19:28

Figma is the playground in the in the world we were building everything in.

Figma là sân chơi trong thế giới mà chúng tôi đang xây dựng mọi thứ.

19:32

We were building it on desktop and then we were translating it to mobile, and all of this had to be stress tested out in Figma first for a very long time before we would go and and bug the engineering team.

Chúng tôi đã xây dựng nó trên máy tính để bàn và sau đó chúng tôi chuyển nó sang thiết bị di động, và tất cả điều này phải được kiểm tra căng thẳng trong Figma trước trong một thời gian rất dài trước khi chúng tôi đi và làm phiền đội kỹ thuật.

19:42

A lot of the way I'm talking to AI or I'm still using Figma at the moment is I can get really far with a very broad sketch.

Rất nhiều cách tôi nói chuyện với AI hoặc tôi vẫn đang sử dụng Figma vào lúc này là tôi có thể đi rất xa với một bản phác thảo rất rộng.

19:50

Here's an example of um a side project I've been working on um over the weekend which I can go into detail a bit, but one of the things I wanted to build out for this for this project was a 2x3 overview of these grass studies and these videos I took.

Đây là một ví dụ về ừm một dự án phụ mà tôi đã làm ừm vào cuối tuần mà tôi có thể đi vào chi tiết một chút, nhưng một trong những điều tôi muốn xây dựng cho dự án này là một tổng quan 2x3 của những nghiên cứu cỏ này và những video tôi đã quay.

20:04

Um and the interaction here is you can open up any one of these videos and you can drag down to close them.

Ừm và tương tác ở đây là bạn có thể mở bất kỳ một trong những video này và bạn có thể kéo xuống để đóng chúng.

20:10

Um and it works the same in the in the simulator.

Ừm và nó hoạt động tương tự trong trình mô phỏng.

20:13

Um I I explained this I I described this to AI uh and and I was working in Codex, and Codex built this out for me.

Ừm tôi tôi đã giải thích điều này tôi tôi đã mô tả điều này cho AI ừm và và tôi đang làm việc trong Codex, và Codex đã xây dựng cái này cho tôi.

20:22

Um but the interaction wasn't uh interruptible.

Ừm nhưng tương tác không thể bị ngắt ừm.

20:24

So, every time I clicked on an asset and pulled it down, I had to wait until the asset was all the way back in its position and set down before I was able to tap on another image, and that's just not how you want to use this pattern.

Vì vậy, mỗi lần tôi nhấp vào một tài sản và kéo nó xuống, tôi phải đợi cho đến khi tài sản trở lại đúng vị trí và được đặt xuống trước khi tôi có thể nhấp vào một hình ảnh khác, và đó không phải là cách bạn muốn sử dụng mẫu này.

20:36

You This has to be very responsive very quickly, otherwise you'll get very annoyed with the interface very fast.

Bạn Điều này phải rất phản hồi rất nhanh, nếu không bạn sẽ rất khó chịu với giao diện rất nhanh.

20:42

So, I just went into Figma and kind of drew out very rudimentary simple boxes like when you click on the box, red comes up.

Vì vậy, tôi chỉ vào Figma và vẽ ra những hình chữ nhật rất đơn giản như khi bạn nhấp vào hình chữ nhật, màu đỏ hiện lên.

20:51

You can swipe it away.

Bạn có thể vuốt nó đi.

20:52

If as you're swiping it away, you click on blue, blue now comes up.

Nếu trong khi bạn đang vuốt nó đi, bạn nhấp vào màu xanh dương, màu xanh dương bây giờ hiện lên.

20:55

And you can click that away and you do it with green.

Và bạn có thể nhấp để bỏ nó đi và bạn làm tương tự với màu xanh lá cây.

20:57

And I think that's just like a good example of of how at least myself personally I'm I'm using I'm using Figma more.

Và tôi nghĩ đó chỉ là một ví dụ tốt về cách mà ít nhất là bản thân tôi tôi đang sử dụng tôi đang sử dụng Figma nhiều hơn.

21:04

Um it's more of a scratch pad to like map out ideas and I give those ideas to Codex.

Ừm nó giống như một bảng nháp để phác thảo ý tưởng và tôi đưa những ý tưởng đó cho Codex.

21:10

Um, and I and I use the scratchpad A because it's easier for me to decompile something, but also it's actually easy for Codex to decompile it if it sees it visually.

Ừm, và tôi và tôi sử dụng bảng nháp A vì tôi dễ dàng phân tách một thứ gì đó, nhưng cũng thực sự dễ dàng cho Codex phân tách nó nếu nó nhìn thấy nó một cách trực quan.

21:17

It interprets that image, I think similar to how I interpreted it.

Nó diễn giải hình ảnh đó, tôi nghĩ tương tự như cách tôi đã diễn giải nó.

21:21

I I at least it understood what I was doing and how I was thinking about the motion.

Tôi tôi ít nhất là nó hiểu những gì tôi đang làm và cách tôi đang nghĩ về chuyển động.

21:25

I couldn't articulate it via text or voice, but I could draw it out.

Tôi không thể diễn đạt nó bằng văn bản hoặc giọng nói, nhưng tôi có thể vẽ nó ra.

21:29

There's two parts of this that I think are important to call out.

Có hai phần của điều này mà tôi nghĩ là quan trọng để nêu ra.

21:32

I think number one, Codex and all the current um, AI software is and the models are extremely capable at creating anything.

Tôi nghĩ điều thứ nhất, Codex và tất cả phần mềm AI hiện tại ừm, và các mô hình cực kỳ có khả năng tạo ra bất cứ thứ gì.

21:39

You can use these tools to make anything that you want, but you have to know what you're doing and you have to be able to take a concept or something more complicated like the shader and break it down into all its little components.

Bạn có thể sử dụng những công cụ này để làm bất cứ thứ gì bạn muốn, nhưng bạn phải biết mình đang làm gì và bạn phải có khả năng lấy một khái niệm hoặc một thứ gì đó phức tạp hơn như shader và chia nhỏ nó thành tất cả các thành phần nhỏ của nó.

21:50

You have to be able to understand those commands and then you can put those components back together.- - Yeah, just show us how you did that here cuz so to be clear, you had a bunch of images- - and videos.- - and videos of actual grass.- - Yeah.- - And then you wanted to create a shader that looked identical to that, but you could control and function like a shader.

Bạn phải có khả năng hiểu những lệnh đó và sau đó bạn có thể lắp ráp các thành phần đó lại với nhau.- - Vâng, chỉ cho chúng tôi cách bạn đã làm điều đó ở đây vì vậy để rõ ràng, bạn đã có một loạt hình ảnh- - và video.- - và video về cỏ thật.- - Vâng.- - Và sau đó bạn muốn tạo một shader trông giống hệt như vậy, nhưng bạn có thể kiểm soát và hoạt động như một shader.

22:10

And so talk about how like the different elements and what you had to go through to actually get that to look lifelike.- - I have a few screenshots here.

Và vì vậy hãy nói về cách các yếu tố khác nhau và những gì bạn phải trải qua để thực sự làm cho nó trông sống động như thật.- - Tôi có vài ảnh chụp màn hình ở đây.

22:17

Again, this is a good example of how I use of how I use Figma.

Một lần nữa, đây là một ví dụ tốt về cách tôi sử dụng cách tôi sử dụng Figma.

22:20

So, I fed the video into into Codex for the first time and just explained it my the the project and the process that I was I wanted to go through.

Vì vậy, tôi đã đưa video vào Codex lần đầu tiên và chỉ giải thích cho nó dự án và quy trình mà tôi muốn thực hiện.

22:28

Take the video, turn this into a shader.

Lấy video, biến cái này thành một shader.

22:30

Um, I want the shader running in the web um, and I want you to be as as meticulous as you can.

Ừm, tôi muốn shader chạy trên web ừm, và tôi muốn bạn càng tỉ mỉ càng tốt.

22:36

Be very pixel perfect.

Hãy thật chính xác đến từng pixel.

22:37

Um, grab all the colors.

Ừm, lấy tất cả các màu.

22:39

Make sure that you're using the same hex codes.

Đảm bảo rằng bạn đang sử dụng cùng các mã hex.

22:41

Understand each part of the image and then try to recreate that.

Hiểu từng phần của hình ảnh và sau đó cố gắng tái tạo lại nó.

22:43

And it went off and said, "No problem.

Và nó đã chạy đi và nói, "Không vấn đề gì.

22:45

I got you."

Tôi hiểu rồi."

22:45

and it came up with this, which obviously doesn't look at all where we landed where we ended up now.

Và nó đưa ra cái này, rõ ràng là không giống chút nào so với nơi chúng ta đã đạt đến nơi chúng ta kết thúc bây giờ.

22:50

Um, but then the process from here was I would screenshot this and my original my original video.

Ừm, nhưng sau đó quy trình từ đây là tôi sẽ chụp màn hình cái này và video gốc của tôi video gốc của tôi.

22:57

I would open up ChatGPT and I gave it to another agent there.

Tôi sẽ mở ChatGPT và đưa nó cho một tác nhân khác ở đó.

23:01

I explained that agent exactly what I was doing as well as why is the other agent not understanding what I'm trying to get to.

Tôi giải thích cho tác nhân đó chính xác những gì tôi đang làm cũng như tại sao tác nhân kia không hiểu những gì tôi đang cố gắng đạt được.

23:06

And that ChatGPT then helped me kind of like understand my own process like, well, you have to explain to it where the light is coming from and what shadows you're using and maybe break the image actually down into like six parts and have it do each one of those individually and put that back together.

Và ChatGPT sau đó đã giúp tôi hiểu quy trình của chính mình như kiểu, à, bạn phải giải thích cho nó biết ánh sáng đến từ đâu và bạn đang sử dụng những bóng đổ nào và có thể chia hình ảnh thực sự thành sáu phần và bảo nó làm từng phần một rồi lắp ráp lại.

23:19

And as I was kind of thinking about all of these different things like I was trying to come up with how could I become very clear with the with AI and explain to it exactly what it was actually looking at.

Và khi tôi đang nghĩ về tất cả những điều khác nhau này như tôi đang cố gắng tìm ra cách tôi có thể trở nên rất rõ ràng với AI và giải thích cho nó chính xác những gì nó đang thực sự nhìn vào.

23:29

So, one of the tricks I used was I went into ChatGPT and I had it render basically a topographical map of the underlying structure.

Vì vậy, một trong những mẹo tôi đã sử dụng là tôi vào ChatGPT và bảo nó kết xuất cơ bản một bản đồ địa hình của cấu trúc bên dưới.

23:37

AI as I was going through this I was it was kind of getting closer and you could see that you know, it was painting more pixels into in into the grass blades.

AI khi tôi đang trải qua quá trình này nó đang dần tiến gần hơn và bạn có thể thấy rằng bạn biết đấy, nó đang vẽ nhiều pixel hơn vào trong những ngọn cỏ.

23:45

Yeah, these started to look like bushels a little bit and which felt more realistic and then over here we I was like, okay, we're getting somewhere here now.

Vâng, những cái này bắt đầu trông giống như những bụi cây một chút và điều đó có cảm giác thực tế hơn và sau đó ở đây tôi đã nghĩ, được rồi, chúng ta đang đạt được một cái gì đó ở đây rồi.

23:51

This doesn't look This doesn't look terrible anymore.

Cái này trông không cái này trông không còn tệ nữa.

23:53

But I kind of figured out it doesn't understand that there's it's not a flat layer underneath.

Nhưng tôi đã phần nào nhận ra nó không hiểu rằng có nó không phải là một lớp phẳng bên dưới.

23:58

These are little hills.

Đây là những ngọn đồi nhỏ.

23:59

- Right.

- Đúng vậy.

24:00

- Basically, I fed this back into AI and it and it understood, oh, okay.

- Về cơ bản, tôi đã đưa cái này trở lại AI và nó đã hiểu, ồ, được rồi.

24:04

So, there's there's a an underlying structure and a map that has different depths and heights and if I can render the grass on top of those on top of that infrastructure or of that structure in general, it'll be much

Vì vậy, có một cấu trúc bên dưới và một bản đồ có độ sâu và độ cao khác nhau và nếu tôi có thể kết xuất cỏ lên trên những cái đó trên trên cơ sở hạ tầng đó hoặc của cấu trúc đó nói chung, thì sẽ dễ dàng hơn nhiều

24:15

easier for me to create the scene and that kind of worked really well and you know, in this in this prototype reference you can actually buy there's a binary toggle to turn the grass on or off and you can actually play with the

Dễ dàng hơn cho tôi để tạo cảnh và điều đó đã hoạt động khá tốt và bạn biết đấy, trong mẫu tham chiếu này bạn thực sự có thể mua có một nút chuyển đổi nhị phân để bật hoặc tắt cỏ và bạn thực sự có thể chơi với

24:27

terrain quite a bit here as well.

Địa hình khá nhiều ở đây nữa.

24:29

- Right.

- Đúng vậy.

24:29

- This was all unlocked via Josh to me at a lunch the other day where he kind of like we installed DialKit into this demo because he looked at this and like this looks pretty good, but you should look at the length of the grass blades.

- Điều này đã được mở khóa nhờ Josh cho tôi vào bữa trưa ngày hôm trước khi anh ấy kiểu như chúng tôi đã cài đặt DialKit vào bản demo này vì anh ấy đã nhìn vào cái này và kiểu như cái này trông khá tốt, nhưng bạn nên xem độ dài của những ngọn cỏ.

24:40

I was like, whoa, okay, that's true.

Tôi đã kiểu như, ồ, được rồi, đúng vậy.

24:42

So, I asked I asked Codex like, hey, how many how many grass blade variations do we have?

Vậy là tôi hỏi Codex kiểu, này, chúng ta có bao nhiêu biến thể ngọn cỏ?

24:47

And it said we have about 217,000 different grass blades, but they only differ by like 0.7 0.8.

Và nó nói chúng ta có khoảng 217.000 ngọn cỏ khác nhau, nhưng chúng chỉ khác nhau khoảng 0,7 0,8.

24:53

So, we were like, okay, let's just build a toggle for it so that we can see it ourselves.

Nên chúng tôi kiểu, được rồi, cứ tạo một nút bật tắt cho nó để tự mình xem được.

24:56

I don't want to have to go back and forth with the interface and chat about this.

Tôi không muốn phải qua lại với giao diện và trò chuyện về chuyện này.

25:00

Expose the underlying structure.

Phơi bày cấu trúc bên dưới.

25:03

Exposing the underlying structure would also show me where I had made mistakes.

Phơi bày cấu trúc bên dưới cũng sẽ cho tôi thấy nơi tôi đã mắc lỗi.

25:07

The original version of the terrain map that I had implemented was completely wrong and and skewed.

Phiên bản gốc của bản đồ địa hình mà tôi đã triển khai hoàn toàn sai và bị lệch.

25:11

So, I couldn't get to my outcome anyway because I had misinterpreted something five prompts ago that I didn't know about anyway.

Nên dù sao tôi cũng không thể đạt được kết quả của mình vì tôi đã hiểu sai điều gì đó từ năm câu lệnh trước mà tôi cũng không biết.

25:18

Dial kit kind of unpack that for me.

Dial kit kiểu như gỡ rối chuyện đó cho tôi.

25:20

But then in general you can just mess with a few of these values and they kind of help like bring some of this like they they help visualize what I what I really wanted to see and if you know the length here is longer than you can you can laughter introduce more wind.

Nhưng nhìn chung thì bạn chỉ cần nghịch vài giá trị này và chúng kiểu giúp mang lại một phần những thứ này, chúng giúp hình dung ra điều tôi thực sự muốn thấy, và nếu bạn biết độ dài ở đây dài hơn thì bạn có thể [cười] thêm nhiều gió hơn.

25:34

This was something I wanted to test and see how how crazy I could get with the with the wind movement.

Đây là thứ tôi muốn thử và xem mình có thể điên đến mức nào với chuyển động của gió.

25:40

You can see it it gets a little wild.

Bạn có thể thấy nó hơi hoang dại một chút.

25:42

But yeah, I think this is just a small example of a little bit of like a fun project just to try and like see how far can you get with the tools.

Nhưng đúng vậy, tôi nghĩ đây chỉ là một ví dụ nhỏ về một dự án vui vẻ để thử xem bạn có thể đi xa đến đâu với các công cụ.

25:51

And these are things that I think before AI I I couldn't do.

Và đây là những thứ mà tôi nghĩ trước khi có AI tôi không thể làm được.

25:56

I just I might have had these ideas but I but I but I wasn't allowed or able to execute on them.

Tôi chỉ có thể đã có những ý tưởng này nhưng tôi không được phép hoặc không thể thực hiện chúng.

26:01

And I think that's just in general what's changing with a lot of the with the design role right now.

Và tôi nghĩ đó chính là điều đang thay đổi nói chung với rất nhiều vai trò thiết kế hiện nay.

26:06

And anyway like it's it's it's designers are becoming more full stack.

Và dù sao thì các nhà thiết kế đang trở nên đa năng hơn.

26:10

As are engineers and PMs.

Các kỹ sư và PM cũng vậy.

26:11

It goes it goes it goes in every which way.

Nó đi theo mọi hướng.

26:13

- There's no limitations now, right?

- Giờ không còn giới hạn nữa, đúng không?

26:15

And actually this is one of the one of the common patterns that we've been seeing a lot.

Và thực ra đây là một trong những mẫu phổ biến mà chúng tôi đã thấy rất nhiều.

26:21

Creating prototypes and then creating little widgets that allow you to control different variables in them to be able to test it really easily and get it right.

Tạo nguyên mẫu rồi tạo các widget nhỏ cho phép bạn điều khiển các biến khác nhau trong đó để có thể kiểm thử rất dễ dàng và làm cho đúng.

26:29

- Yeah.

- Đúng vậy.

26:29

- And previously it wouldn't have been worth anybody's time to do that.

- Và trước đây thì không đáng để ai bỏ thời gian làm việc đó.

26:32

You would just you know maybe play with variables in code or something until you got it and then you'd call it good.

Bạn sẽ chỉ, bạn biết đấy, có thể nghịch các biến trong mã hoặc gì đó cho đến khi làm được rồi coi như xong.

26:38

And that would take way longer or you wouldn't even spend the time doing it.

Và việc đó sẽ mất nhiều thời gian hơn, hoặc bạn thậm chí sẽ không bỏ thời gian làm.

26:41

Now it's so easy to create new little software tools to be able to control these variables and test things and dial it in perfectly.

Giờ thì quá dễ để tạo các công cụ phần mềm nhỏ mới để điều khiển các biến này, kiểm thử mọi thứ và tinh chỉnh cho hoàn hảo.

26:48

- Yeah.

- Đúng vậy.

26:48

- Which I guess is where the name dial kit comes from.

- Mà tôi đoán đó là nguồn gốc của cái tên dial kit.

26:51

So yeah, maybe tell us more about DialKit here.

Vậy đúng rồi, có lẽ hãy kể cho chúng tôi thêm về DialKit ở đây.

26:53

So, this is a product that makes it really easy to create and then tweak a lot of these variables in whatever project you're working on, right?

Đây là một sản phẩm giúp việc tạo rồi tinh chỉnh rất nhiều biến này trong bất kỳ dự án nào bạn đang làm trở nên rất dễ dàng, đúng không?

27:02

- Exactly.

- Chính xác.

27:02

So, so yeah, that's that's that's basically exactly how it works.

Vậy đúng rồi, đó cơ bản chính xác là cách nó hoạt động.

27:05

You can just run npm run via his website.

Bạn chỉ cần chạy npm run qua trang web của anh ấy.

27:08

They have a little prompt for it.

Họ có một câu lệnh nhỏ cho nó.

27:10

You can just plug it into to whatever you're working on.

Bạn chỉ cần cắm nó vào bất cứ thứ gì bạn đang làm.

27:12

I have another project that I can quickly show.

Tôi có một dự án khác có thể cho xem nhanh.

27:15

This is just another version of DialKit.

Đây chỉ là một phiên bản khác của DialKit.

27:17

Um in the specific in the specific project where I was manipulating um a carousel.

Ừm trong dự án cụ thể nơi tôi đang thao tác ừm một băng chuyền.

27:26

Um This is inspired by Mike Matas.

Ừm cái này được truyền cảm hứng từ Mike Matas.

27:29

He's a design leader at Luv From, and his portfolio carousel works in this way, and I wanted to see like there's so much nuance in the way that carousel works and the way you can drag down an artifact, and when you let go of that artifact, the way basically almost like energy ripples out from that from that specific artifact and triggers a a collision effect with the other artifacts left and right.

Anh ấy là lãnh đạo thiết kế tại Luv From, và băng chuyền trong portfolio của anh ấy hoạt động theo cách này, và tôi muốn xem vì có rất nhiều sắc thái trong cách băng chuyền đó hoạt động và cách bạn có thể kéo một vật thể xuống, và khi bạn thả vật thể đó ra, về cơ bản gần như năng lượng lan tỏa ra từ vật thể cụ thể đó và kích hoạt hiệu ứng va chạm với các vật thể khác bên trái và bên phải.

27:50

Building out this the side panel here right now helped me basically look under the hood of my own of of the own Frankenstein that I created here with 91 prompts, and it just helps you dial in some of these some of these different some of these different parameters that are really important like pull boost means the faster I drag this down, the stronger the stronger the boost is.

Việc xây dựng bảng bên này ngay bây giờ đã giúp tôi cơ bản nhìn vào bên trong cỗ máy Frankenstein của chính mình mà tôi đã tạo ra ở đây với 91 câu lệnh, và nó chỉ giúp bạn tinh chỉnh một số tham số khác nhau trong số này, những tham số thực sự quan trọng, như pull boost nghĩa là tôi kéo xuống càng nhanh thì lực boost càng mạnh.

28:11

You want to play around with that toggle a little bit.

Bạn muốn nghịch cái nút bật tắt đó một chút.

28:13

It can't feel too intimidating or too or too strong.

Nó không thể cảm thấy quá đáng sợ hoặc quá mạnh.

28:16

Otherwise, the otherwise, the whole system just feels off.

Nếu không thì toàn bộ hệ thống chỉ cảm thấy sai lệch.

28:18

And I know when it feels off, but the back and forth with chat just doesn't work.

Và tôi biết khi nó cảm thấy sai lệch, nhưng việc qua lại với chat chỉ không hiệu quả.

28:22

Um you need to be able to to always expose those kind of those kind of values.

Ừm bạn cần có khả năng luôn phơi bày những loại giá trị đó.

28:27

- It seems like a lot of all the projects that we've looked at here and a lot of what you're describing is just having setting an unreasonably high bar, and now we have the tools to actually be able to meet it much faster than it would have taken before.

- Có vẻ như rất nhiều, tất cả các dự án chúng ta đã xem ở đây và rất nhiều điều bạn đang mô tả chỉ là đặt ra một tiêu chuẩn cao một cách vô lý, và giờ chúng ta có các công cụ để thực sự có thể đáp ứng nó nhanh hơn nhiều so với trước đây.

28:41

- Yes.

- Đúng vậy.

28:41

- And so, what is the role of the designer and maybe even non-designers?

- Và vậy thì vai trò của nhà thiết kế và có lẽ cả những người không phải nhà thiết kế là gì?

28:46

How should they be thinking about design?

Họ nên nghĩ về thiết kế như thế nào?

28:47

Yeah, a lot of the audience that watches this are um maybe founders of early startups that maybe feel like they're engineers, but don't have a design bone in their body or um designers that are maybe trying to figure out like could I start a company or could I actually build the product?

Đúng vậy, nhiều khán giả xem chương trình này có lẽ là những nhà sáng lập startup giai đoạn đầu, những người có thể cảm thấy mình là kỹ sư nhưng không có chút năng khiếu thiết kế nào, hoặc là những nhà thiết kế đang cố gắng tìm hiểu xem liệu tôi có thể thành lập công ty hay thực sự xây dựng sản phẩm không?

29:03

I'm so used to, you know, designing in Figma and passing it off to somebody maybe where you guys have been in the past.

Tôi đã quá quen với việc thiết kế trên Figma và chuyển giao cho ai đó, có thể giống như các bạn đã từng làm trước đây.

29:09

How should they think about themselves in being able to um up-level the way that they use AI to create higher quality design?

Họ nên nghĩ về bản thân như thế nào để có thể nâng cao cách họ sử dụng AI nhằm tạo ra thiết kế chất lượng cao hơn?

29:17

- A lot of the way I keep thinking about AI in general is just it's an infinitely patient collaborator and and teammate.

- Cách tôi vẫn thường nghĩ về AI nói chung là nó giống như một cộng tác viên và đồng đội vô cùng kiên nhẫn.

29:25

Codex won't get mad at me if I need 91 approaches at getting the animation correct.

Codex sẽ không giận tôi nếu tôi cần đến 91 cách tiếp cận để làm đúng hiệu ứng động.

29:30

If I had done that with my engineer, they would probably flip out.

Nếu tôi làm điều đó với kỹ sư của mình, có lẽ họ sẽ phát điên lên.

29:34

But so my my advice to to everybody is like and it sounds kind of silly, but like tinker with the tooling.

Nhưng lời khuyên của tôi cho mọi người là, nghe có vẻ hơi ngớ ngẩn, nhưng hãy mày mò với các công cụ.

29:40

Like you can go in and just describe what you want it to do and when you see a result, like don't give up.

Bạn có thể vào và chỉ mô tả những gì bạn muốn nó làm, và khi bạn thấy kết quả, đừng bỏ cuộc.

29:46

Just explain to that this is not how you envision it.

Chỉ cần giải thích với nó rằng đây không phải là cách bạn hình dung.

29:48

Send it a website where you really like the carousel animation or give it a screenshot of from save it or cosmos of something that you that you think looks really beautiful.

Gửi cho nó một trang web mà bạn thực sự thích hiệu ứng carousel hoặc đưa cho nó ảnh chụp màn hình từ save it hoặc cosmos về thứ gì đó mà bạn nghĩ trông thực sự đẹp.

29:55

Show it a color palette and that it should start to copy for you and just keep going back and forth and back and forth and kind of shaping your narrative together with with the tool.

Cho nó xem một bảng màu và nó sẽ bắt đầu sao chép cho bạn, và cứ tiếp tục qua lại, qua lại và cùng nhau định hình câu chuyện của bạn với công cụ.

30:04

I think that's that's that's that's really important and for designers specifically, my trick or what I always learn was just like just try to copy.

Tôi nghĩ điều đó thực sự quan trọng, và đặc biệt với các nhà thiết kế, mẹo của tôi hoặc điều tôi luôn học được là chỉ cần cố gắng sao chép.

30:11

Like even now, um I'm I'm trying to imitate this carousel animation um that's been around for quite a while because now I have an infinitely patient teacher and friend that I can build it with um and so now I can

Ngay cả bây giờ, tôi đang cố gắng bắt chước hiệu ứng carousel này, thứ đã tồn tại khá lâu, vì giờ tôi có một người thầy và người bạn vô cùng kiên nhẫn để cùng xây dựng nó, và vì vậy giờ tôi có thể

30:25

look under the hood and that's you know, I'm doing that in my own time on my own weekend without bugging any of the engineers because it's my experiment and I want to understand and and decompile how this thing is put

Nhìn vào bên trong và đó là, bạn biết đấy, tôi làm điều đó trong thời gian riêng vào cuối tuần mà không làm phiền bất kỳ kỹ sư nào vì đó là thử nghiệm của tôi và tôi muốn hiểu và phân rã cách thứ này được lắp ráp

30:35

together.

Lại với nhau.

30:35

Um that teaches me how to be a better manager and how to be a better collaborator and be a better team member um and I think that's how we should be be treating these tools.

Điều đó dạy tôi cách trở thành một người quản lý tốt hơn, một cộng tác viên tốt hơn và một thành viên nhóm tốt hơn, và tôi nghĩ đó là cách chúng ta nên đối xử với những công cụ này.

30:43

- Yeah, that's that's great advice.

- Đúng vậy, đó là lời khuyên tuyệt vời.

30:45

YC's next batch is now taking applications.

Khóa tiếp theo của YC hiện đang nhận đơn đăng ký.

30:48

Got a startup in you?

Bạn có một startup trong mình?

30:50

Apply at ycombinator.com/apply.

Đăng ký tại ycombinator.com/apply.

30:53

It's music never too early, and filling out the app will level up your idea.

Không bao giờ là quá sớm, và việc điền vào đơn sẽ nâng tầm ý tưởng của bạn.

30:57

Okay, back to the video.

Được rồi, quay lại video.

30:59

- Should we review some websites?

- Chúng ta có nên xem xét một số trang web không?

31:00

Yeah, I'd love to.

Ừ, tôi rất muốn.

31:01

Let's do it.

Hãy làm thôi.

31:01

- All right, let's do it.

- Được rồi, hãy làm thôi.

31:02

- For sure.

- Chắc chắn rồi.

31:02

- First up, we've got Nstack.

- Đầu tiên, chúng ta có Nstack.

31:06

So, let's see.

Vậy, hãy xem.

31:07

Okay, so - Uh, this is Nstack, the only AI workspace you'll need.

Được rồi, vậy - Ừ, đây là Nstack, không gian làm việc AI duy nhất bạn cần.

31:11

One powerful agent, one intuitive desktop workspace, and every tool you need to handle any task.

Một tác nhân mạnh mẽ, một không gian làm việc trên máy tính trực quan và mọi công cụ bạn cần để xử lý bất kỳ nhiệm vụ nào.

31:17

Okay.

Được rồi.

31:18

- I mean, I think right off the bat I would say one thing that's very nice about it is the fact that they're emulating, obviously, the desktop in general.

- Ý tôi là, ngay từ đầu tôi sẽ nói một điều rất hay về nó là việc họ đang mô phỏng, rõ ràng, toàn bộ màn hình máy tính.

31:24

So, it feels like you're on a desktop, and I think you can probably use these and ex- explore these.

Vì vậy, cảm giác như bạn đang ở trên máy tính, và tôi nghĩ bạn có thể sử dụng và khám phá những thứ này.

31:28

And yeah, I mean, you I think what's nice about this is like you're basically just in their product already, and you're and you're using their product.

Và đúng vậy, ý tôi là, tôi nghĩ điều hay ở đây là bạn về cơ bản đã ở trong sản phẩm của họ và bạn đang sử dụng sản phẩm của họ.

31:34

- Yeah.

- Đúng vậy.

31:34

- Um - I think I'm a little confused about what to use it for, though.

- Ừm - Tuy nhiên, tôi hơi bối rối không biết dùng nó để làm gì.

31:37

It's like it's an AI The only AI workspace you'll need.

Nó giống như là một AI Không gian làm việc AI duy nhất bạn cần.

31:40

It's one desktop, every tool you need to handle any task.

Đó là một màn hình máy tính, mọi công cụ bạn cần để xử lý bất kỳ nhiệm vụ nào.

31:43

And it's hard when it's so broad to figure out what should I use it this for.

Và thật khó khi nó quá rộng để tìm ra tôi nên dùng nó cho việc gì.

31:47

And maybe, literally, you can use it for anything, but I feel like sometimes it's helpful, like what do you want the user to do when they hit this?

Và có lẽ, theo nghĩa đen, bạn có thể dùng nó cho bất cứ điều gì, nhưng tôi cảm thấy đôi khi thật hữu ích, kiểu như bạn muốn người dùng làm gì khi họ nhấn vào đây?

31:54

- Yeah.

- Đúng vậy.

31:54

I mean, to your point right now, like from a visual perspective, it's very overloading, right?

Ý tôi là, theo quan điểm của bạn lúc này, từ góc độ thị giác, nó rất quá tải, đúng không?

31:59

You have a lot of content in the sidebar.

Bạn có rất nhiều nội dung trong thanh bên.

32:01

You have this chat history here that you can kind of scroll through.

Bạn có lịch sử trò chuyện ở đây mà bạn có thể cuộn qua.

32:04

Then it seems like you have some sort of an interface here, but also kind of the main messaging - Uh-huh.

Sau đó, có vẻ như bạn có một loại giao diện nào đó ở đây, nhưng cũng có thể là thông điệp chính - Uh-huh.

32:09

- of Nstack um sits right over here.

- của Nstack nằm ngay ở đây.

32:12

It's hard for me to figure out exactly what to focus on first.

Thật khó để tôi xác định chính xác nên tập trung vào điều gì trước tiên.

32:15

My German graphic design professor would always say when we were making posters in school where I was studying typography, and he would always say that this poster doesn't dictate.

Giáo sư thiết kế đồ họa người Đức của tôi luôn nói khi chúng tôi làm áp phích ở trường, nơi tôi học typography, và ông ấy luôn nói rằng tấm áp phích này không áp đặt.

32:23

It's not dictatish.

Nó không mang tính áp đặt.

32:24

It means there's nothing in this poster right now that is drawing my attention.

Nghĩa là hiện tại không có gì trên tấm poster này thu hút sự chú ý của tôi.

32:27

Like I don't know what to do when I look at it, - Yeah.

Kiểu như tôi không biết phải làm gì khi nhìn vào nó, - Ừ.

32:30

- basically.

- đại khái vậy.

32:30

I don't know what to look at first.

Tôi không biết nên nhìn vào đâu trước.

32:31

- Yeah.

- Ừ.

32:32

Yeah, do I click these icons?

Ừ, tôi có nên bấm vào mấy cái biểu tượng này không?

32:33

Do I go in the Slack-like thing?

Tôi có nên vào cái thứ giống Slack kia không?

32:35

Do I go in the chat interface?

Tôi có nên vào giao diện chat không?

32:37

- Am I texting and talking to the chat here?

- Tôi đang nhắn tin và nói chuyện với chat ở đây à?

32:38

- Yeah.

- Ừ.

32:39

- Why am I called Mark?

- Sao tôi lại tên là Mark?

32:40

- Yeah, you're Mark, I guess.

- Ừ, chắc bạn là Mark rồi.

32:40

- I'm Mark now.

- Giờ tôi là Mark.

32:42

I think feedback here, which would be nice, which probably would be like some of the some of the clutter here I would almost collapse and make it more around the introduction and the headline and what do I want the user to read and take away?

Tôi nghĩ góp ý ở đây sẽ hay, có lẽ là một số thứ lộn xộn ở đây tôi gần như sẽ thu gọn lại và làm cho nó tập trung hơn quanh phần giới thiệu và tiêu đề, và tôi muốn người dùng đọc và ghi nhớ điều gì?

32:55

- Yeah.

- Ừ.

32:55

- And maybe a simple way into a very quick demo of the tool or of the software offering would be really would be really important.

- Và có lẽ một cách đơn giản để vào một bản demo rất nhanh của công cụ hoặc của phần mềm được cung cấp sẽ thực sự rất quan trọng.

33:02

But at least it's you know, there's a it's it's it's very whimsical and feels kind of retro, which is nice.

Nhưng ít nhất thì, bạn biết đấy, nó rất ngộ nghĩnh và có cảm giác hơi cổ điển, điều đó thật dễ chịu.

33:08

- Yeah, there's always usually or there should be one specific goal that is like the primary goal or the primary KPI or the main thing you want a user to do when they hit the site.

- Ừ, thường thì luôn có hoặc nên có một mục tiêu cụ thể, kiểu như mục tiêu chính hoặc KPI chính hoặc điều chính bạn muốn người dùng làm khi họ vào trang.

33:17

I'm not sure what it is here.

Tôi không chắc ở đây là gì.

33:19

Maybe it's like get started, maybe it's talk to this agent.

Có thể là bắt đầu, có thể là nói chuyện với tác nhân này.

33:21

But whatever it is, there's so many other things that are pulling your attention and distracting you from whatever it is the main goal is that they want the user to do.

Nhưng dù là gì đi nữa, có quá nhiều thứ khác đang kéo sự chú ý của bạn và làm bạn xao nhãng khỏi mục tiêu chính mà họ muốn người dùng thực hiện.

33:29

And maybe the get started button is the is the primary CTA, but they have these other buttons over here - Yeah.

Và có lẽ nút bắt đầu là CTA chính, nhưng họ có mấy nút khác ở đằng này - Ừ.

33:35

- that were more in the middle that looked exactly like those buttons.

- mà trước đó ở giữa trông y hệt mấy nút đó.

33:39

And so now there's multiple buttons that have the same color and are calling Yeah, it's like general engineering, marketing, get started.

Và thế là giờ có nhiều nút cùng màu và cùng kêu gọi, ừ, kiểu như kỹ thuật tổng quát, tiếp thị, bắt đầu.

33:45

What is the one that they want us to focus on first?

Cái nào là cái họ muốn chúng ta tập trung vào trước?

33:48

- Someone once said this to me.

- Có người từng nói với tôi điều này.

33:50

It's like often times when we build websites, we focus on one thing on that website and we make that really well and we we build the whole narrative around that one thing.

Kiểu như thường khi chúng ta xây dựng website, chúng ta tập trung vào một thứ trên trang đó và làm nó thật tốt, và chúng ta xây dựng toàn bộ câu chuyện xoay quanh một thứ đó.

34:00

On Collins, it definitely felt more like the books the book stack was something that we were proud of and wanted to show off.

Ở Collins, chắc chắn cảm giác thiên về những cuốn sách, chồng sách là thứ chúng tôi tự hào và muốn khoe ra.

34:05

And that and that is the heart of of the website is a lot of the visual work.

Và đó chính là trái tim của website, phần lớn là tác phẩm thị giác.

34:09

And I felt there was an easy way to navigate into that page and then you can spend a lot of time there because it's easy to use.

Và tôi cảm thấy có một cách dễ dàng để điều hướng vào trang đó, rồi bạn có thể dành nhiều thời gian ở đó vì nó dễ dùng.

34:15

As Nstech, I would be I was I would be asking myself, what is the what is the one thing I can rally around and get people to to look at and do?

Với tư cách là Nstech, tôi sẽ tự hỏi mình, đâu là thứ duy nhất tôi có thể tập hợp quanh nó và khiến mọi người xem và làm?

34:22

And if they only take one thing away, it's better than trying to do everything at the same time.

Và nếu họ chỉ mang đi một thứ, thì vẫn tốt hơn là cố làm mọi thứ cùng lúc.

34:26

And that's kind of what's happening here to next thing.

Và đó đại khái là điều đang diễn ra ở đây, sang thứ tiếp theo.

34:28

There's a lot of things screaming for attention.

Có rất nhiều thứ đang gào thét đòi sự chú ý.

34:30

- Yes.

- Đúng vậy.

34:31

- It's the opposite of progressively disclosing information.

- Nó ngược lại với việc tiết lộ thông tin dần dần.

34:34

- Yes.

- Đúng vậy.

34:34

And maybe as a positive, one thing that I think is probably good that they do is they're trying to drop you right in the product.

Và có lẽ như một điểm tích cực, một điều tôi nghĩ có lẽ là tốt mà họ làm là họ cố đưa bạn thẳng vào sản phẩm.

34:40

I assume this is actually how the product functions Yeah.

Tôi cho rằng đây thực sự là cách sản phẩm vận hành, ừ.

34:42

and they're not trying to, you know, tell you about the product and then get you to click a bunch of things and sign up and stuff.

Và họ không cố, bạn biết đấy, kể cho bạn nghe về sản phẩm rồi bắt bạn bấm một loạt thứ và đăng ký này nọ.

34:47

They're like, "If the aha moment is people just starting to use the product, let's just get people into the product as early as possible."

Họ kiểu như, "Nếu khoảnh khắc aha là việc mọi người bắt đầu dùng sản phẩm, thì cứ đưa người ta vào sản phẩm càng sớm càng tốt."

34:52

But it still feels maybe like we need a little bit more context to figure out what exactly we should be doing here.

Nhưng vẫn có cảm giác có lẽ chúng ta cần thêm chút bối cảnh để hiểu chính xác mình nên làm gì ở đây.

34:58

- Agree.

- Đồng ý.

34:58

- N stack.

34:59

Thank you.

Cảm ơn.

35:00

All right, let's take a look at Skill Sync.

Được rồi, hãy xem Skill Sync.

35:02

Free local-first Mac app that carries your memory and skills across every agent and teammate.

Ứng dụng Mac miễn phí, ưu tiên cục bộ, mang ký ức và kỹ năng của bạn theo mọi tác nhân và đồng đội.

35:08

- That's nice.

- Hay đấy.

35:09

Yeah.

Ừ.

35:09

I mean, at least it's clear I think what the company does.

Ý tôi là, ít nhất thì tôi nghĩ cũng rõ công ty này làm gì.

35:12

- Yeah, okay.

- Ừ, được.

35:13

- Yeah.

- Ừ.

35:14

- So it's got skills and they sync.

- Vậy là nó có các kỹ năng và chúng đồng bộ với nhau.

35:15

- Yeah.

- Ừ.

35:16

- laughter - Yeah, I mean, it it's in dark mode.

- [cười] - Ừ, ý tôi là, nó ở chế độ tối.

35:19

Um, the fonts are I would say are very small.

Ừm, phông chữ thì tôi phải nói là rất nhỏ.

35:23

The difference between Skill Net as basically the logo and the first paragraph below it, there's a lot of percentages in the typography.

Sự khác biệt giữa Skill Net, về cơ bản là logo, và đoạn văn đầu tiên bên dưới nó, có rất nhiều tỷ lệ phần trăm trong phần chữ.

35:29

few heights here that I that I that I think we could we could skew in a little bit.

Có vài chiều cao ở đây mà tôi nghĩ chúng ta có thể điều chỉnh lại một chút.

35:33

They feel a little off in my opinion.

Theo ý tôi thì chúng có vẻ hơi lệch.

35:36

And again, there's there's a lot of very dense information.

Và một lần nữa, có rất nhiều thông tin rất dày đặc.

35:39

- Mhm.

- Ừm.

35:40

- Um, and often times to what we were just saying about N stack, it's actually as soon as you start to abstract some of the functionalities and features but still stay very detailed like they're doing here, it becomes very hard to understand exactly what it does.

- Ừm, và thường thì, liên quan đến điều chúng ta vừa nói về N stack, thực ra ngay khi bạn bắt đầu trừu tượng hóa một số chức năng và tính năng nhưng vẫn giữ rất chi tiết như họ đang làm ở đây, thì sẽ rất khó hiểu chính xác nó làm gì.

35:52

Like it'll require a lot of actual reading of all of these features to kind of understand what's going on.

Kiểu như bạn sẽ phải thực sự đọc hết tất cả các tính năng này để hiểu được chuyện gì đang diễn ra.

35:57

- I'm curious your take on this.

- Tôi tò mò muốn nghe ý kiến của bạn về cái này.

35:59

Um, so what they've got here is they've got basically a bunch of sidebar tabs that are trying to show off different features.

Ừm, vậy cái họ có ở đây về cơ bản là một loạt các tab thanh bên đang cố khoe ra các tính năng khác nhau.

36:05

And you, I feel like have an interesting approach on tabs cuz all those sliders that you make, they're effectively like tabs, right?

Và tôi cảm thấy bạn có một cách tiếp cận thú vị với các tab, vì tất cả những thanh trượt bạn làm, chúng thực chất giống như các tab, đúng không?

36:13

It's just you have the affordance of knowing that there are multiple of them and you can see multiple at a time.

Chỉ là bạn có khả năng nhận biết rằng có nhiều cái trong số đó và bạn có thể thấy nhiều cái cùng lúc.

36:18

- Yeah.

- Ừ.

36:19

- And I feel like the trap that a lot of people fall into a lot of times with tabs like these is people users usually will not click on all of the tabs and explore them all.

- Và tôi cảm thấy cái bẫy mà nhiều người hay rơi vào với những tab như thế này là người dùng thường sẽ không nhấp vào tất cả các tab và khám phá hết chúng.

36:27

And so, you have to assume that whatever is hidden behind all of them, nobody will ever see.

Và vì vậy, bạn phải giả định rằng bất cứ thứ gì bị ẩn sau tất cả chúng, sẽ không ai bao giờ thấy.

36:32

How do you think about that?

Bạn nghĩ thế nào về điều đó?

36:33

And what How can they encourage people to explore this more and get more information rather than burying everything behind tabs?

Và làm thế nào họ có thể khuyến khích mọi người khám phá điều này nhiều hơn và nhận được nhiều thông tin hơn thay vì chôn vùi mọi thứ sau các tab?

36:40

- There's this rule I always have like you can't put more than seven lines of text on a on a slide if you're presenting work.

- Có một quy tắc tôi luôn áp dụng, kiểu như bạn không thể đặt quá bảy dòng chữ trên một slide nếu bạn đang thuyết trình công việc.

36:47

Like you have to come up with almost rules and constraints of how many features you want to show off.

Kiểu như bạn phải đưa ra gần như các quy tắc và ràng buộc về việc bạn muốn khoe bao nhiêu tính năng.

36:52

Like a good example I think I would use a three up component here.

Một ví dụ hay tôi nghĩ là tôi sẽ dùng một thành phần ba cột ở đây.

36:56

I would take all of these features.

Tôi sẽ lấy tất cả các tính năng này.

36:57

I would compress this information down and try to understand what are the top three things that Skill Synch can do for you.

Tôi sẽ nén thông tin này lại và cố hiểu ba điều hàng đầu mà Skill Synch có thể làm cho bạn là gì.

37:03

You can do X, Y, and Z. Those are the three things you show off.

Bạn có thể làm X, Y và Z. Đó là ba điều bạn khoe ra.

37:06

All of those are tappable.

Tất cả chúng đều có thể nhấp được.

37:08

They lead you into potentially sheets or or a view transition into more information.

Chúng dẫn bạn vào có thể là các bảng hoặc một chuyển cảnh xem để có thêm thông tin.

37:12

And then you have more context behind.

Và sau đó bạn có thêm ngữ cảnh phía sau.

37:14

Since it's very flat and broad, you're kind of like a mile wide but like only an inch deep.

Vì nó rất phẳng và rộng, kiểu như bạn rộng một dặm nhưng chỉ sâu một inch.

37:20

You don't really know what you're what you're really looking at.

Bạn thực sự không biết mình đang nhìn cái gì.

37:23

That's what that requires like a deeper understanding of your feature set and and then more condensing those down into principles and rules and main kind of like points.

Đó là cái đòi hỏi sự hiểu biết sâu hơn về bộ tính năng của bạn và sau đó nén chúng lại thành các nguyên tắc, quy tắc và các điểm chính.

37:35

And then you can rally or bring more information under each of those kind of pillars.

Và sau đó bạn có thể tập hợp hoặc mang thêm thông tin vào dưới mỗi cột trụ đó.

37:41

And that'll help the users understand the flow of the website better and how to navigate it.

Và điều đó sẽ giúp người dùng hiểu luồng của trang web tốt hơn và cách điều hướng nó.

37:46

And it's also better for the founders.

Và nó cũng tốt hơn cho các nhà sáng lập.

37:48

I feel like if I was still running my studio and we were working with this company right now, there would be an a whole exercise and like well, what's the one thing you do?

Tôi cảm thấy nếu tôi vẫn đang điều hành studio của mình và chúng tôi đang làm việc với công ty này ngay bây giờ, sẽ có cả một bài tập kiểu như, à, điều duy nhất bạn làm là gì?

37:54

- Yeah.

- Ừ.

37:55

- If it's sinking skills, let's only talk about that and make that really cool and show that off and then get people to use the product as quickly as possible.

- Nếu là đồng bộ kỹ năng, hãy chỉ nói về điều đó và làm cho nó thật ngầu và khoe nó ra, rồi khiến mọi người dùng sản phẩm càng nhanh càng tốt.

38:01

So, I mean it's also interesting like we just hit the bottom of the page.

Vậy, ý tôi là cũng thú vị là chúng ta vừa chạm đến cuối trang.

38:04

- Yeah.

- Ừ.

38:04

- It's not very tall.

- Nó không cao lắm.

38:06

- Yeah.

- Ừ.

38:06

Yeah.

Ừ.

38:06

- And so, I think users are comfortable scrolling.

- Và vì vậy, tôi nghĩ người dùng thấy thoải mái khi cuộn.

38:08

And so, if there is important information that is hidden behind a lot of these feature tabs here, just break them out and like make the page longer.

Và vì vậy, nếu có thông tin quan trọng bị ẩn sau nhiều tab tính năng ở đây, cứ tách chúng ra và làm cho trang dài hơn.

38:17

It's okay.

Không sao đâu.

38:17

People can scroll longer rather than compressing it and hiding everything.

Mọi người có thể cuộn lâu hơn thay vì nén lại và ẩn mọi thứ đi.

38:21

- Exactly.

- Chính xác.

38:21

- And the other trap that I see a lot of people falling into um with uh with the AI tools now is because it's so easy to, you know, create a different like image or animation.

- Và cái bẫy khác mà tôi thấy nhiều người rơi vào, ừm, với ừm với các công cụ AI hiện nay là vì nó quá dễ dàng, bạn biết đấy, để tạo ra một hình ảnh hay hoạt ảnh khác.

38:32

Like these are actually animations, right?

Những thứ này thực ra là hoạt ảnh, đúng không?

38:34

Um for every single one of these, um they spit out a bunch of these and they've they've all got the hallmarks of, you know, the very small text and um you know, the this animation like no human would spend the time and go like, "Oh, we need a little dot that goes from these corners."

Ừm, với từng cái trong số này, ừm, họ tạo ra hàng loạt những thứ như thế này và chúng đều mang những dấu hiệu đặc trưng, bạn biết đấy, chữ rất nhỏ và ừm, bạn biết đấy, cái hoạt ảnh này kiểu như không ai lại bỏ thời gian ra để nói rằng, "Ồ, chúng ta cần một chấm nhỏ di chuyển từ các góc này."

38:48

and program that and everything.

Và lập trình cái đó cùng mọi thứ.

38:50

- But it doesn't mean it's actually adding value to what they're doing.

- Nhưng điều đó không có nghĩa là nó thực sự tạo thêm giá trị cho những gì họ đang làm.

38:53

And so this I think is when you're talking about you need to curate and set the bar and make sure it's communicating the right things.

Và vì vậy tôi nghĩ đây là lúc bạn nói về việc bạn cần chọn lọc và đặt ra tiêu chuẩn và đảm bảo nó truyền đạt đúng những điều cần thiết.

38:58

There's lots of things here, but they don't actually help my understanding of the point that it's trying to make.

Có rất nhiều thứ ở đây, nhưng chúng thực sự không giúp tôi hiểu được điểm mà nó đang cố gắng truyền đạt.

39:03

- I fully agree.

- Tôi hoàn toàn đồng ý.

39:04

And I feel like that that's again something where um you need to work and hire the right people with the right skill sets to do the to help you do the job.

Và tôi cảm thấy đó lại là một điều mà ừm bạn cần làm việc và thuê đúng người với đúng bộ kỹ năng để giúp bạn làm công việc đó.

39:14

Like AI definitely can help you probably put this whole website together, but when it comes to abstracting these features into illustrations, might not be the worst idea to work with an illustration designer who's done this before and who specialize in information graphics.

Kiểu như AI chắc chắn có thể giúp bạn có lẽ lắp ráp toàn bộ trang web này, nhưng khi nói đến việc trừu tượng hóa những tính năng này thành các hình minh họa, thì có lẽ không phải là ý tồi khi làm việc với một nhà thiết kế minh họa đã từng làm việc này trước đây và chuyên về đồ họa thông tin.

39:26

And maybe that actually becomes because it's well explained just a core part of the Skill Sink brand identity.

Và có lẽ điều đó thực sự trở thành, vì nó được giải thích tốt, một phần cốt lõi trong bản sắc thương hiệu của Skill Sink.

39:31

- Mhm.

- Ừm.

39:31

- It's like, "Oh, this is one thing that" I remember working with Gemini a few years ago and there was this animation with like a braid.

- Kiểu như, "Ồ, đây là một thứ" tôi nhớ đã làm việc với Gemini vài năm trước và có một hoạt ảnh kiểu như một bím tóc.

39:38

Like basically they were showing the model and all of these different things that Gemini had and they all came together and built like this helix.

Kiểu như về cơ bản họ đang trình diễn mô hình và tất cả những thứ khác nhau mà Gemini có và tất cả chúng kết hợp lại và tạo thành kiểu như một chuỗi xoắn ốc này.

39:45

And that animation was it basically just explained exactly the capabilities of the model.

Và hoạt ảnh đó về cơ bản chỉ giải thích chính xác các khả năng của mô hình.

39:50

- Mhm.

- Ừm.

39:50

- And that turned into a very thin line and then it said Gemini.

- Và nó biến thành một đường rất mảnh và rồi nó hiện chữ Gemini.

39:52

And that was an animation that a lot of people worked on who are much more talented than me for a very long time.

Và đó là một hoạt ảnh mà rất nhiều người đã làm việc trong một thời gian rất dài, những người tài năng hơn tôi nhiều.

39:57

And then later a lot of really good engineers translated that into a scrollable animation for the website.

Và sau đó nhiều kỹ sư thực sự giỏi đã chuyển nó thành một hoạt ảnh cuộn cho trang web.

40:03

And it just like that kind of sold it.

Và nó kiểu như đã bán được ý tưởng đó.

40:05

And then you were in the product and you were using it, but that was that was the memory like that piece of motion was just ingrained in my memory and really explained exactly what the model was doing.

Và rồi bạn ở trong sản phẩm và bạn đang sử dụng nó, nhưng đó chính là ký ức, kiểu như đoạn chuyển động đó đã in sâu vào ký ức của tôi và thực sự giải thích chính xác mô hình đang làm gì.

40:15

Sometimes being a little more artistic and abstract actually goes a really long way.

Đôi khi việc có một chút nghệ thuật và trừu tượng hơn thực sự đi được một chặng đường rất dài.

40:25

And I think yeah, for Skill Sink I could definitely see there's a million different patterns and a million visual examples of how to of how to show that off and you can be a lot more like just craftful and and graphical about how of how you just how you design that on the website.

Và tôi nghĩ đúng vậy, với Skill Sink tôi chắc chắn có thể thấy có hàng triệu mẫu khác nhau và hàng triệu ví dụ trực quan về cách để cách để thể hiện điều đó và bạn có thể kiểu như khéo léo và đồ họa hơn nhiều về cách bạn thiết kế điều đó trên trang web.

40:40

So that would be my feedback to to these guys.

Vậy đó sẽ là phản hồi của tôi cho những bạn này.

40:43

- Cool.

- Tuyệt.

40:44

Thank you, Skill Sink.

Cảm ơn, Skill Sink.

40:45

- Thank you very much.

- Cảm ơn rất nhiều.

40:45

- Okay, next up we got Instaplay.

- Được rồi, tiếp theo chúng ta có Instaplay.

40:48

So let's see.

Vậy hãy xem nào.

40:50

So I'm seeing a bunch of featured I can't tell if these are movies or games.

Vậy tôi đang thấy một loạt các mục nổi bật, tôi không thể biết đây là phim hay trò chơi.

40:54

So it says design something that - Bird sort.

Vậy nó ghi thiết kế một thứ gì đó mà - Bird sort.

40:58

- Bird sort.

40:59

- Okay, so these are games that we can play.

- Được rồi, vậy đây là những trò chơi mà chúng ta có thể chơi.

41:01

- I think.

- Tôi nghĩ vậy.

41:03

- Okay.

- Được rồi.

41:05

How do we play?

Chúng ta chơi thế nào?

41:06

Got a bunch of birds.

Có một loạt chim.

41:06

We got some sound that's playing now.

Chúng ta có một ít âm thanh đang phát bây giờ.

41:15

Let's maybe go - Let's go from let's try something else.

Có lẽ hãy đi - Hãy đi từ hãy thử thứ khác.

41:18

- Start button.

- Nút bắt đầu.

41:25

We're fighting this wolf, I guess.

Chúng ta đang chiến đấu với con sói này, tôi đoán vậy.

41:28

- That's enough.

- Thế là đủ rồi.

41:30

- So we've got this call out here which it's interesting.

- Vậy chúng ta có cái lời gọi hành động ở đây, khá thú vị.

41:33

You know, it says create describe your game idea, right?

Bạn biết đấy, nó ghi tạo mô tả ý tưởng trò chơi của bạn, đúng không?

41:36

When you click into it.

Khi bạn nhấp vào nó.

41:38

What's interesting is there was no copy under the title Instaplay.

Điều thú vị là không có đoạn văn bản nào dưới tiêu đề Instaplay.

41:42

And so we were up to ourselves to try to figure out how to orient around this page.

Và vậy là chúng tôi phải tự mình cố gắng tìm hiểu cách định hướng trên trang này.

41:48

- Yes.

- Đúng vậy.

41:48

- And the first thing that we did is we saw all the visual games.

- Và điều đầu tiên chúng tôi làm là chúng tôi thấy tất cả các trò chơi trực quan.

41:52

- Yeah.

Vâng.

41:52

- All the screenshots of them.

Tất cả ảnh chụp màn hình của chúng.

41:54

- Yeah.

Vâng.

41:54

- And so we jumped right to that.

Và thế là chúng tôi nhảy thẳng vào đó.

41:56

- Yes.

Đúng vậy.

41:56

- And so we missed the fact that actually the primary purpose here is for us to be able to just create our own games on the fly.

Và thế là chúng tôi đã bỏ lỡ sự thật rằng mục đích chính ở đây thực ra là để chúng ta có thể tự tạo game của riêng mình một cách nhanh chóng.

42:02

- Yes.

Đúng vậy.

42:03

- And so I think a line of text could help with that or some type of call out that makes that the prompt box more prominent.

Và thế nên tôi nghĩ một dòng chữ có thể giúp ích cho việc đó, hoặc một kiểu chú thích nào đó làm cho ô nhập lệnh nổi bật hơn.

42:10

- And again it goes back to your example from earlier.

Và một lần nữa, nó lại quay về ví dụ của bạn lúc trước.

42:12

It's like, what is the one thing we want to use it to take away when they land on the page?

Kiểu như, điều duy nhất chúng ta muốn họ nắm được khi họ vào trang là gì?

42:17

Is it exploring the the multitudes of games that have already been created on this platform, or is it the fact that we can create our own games?

Đó là khám phá vô số game đã được tạo ra trên nền tảng này, hay là việc chúng ta có thể tự tạo game của riêng mình?

42:24

Creating our own games actually leads you to a sign-up page, which no one's going to do if they haven't seen their created game.

Việc tạo game của riêng mình thực ra lại dẫn bạn đến một trang đăng ký, mà sẽ chẳng ai làm thế nếu họ chưa từng thấy game mình tạo ra.

42:29

- Right.

Đúng vậy.

42:29

- So, you have to come up you have to cough up enough credits for to try to like onboard people into the product.

Vậy là bạn phải bỏ ra, bạn phải chi ra đủ tín dụng để thử thu hút người dùng vào sản phẩm.

42:35

That's the cost of acquisition of one user.

Đó là chi phí để có được một người dùng.

42:37

By the way, that matrix is extremely important.

Nhân tiện, chỉ số đó cực kỳ quan trọng.

42:39

It's probably obviously what what they're what they're thinking about.

Rõ ràng đó chính là điều họ đang nghĩ đến.

42:42

But that cost of acquisition can't be uh continue with Google.

Nhưng chi phí có được người dùng đó không thể là ừ tiếp tục với Google.

42:45

- Right.

Đúng vậy.

42:45

- to be whatever I just asked it to do, it has to spit it out perfectly, and I have to be able to try it one or two more times.

làm đúng điều tôi vừa yêu cầu nó làm, nó phải xuất ra thật hoàn hảo, và tôi phải có thể thử thêm một hai lần nữa.

42:50

And if that works, I might be inclined to actually - to actually use it.

Và nếu điều đó hiệu quả, tôi có thể sẽ có xu hướng thực sự - thực sự sử dụng nó.

42:54

- you put in a prompt, you submit it, and it takes you to this screen asking you to sign in.

bạn nhập một lệnh, bạn gửi nó đi, và nó đưa bạn đến màn hình này yêu cầu bạn đăng nhập.

42:58

- Yeah.

Vâng.

42:58

- And the problem is we don't know if this is good.

Và vấn đề là chúng ta không biết liệu cái này có tốt không.

43:00

And so - example, obviously, where it would also you could build out a really cool interactive carousel here, and each game has almost like 10 seconds of like a reel.

Và thế là - ví dụ, rõ ràng, nơi mà nó cũng có thể bạn có thể xây dựng một băng chuyền tương tác thật ngầu ở đây, và mỗi game gần như có khoảng 10 giây giống như một đoạn reel.

43:09

- Yeah.

Vâng.

43:10

- Rather than just seeing these static these static assets right now.

Thay vì chỉ nhìn thấy những tài nguyên tĩnh này ngay bây giờ.

43:13

I don't know what's behind it, so I don't know what I'm looking at.

Tôi không biết đằng sau nó là gì, nên tôi không biết mình đang nhìn cái gì.

43:15

This is a great example.

Đây là một ví dụ tuyệt vời.

43:16

You could probably get Codex to tap into each one of these, screen recorded, and replace that as the thumbnail, at least maybe on hover states.

Bạn có thể nhờ Codex truy cập vào từng cái một trong số này, quay màn hình, và thay thế nó làm ảnh thu nhỏ, ít nhất là có thể ở các trạng thái hover.

43:23

And it kind of will bring maybe more interactivity and dynamism into all of this and to all of these different like universes.

Và nó có thể mang lại nhiều tương tác và tính năng động hơn vào tất cả những thứ này và vào tất cả những vũ trụ khác nhau này.

43:28

I think what they're trying to show with these with these covers is just like, "Look, with InstaPlay, you can do a lot of stuff."

Tôi nghĩ điều họ đang cố thể hiện với những ảnh bìa này chỉ là kiểu, "Nhìn này, với InstaPlay, bạn có thể làm được rất nhiều thứ."

43:35

- Mhm.

Ừm.

43:35

- I don't even think we need to be able to play all of these different games if the call to action is to create our own game and be game designers ourselves.

Tôi thậm chí không nghĩ chúng ta cần có khả năng chơi tất cả những game khác nhau này nếu lời kêu gọi hành động là tự tạo game của riêng mình và trở thành nhà thiết kế game của chính mình.

43:42

- Right.

Đúng vậy.

43:42

And so, if that is the primary call to action, that is not what we did first.

Và thế nên, nếu đó là lời kêu gọi hành động chính, thì đó không phải là điều chúng ta làm đầu tiên.

43:45

And then you probably want to actually create the game for people so that they can play with it, and then if they want to save it or come back to it later or share it with anybody, then you got to sign up or then you got to create your account.

Và sau đó bạn có thể sẽ thực sự muốn tạo game cho mọi người để họ có thể chơi với nó, và sau đó nếu họ muốn lưu nó hoặc quay lại sau hoặc chia sẻ với bất kỳ ai, thì bạn phải đăng ký hoặc bạn phải tạo tài khoản.

43:56

- And here also, look, so you have create, my games, for you, explore.

Và ở đây nữa, nhìn này, bạn có tạo, game của tôi, dành cho bạn, khám phá.

44:00

No one knows what any of that means, by the way.

Nhân tiện, chẳng ai biết bất kỳ cái nào trong số đó nghĩa là gì cả.

44:02

But if you click on any of them, like my game for instance, again it leads you to a sign-up.

Nhưng nếu bạn nhấp vào bất kỳ cái nào, ví dụ như game của tôi, thì một lần nữa nó lại dẫn bạn đến trang đăng ký.

44:06

Like, if you're not signed up to this page, you shouldn't even see my games probably, right?

Kiểu như, nếu bạn chưa đăng ký ở trang này, có lẽ bạn thậm chí không nên thấy game của tôi, đúng không?

44:11

Like, and have the ability to tap into something that then will lead you to sign in again.

Kiểu như, và có khả năng truy cập vào thứ gì đó mà sau đó lại dẫn bạn đến đăng nhập một lần nữa.

44:15

Um for you leads me back to the game I was just on, which I don't know if that makes a lot of sense.

Ừm, dành cho bạn dẫn tôi quay lại game tôi vừa chơi, mà tôi không biết liệu điều đó có hợp lý lắm không.

44:20

And explore is basically the page we're already on.

Và khám phá về cơ bản là trang chúng ta đang ở rồi.

44:22

You're already exploring on home.

Bạn đang khám phá ngay trên trang chủ rồi.

44:23

I don't even think that needs to be a new button.

Tôi thậm chí không nghĩ cái đó cần phải là một nút mới.

44:25

The only thing you've done now on The explore page is taking the input field away from you.

Điều duy nhất bạn làm bây giờ trên trang khám phá là lấy đi ô nhập liệu khỏi bạn.

44:29

- Mhm.

Ừm.

44:29

- So now I can't, I can't create a game anymore.

Vậy là giờ tôi không thể, tôi không thể tạo game được nữa.

44:31

So there's a few things there in the hierarchy where I would really think, very like, put yourself in the position of someone coming to your website for the first time who has no idea what it is that you're building or selling.

Vậy là có vài điều ở đó trong hệ thống phân cấp mà tôi thực sự sẽ nghĩ, kiểu như, hãy đặt mình vào vị trí của một người lần đầu đến trang web của bạn, người không biết gì về thứ bạn đang xây dựng hay bán.

44:41

- Yeah.

- Ừ.

44:41

- How do they interact with the product?

- Họ tương tác với sản phẩm như thế nào?

44:43

- Also interesting because you went into the game and we were like, "Okay, we're done with this one.

- Cũng thú vị vì bạn đã vào game và chúng tôi kiểu, "Được rồi, xong cái này rồi.

44:47

I want to get back."

Tôi muốn quay lại."

44:48

It wasn't obvious to me that you do the fast forward icon to get back to the home page.

Tôi không thấy rõ rằng bạn phải dùng biểu tượng tua nhanh để quay về trang chủ.

44:53

I thought it was going to take me to another game or do something else.

Tôi tưởng nó sẽ đưa tôi đến một game khác hoặc làm gì đó khác.

44:56

- Can be misconstrued as an error really quickly.

- Có thể bị hiểu nhầm thành lỗi rất nhanh.

44:58

- Right.

- Đúng vậy.

44:59

And so it's interesting you actually clicked the back button to get back because there was no obvious home to go back to.

Và thật thú vị là bạn thực sự đã bấm nút quay lại để trở về vì không có trang chủ rõ ràng nào để quay về.

45:05

- Exactly.

- Chính xác.

45:06

- But this is super cool.

- Nhưng cái này siêu hay.

45:08

You can imagine just getting people to put in a prompt and creating a game just like the racing game you were just doing.

Bạn có thể hình dung việc chỉ để mọi người nhập một câu lệnh và tạo ra một game giống hệt game đua xe bạn vừa làm.

45:13

People could play with this for hours.

Mọi người có thể chơi với cái này hàng giờ liền.

45:16

And you just got to get people to that value of creating the game and experiencing something.

Và bạn chỉ cần đưa mọi người đến giá trị đó của việc tạo ra game và trải nghiệm điều gì đó.

45:20

- Once you've created that game and you're proud of what you created, being able to share that with your friends is probably a really nice growth hack for these guys.

- Khi bạn đã tạo ra game đó và tự hào về những gì mình tạo ra, việc có thể chia sẻ nó với bạn bè có lẽ là một growth hack thực sự tuyệt vời cho những người này.

45:26

And I think there's a lot of, yeah, there's a lot of value in in this kind of work.

Và tôi nghĩ có rất nhiều, ừ, có rất nhiều giá trị trong kiểu công việc này.

45:30

So, um, props to them.

Vậy, ừm, kudos cho họ.

45:31

- Yeah.

- Ừ.

45:32

Nice job, Insoflight.

Làm tốt lắm, Insoflight.

45:33

Okay, next up we have Mintlify, the knowledge infrastructure agents build on.

Được rồi, tiếp theo chúng ta có Mintlify, hạ tầng tri thức mà các agent xây dựng trên đó.

45:38

Self-updating documentation for startups, enterprises, and agents.

Tài liệu tự cập nhật cho các startup, doanh nghiệp và agent.

45:42

- Right.

- Đúng vậy.

45:42

- Cool.

- Tuyệt.

45:43

Um, I'm obviously very familiar with Mintlify.

Ừm, tôi rõ ràng rất quen thuộc với Mintlify.

45:45

Uh, it's an incredible company.

Uh, đó là một công ty đáng kinh ngạc.

45:46

Um, it's been growing really quickly and is a product that tons of YC companies and other dev tools use.

Ừm, nó đã phát triển rất nhanh và là một sản phẩm mà vô số công ty YC và các công cụ dev khác sử dụng.

45:53

- Yeah.

- Ừ.

45:53

- Um, yeah, this... - It's a beautiful website.

- Ừm, đúng, cái này... - Đó là một trang web đẹp.

45:56

- Yeah, this looks very professional.

- Ừ, cái này trông rất chuyên nghiệp.

45:58

It looks like something that is trustworthy.

Nó trông giống như thứ gì đó đáng tin cậy.

46:00

- It's straightforward.

- Nó đơn giản rõ ràng.

46:01

- Clean.

- Gọn gàng.

46:02

- Clean.

- Gọn gàng.

46:02

- Yeah.

- Ừ.

46:03

They, they're very nice compositions with color and typography and spacing and line heights.

Họ, họ có những bố cục rất đẹp với màu sắc, kiểu chữ, khoảng cách và chiều cao dòng.

46:08

- Yeah, so let's drill, let's drill down to like why do we feel that way?

- Ừ, vậy hãy đào sâu, hãy đào sâu xem tại sao chúng ta lại cảm thấy như vậy?

46:11

What are the, what are the specific elements of this page that make us feel like this is very clean and professional and all those things that we said.

Những yếu tố cụ thể nào của trang này khiến chúng ta cảm thấy đây là thứ rất gọn gàng, chuyên nghiệp và tất cả những điều chúng ta đã nói.

46:17

- I think because it's, it's, it's um, it's being reductive in exactly the correct ways and it's showing only the things that are actually necessary to show.

- Tôi nghĩ vì nó, nó, nó ừm, nó đang giản lược theo đúng những cách cần thiết và nó chỉ hiển thị những thứ thực sự cần thiết để hiển thị.

46:25

It's got a very clean headline, a small paragraph underneath, the get started button is very prominent.

Nó có một tiêu đề rất gọn gàng, một đoạn văn nhỏ bên dưới, nút bắt đầu rất nổi bật.

46:30

It's showing off some kind of a dashboard.

Nó đang khoe một loại dashboard nào đó.

46:32

You can kind of understand, okay, this is probably where the documentation would live and where would the documentation would get updated.

Bạn có thể hiểu đại khái, được rồi, đây có lẽ là nơi tài liệu sẽ nằm và nơi tài liệu sẽ được cập nhật.

46:38

The graphic in the background is actually, is adding to the vibe rather than taking away from it.

Đồ họa ở nền thực sự, đang tăng thêm cảm giác chứ không làm mất đi.

46:43

It's, it's subtle and in the background.

Nó, nó tinh tế và ở phía nền.

46:46

It feels, it feels like it's, it's, it's helping you think it's some kind of a network or something.

Nó tạo cảm giác, nó tạo cảm giác như nó, nó, nó đang giúp bạn nghĩ rằng đó là một loại mạng lưới nào đó.

46:51

It feels like they're very, they're very cautious and careful with what they're building and it's kind of some kind of an infrastructure intelligence layer.

Nó tạo cảm giác như họ rất, họ rất thận trọng và cẩn thận với những gì họ đang xây dựng và đó là một loại lớp tri thức hạ tầng nào đó.

46:58

Um, I know, I know about logo walls, but at least this logo wall is very well put together, which is kind of nice.

Ừm, tôi biết, tôi biết về các bức tường logo, nhưng ít nhất bức tường logo này được sắp xếp rất tốt, điều đó khá hay.

47:03

- It's a lot of really big credible companies, which builds a lot of social proof, which seems to be something like, you know, we have that, this vibe of like professional, trustworthy, and part of that is communicated uh via seeing Microsoft and Anthropic and Ax and Coinbase are their users as well.

- Có rất nhiều công ty lớn đáng tin cậy, điều này tạo ra nhiều social proof, dường như là thứ gì đó giống như, bạn biết đấy, chúng ta có cảm giác đó về sự chuyên nghiệp, đáng tin cậy, và một phần của điều đó được truyền đạt ừm qua việc thấy Microsoft và Anthropic và Ax và Coinbase cũng là người dùng của họ.

47:21

- With so many tools flooding the market, you need that kind of proof point to be like, okay, well, if Spotify's using it, maybe we should actually look at it.

- Với quá nhiều công cụ tràn ngập thị trường, bạn cần loại điểm chứng minh đó để kiểu, được rồi, nếu Spotify đang dùng nó, có lẽ chúng ta thực sự nên xem xét nó.

47:28

And then I think this is just a great example of like they're abstracting UI and feature capabilities into something very cohesive and something really nice and art directed that feels, you know, interesting to to look at.

Và sau đó tôi nghĩ đây chỉ là một ví dụ tuyệt vời về việc họ đang trừu tượng hóa UI và các khả năng tính năng thành một thứ rất gắn kết và một thứ thực sự đẹp và được chỉ đạo nghệ thuật, tạo cảm giác, bạn biết đấy, thú vị để nhìn.

47:39

I would say maybe the, the headlines here for these cards are a little bit too small.

Tôi sẽ nói có lẽ, các tiêu đề ở đây cho những thẻ này hơi nhỏ một chút.

47:43

Um, if I look at all of them right now with the background color being the same, I'm kind of looking at none of them.

Ừm, nếu tôi nhìn tất cả chúng ngay bây giờ với màu nền giống nhau, tôi gần như chẳng nhìn vào cái nào cả.

47:48

And they're reusing, they're reusing that, that kind of braided animation in the background, and that's kind of losing its magic if you, if you keep, if you keep kind of reusing it all over the place.

Và họ đang tái sử dụng, họ đang tái sử dụng kiểu hoạt ảnh đan xen đó ở phần nền, và nó đang dần mất đi sự ma thuật nếu bạn cứ tiếp tục tái sử dụng nó khắp nơi.

47:59

So I would actually say less is more here and the headlines could be a little bit larger.

Nên thực ra tôi sẽ nói rằng ở đây ít hơn lại là nhiều hơn, và các tiêu đề có thể lớn hơn một chút.

48:03

Um, yeah, again here it's kind of like I'm not sure if you, if you need that.

Ừm, đúng vậy, một lần nữa ở đây kiểu như tôi không chắc liệu bạn có cần cái đó không.

48:07

It's very hard to read put on top of your existing setup.

Rất khó đọc khi đặt lên trên thiết lập hiện có của bạn.

48:10

- Yeah, and that actually seems like a very important point that you would want people to know.

- Đúng vậy, và đó thực sự có vẻ là một điểm rất quan trọng mà bạn muốn mọi người biết.

48:14

You can control who has access.

Bạn có thể kiểm soát ai có quyền truy cập.

48:15

You can build on top of your existing setup.

Bạn có thể xây dựng dựa trên thiết lập hiện có của mình.

48:17

But it's super easy to miss it because the screenshot takes up a lot more of the space.

Nhưng rất dễ bỏ lỡ nó vì ảnh chụp màn hình chiếm nhiều không gian hơn.

48:22

There's this animation that is drawing your attention away from this headline that is actually really important and buried at the bottom.

Có một hoạt ảnh đang kéo sự chú ý của bạn ra khỏi tiêu đề này, thứ thực sự rất quan trọng và bị chôn vùi ở dưới cùng.

48:28

- Exactly.

- Chính xác.

48:28

And then you have to just, and then you have to differentiate between like how much and how, and like how much information is the visual that you added actually giving the user versus the copy that you could add to it.

Và sau đó bạn phải, và sau đó bạn phải phân biệt giữa việc hình ảnh trực quan mà bạn thêm vào thực sự mang lại cho người dùng bao nhiêu thông tin so với phần nội dung chữ mà bạn có thể thêm vào.

48:38

And that balance I think is a little off here, but overall very beautiful.

Và sự cân bằng đó tôi nghĩ ở đây hơi lệch, nhưng nhìn chung rất đẹp.

48:43

These are just nice.

Những cái này thật đẹp.

48:43

Like these are, these are, this is a really simple to use carousel.

Kiểu như đây là, đây là, đây là một carousel rất dễ sử dụng.

48:46

I can swipe through it.

Tôi có thể vuốt qua nó.

48:48

The colors are, the colors are, are, are mapped to the, to the photography.

Màu sắc được, màu sắc được, được, được gắn với phần nhiếp ảnh.

48:52

I think that's something that people don't get credit for enough.

Tôi nghĩ đó là điều mà mọi người không được ghi nhận đủ.

48:55

Like this is, this is great and really well done.

Kiểu như đây là, đây là tuyệt vời và thực sự được làm rất tốt.

48:57

It's Manhattan.

Đó là Manhattan.

48:58

It's the blue sky.

Đó là bầu trời xanh.

48:59

It's Coinbase.

Đó là Coinbase.

48:59

It's blue, it's a blue artifact here.

Nó là màu xanh, đây là một hiện vật màu xanh.

49:01

Like that feels really nice to kind of scroll through and see.

Kiểu như cảm giác thật dễ chịu khi cuộn qua và xem.

49:04

- Branded.

- Được gắn thương hiệu.

49:05

- Yeah.

- Đúng vậy.

49:05

Although these colors are too close together.

Mặc dù các màu này quá gần nhau.

49:06

So they kind of, they kind of, I would have used a different color for this one here.

Nên chúng kiểu, chúng kiểu, tôi sẽ dùng một màu khác cho cái này ở đây.

49:11

But overall it's, it's really nice.

Nhưng nhìn chung nó, nó thực sự đẹp.

49:13

Maybe like a gray or... - I'd probably this maybe more the AT&T blue, but this image I would maybe use a different image.

Có lẽ là một màu xám hoặc... - Tôi có lẽ sẽ dùng cái này có thể giống màu xanh AT&T hơn, nhưng với hình ảnh này tôi có lẽ sẽ dùng một hình ảnh khác.

49:18

- That's probably correct.

- Điều đó có lẽ đúng.

49:20

Yeah.

Đúng vậy.

49:21

Yeah, but overall I mean very clean, very trustworthy.

Đúng vậy, nhưng nhìn chung ý tôi là rất gọn gàng, rất đáng tin cậy.

49:24

- There's a lot of space between the sections, too.

- Cũng có nhiều khoảng trống giữa các phần.

49:26

Which is, I know that is a technique that you use a lot on your designs and things that you build.

Điều mà, tôi biết đó là một kỹ thuật mà bạn sử dụng rất nhiều trong các thiết kế và những thứ bạn xây dựng.

49:32

- Section of the home page is basically the first chapter of all the child pages.

- Phần của trang chủ về cơ bản là chương đầu tiên của tất cả các trang con.

49:37

So a lot of the times what we would do when we were designing for clients is like if you are talking about products, solutions, resources, and pricing, then those are the four, the four main parts of your home page because apparently that's what we're deeming the most important parts.

Nên nhiều khi điều chúng tôi thường làm khi thiết kế cho khách hàng là kiểu như nếu bạn đang nói về sản phẩm, giải pháp, tài nguyên và giá cả, thì đó là bốn, bốn phần chính của trang chủ vì rõ ràng đó là những gì chúng tôi coi là những phần quan trọng nhất.

49:52

The product features, our solutions, the resources, and the pricing.

Các tính năng sản phẩm, các giải pháp của chúng tôi, các tài nguyên và giá cả.

49:56

As you scroll through the, through the website, those four components show up in exactly that order from most important to least important because of scroll depth.

Khi bạn cuộn qua, qua trang web, bốn thành phần đó xuất hiện đúng theo thứ tự đó từ quan trọng nhất đến ít quan trọng nhất vì độ sâu cuộn trang.

50:05

Like people drop off as they scroll through the page.

Kiểu như mọi người rời đi khi họ cuộn qua trang.

50:07

So important content has to sit obviously at the top.

Nên nội dung quan trọng rõ ràng phải nằm ở trên cùng.

50:09

And then each one of these sections should lead me in to that.

Và sau đó mỗi phần trong số này nên dẫn tôi vào phần đó.

50:13

So if I click on, so theoretically, I would have had a whole section for product right here on the homepage.

Nên nếu tôi nhấp vào, về mặt lý thuyết, tôi sẽ có một phần toàn bộ cho sản phẩm ngay ở đây trên trang chủ.

50:19

And then from there you could, you could click into products.

Và từ đó bạn có thể, bạn có thể nhấp vào phần sản phẩm.

50:23

Products, by the way, actually should probably have a, have a, have a homepage itself because there are so many products.

Nhân tiện, phần sản phẩm thực ra có lẽ nên có một, có một, có một trang chủ riêng vì có rất nhiều sản phẩm.

50:29

But yeah, overall it's, it's, it's well designed and it's, it's simple.

Nhưng đúng vậy, nhìn chung nó, nó, nó được thiết kế tốt và nó, nó đơn giản.

50:33

Looks like they took time and care to make this website, which is nice to see.

Có vẻ như họ đã dành thời gian và sự chăm chút để làm trang web này, điều đó thật đáng mừng khi thấy.

50:37

- Yeah, it's interesting.

- Đúng vậy, thật thú vị.

50:39

It's a lot more breathable.

Nó thoáng đãng hơn nhiều.

50:40

- Yeah.

- Đúng vậy.

50:41

- It feels like there's less going on here versus some of the other ones that we look at.

- Cảm giác như ở đây có ít nội dung hơn so với một số trang khác mà chúng ta xem.

50:45

- There's still a lot of content, but it's spaced out and distributed across the page.

- Vẫn có nhiều nội dung, nhưng nó được giãn ra và phân bổ khắp trang.

50:49

- Its everything has its own space, which helps the user know what to focus on at any one time rather than feeling like there's lots of things that are trying to draw their attention.

- Mọi thứ đều có không gian riêng, giúp người dùng biết nên tập trung vào đâu tại mỗi thời điểm thay vì cảm thấy có nhiều thứ đang cố thu hút sự chú ý của họ.

50:57

And it's interesting how you describe that as like this actually took more time.

Và thật thú vị khi bạn mô tả điều đó như thể việc này thực sự mất nhiều thời gian hơn.

51:01

- Yeah.

- Đúng vậy.

51:01

- Than the things that have lots of time or lots of competing elements because it, it actually takes work and curation to figure out what are the things that we actually want to keep.

- So với những thứ có nhiều thời gian hoặc nhiều yếu tố cạnh tranh, bởi vì thực sự cần công sức và sự chọn lọc để xác định đâu là những thứ chúng ta thực sự muốn giữ lại.

51:12

It's easy to throw everything.

Thật dễ để ném mọi thứ vào.

51:13

It's much harder to figure out what needs to be edited out.

Khó hơn nhiều để xác định cần loại bỏ điều gì.

51:17

- Because that conversation is just much harder to have with a team.

- Bởi vì cuộc trò chuyện đó khó có với cả nhóm hơn nhiều.

51:19

Everyone's competing.

Mọi người đều cạnh tranh.

51:20

Everyone wants their functionalities or their features to be on the page and you have to curate and make a decision and, and reduce, which is the job of any designer.

Ai cũng muốn chức năng hay tính năng của mình được có trên trang, và bạn phải chọn lọc, đưa ra quyết định và giảm bớt, đó chính là công việc của bất kỳ nhà thiết kế nào.

51:27

Like reduce complexity and show one piece at a time and, and drive narrative that way.

Giống như giảm độ phức tạp và hiển thị từng phần một, và dẫn dắt câu chuyện theo cách đó.

51:35

It's, it's hard to do, but it's, it pays off when done correctly.

Việc đó khó làm, nhưng sẽ đem lại kết quả khi làm đúng.

51:38

- Yeah, this is excellent.

- Đúng vậy, điều này thật tuyệt vời.

51:40

Great work, Netlify.

Làm tốt lắm, Netlify.

51:41

Okay, next up we have Netlify.

Được rồi, tiếp theo chúng ta có Netlify.

51:44

So your users don't read your docs, your patients don't read your manuals, your employees don't read your content.

Người dùng của bạn không đọc tài liệu của bạn, bệnh nhân của bạn không đọc hướng dẫn sử dụng, nhân viên của bạn không đọc nội dung của bạn.

51:50

Nullify turns your docs and ideas into narrated animated videos.

Nullify biến tài liệu và ý tưởng của bạn thành video hoạt hình có thuyết minh.

51:54

Make them yourself in minutes or have our studio team make them for you.

Tự làm trong vài phút hoặc để đội ngũ studio của chúng tôi làm cho bạn.

51:58

For teams who need more video than they have time to make.

Dành cho các nhóm cần nhiều video hơn thời gian họ có để làm.

52:02

Okay.

Được rồi.

52:03

- I think right off the bat, being a typography designer, I would say there's a headline, there's a paragraph, and there's almost like a smaller version of the paragraph underneath in a different font size, and then there's the book a demo button and the start free button.

- Tôi nghĩ ngay từ đầu, với tư cách là một nhà thiết kế chữ, tôi sẽ nói có một tiêu đề, một đoạn văn, và gần như có một phiên bản nhỏ hơn của đoạn văn bên dưới với cỡ chữ khác, rồi có nút đặt lịch demo và nút bắt đầu miễn phí.

52:16

There's 1, 2, 3, 4, potentially five font sizes right in the viewport here, disregarding all of the logos and the banner and the banner here in the corner.

Có 1, 2, 3, 4, thậm chí có thể là năm cỡ chữ ngay trong khung nhìn này, không tính tất cả các logo và biểu ngữ ở góc đây.

52:25

That, it's just a lot going on from that perspective.

Từ góc độ đó thì có quá nhiều thứ đang diễn ra.

52:28

You can have a headline and then you, you have the paragraph and you have to put all of the important information into that paragraph.

Bạn có thể có một tiêu đề, rồi bạn có đoạn văn và bạn phải đưa tất cả thông tin quan trọng vào đoạn văn đó.

52:34

You can't keep adding headlines to it and making the user read all of those different points.

Bạn không thể cứ thêm tiêu đề mãi và bắt người dùng đọc tất cả những điểm khác nhau đó.

52:39

- The first thing that jumped out at me is the two placeholder elements in the headline, and I find that to be disorienting.

- Điều đầu tiên đập vào mắt tôi là hai phần tử giữ chỗ trong tiêu đề, và tôi thấy điều đó gây mất định hướng.

52:47

- Yes.

- Đúng vậy.

52:47

- It's one thing if you have one and it's changing cuz then you can anchor yourself on we do this for this type of person and this type of person and this type of person, but with two elements changing it's like the user is changing and the like docs or manuals or whatever.

- Một phần tử thay đổi thì không sao, vì khi đó bạn có thể bám vào kiểu "chúng tôi làm điều này cho loại người này, loại người này và loại người này", nhưng với hai phần tử cùng thay đổi thì giống như người dùng đang thay đổi và cả tài liệu hay hướng dẫn hay gì đó cũng vậy.

53:00

And then it sounds like it's actually like a video thing, - yeah, - which was I would not have gotten from the headline at all.

Và rồi có vẻ như đây thực ra là thứ liên quan đến video, - đúng vậy, - điều mà tôi sẽ không hề nhận ra từ tiêu đề.

53:06

And so I think what they're trying to say is like, "Hey, people don't read these documents and PDFs and stuff like that, so you need videos so that they pay attention to stuff."

Và tôi nghĩ điều họ đang cố nói là: "Này, mọi người không đọc những tài liệu và PDF này hay đại loại thế, nên bạn cần video để họ chú ý đến mọi thứ."

53:13

But I feel like they need to say they do videos that convert better, kind of like the positive of what they do rather than the negative.

Nhưng tôi cảm thấy họ cần nói rằng họ làm video chuyển đổi tốt hơn, kiểu như mặt tích cực của những gì họ làm thay vì mặt tiêu cực.

53:21

- Their own studio to make a video of Nullify and put that on the website and we watch that first?

- Studio của chính họ làm một video về Nullify và đặt lên trang web để chúng ta xem đầu tiên thì sao?

53:25

- Yeah.

- Đúng vậy.

53:26

It'd prove their point, right?

Điều đó sẽ chứng minh luận điểm của họ, đúng không?

53:27

People don't read all of this, so - would I want to read any of this anyways?

Mọi người không đọc hết đống này, vậy - tôi có muốn đọc bất kỳ thứ gì trong này không?

53:30

Just show us a video of what you do.

Chỉ cần cho chúng tôi xem một video về những gì bạn làm.

53:31

The, there's a carousel here that I think just basically shows off the product, so let's click.

Có một băng chuyền ở đây mà tôi nghĩ về cơ bản chỉ để giới thiệu sản phẩm, vậy hãy nhấp vào.

53:35

- Right.

- Đúng rồi.

53:36

I assume these are examples of their animations.

Tôi cho rằng đây là các ví dụ về hoạt hình của họ.

53:38

- Can't click into one of them.

- Không thể nhấp vào một trong số đó.

53:39

You have to use the, the icon.

Bạn phải dùng biểu tượng.

53:40

That's not good.

Điều đó không tốt.

53:41

Um, this card needs to be tappable, obviously.

Ừm, thẻ này rõ ràng cần phải có thể nhấp được.

53:43

- Mhm.

- Ừm.

53:44

You look at this and you want to, you want to click into it.

Bạn nhìn vào cái này và bạn muốn nhấp vào nó.

53:47

Um.

Ừm.

53:47

- Every year, thousands of warehouse workers get injured.

- Mỗi năm, hàng nghìn công nhân kho hàng bị thương.

53:50

- Okay, so it's like an instructional animation video.

- Được rồi, vậy đây giống như một video hoạt hình hướng dẫn.

53:53

- Most of those incidents are completely preventable and warning devices.

- Hầu hết những sự cố đó đều hoàn toàn có thể phòng ngừa được và các thiết bị cảnh báo.

53:57

- The video looks well made.

- Video trông được làm chỉn chu đấy.

53:59

And the thing that we want to do here though, which is interesting tying back to a lot of the um, the carousels that you've created in those past projects that you showed, is I'm exploring a lot of their work.

Và điều mà chúng ta muốn làm ở đây, khá thú vị khi liên hệ lại với nhiều cái ừm, các băng chuyền mà bạn đã tạo trong những dự án trước mà bạn đã cho xem, là tôi đang khám phá rất nhiều tác phẩm của họ.

54:11

- Yeah.

- Ừ.

54:11

- And when I click into the one, it comes full screen, and then I figure out like, okay, how do I minimize, X this out?

- Và khi tôi nhấp vào một cái, nó mở toàn màn hình, rồi tôi phải tự tìm hiểu kiểu, được rồi, làm sao để thu nhỏ, đóng cái này lại?

54:17

And what I really want to do is I want to have it zoom in so I can see it play, and then I want to be able to keep jumping to the other ones cuz I want to see the depth and variety of what they can create.

Và điều tôi thực sự muốn làm là tôi muốn nó phóng to lên để tôi có thể xem nó phát, rồi tôi muốn có thể tiếp tục nhảy sang những cái khác vì tôi muốn thấy chiều sâu và sự đa dạng của những gì họ có thể tạo ra.

54:26

- Exactly.

- Chính xác.

54:26

- And it's kind of hard to do that right now.

- Và hiện tại thì khá khó để làm điều đó.

54:28

- Yeah.

- Ừ.

54:28

None of these are tappable.

Không cái nào trong số này bấm được.

54:29

I can't open them up a full screen.

Tôi không thể mở chúng ra toàn màn hình.

54:31

It's like you have to like use all of the, you have to use all of the um, the little buttons here.

Kiểu như bạn phải dùng hết các, bạn phải dùng hết các ừm, các nút nhỏ ở đây.

54:36

You can't scroll.

Bạn không thể cuộn.

54:37

You can't skip through them.

Bạn không thể bỏ qua chúng.

54:38

- Yeah.

- Ừ.

54:39

I would want it to zoom up, not the full width and take over everything, but like 90% or something.

Tôi sẽ muốn nó phóng to lên, không phải toàn bộ chiều rộng chiếm hết mọi thứ, mà kiểu 90% hay gì đó.

54:45

- Me what's going on.

- Tôi chuyện gì đang diễn ra.

54:46

And then I can start swiping through all of them.

Và rồi tôi có thể bắt đầu vuốt qua tất cả chúng.

54:48

And maybe right underneath show me like that actual company.

Và có lẽ ngay bên dưới hiển thị cho tôi kiểu như công ty thực sự đó.

54:51

- Right.

- Đúng rồi.

54:52

- Maybe these are all actually case studies.

- Có lẽ tất cả những cái này thực ra đều là các nghiên cứu điển hình.

54:53

So like, as they open up, you could open these up in really nice sheets that with a like a depth.

Vậy nên kiểu như, khi chúng mở ra, bạn có thể mở những cái này trong những tấm bảng thật đẹp với kiểu như có chiều sâu.

54:58

So like the rest of the page pushes back, sheet comes up, you can see the video at the top, maybe there's a description of what that video is for.

Vậy nên kiểu như phần còn lại của trang bị đẩy lùi về sau, tấm bảng trượt lên, bạn có thể thấy video ở trên cùng, có lẽ có phần mô tả về việc video đó dùng để làm gì.

55:05

- Yeah.

- Ừ.

55:05

- What's the construction company, bit of a case study.

- Công ty xây dựng là gì, một chút nghiên cứu điển hình.

55:07

That could also almost lead you to like customer stories or success stories.

Điều đó cũng gần như có thể dẫn bạn tới kiểu như các câu chuyện khách hàng hay câu chuyện thành công.

55:10

These are obviously the, the demos they're, they're showing off of, of past clients that have worked with them.

Đây rõ ràng là những, những bản demo mà họ, họ đang khoe ra, về những khách hàng trước đây đã làm việc với họ.

55:15

So there should be more focus on those videos, less I think on, on the um, on the logo banner ad here, uh, a conciser headline that doesn't jump around between two things happening at the same time.

Vậy nên nên tập trung nhiều hơn vào những video đó, tôi nghĩ ít hơn vào, vào ừm, vào cái biểu ngữ logo ở đây, ừ, một tiêu đề súc tích hơn, không nhảy qua nhảy lại giữa hai thứ diễn ra cùng lúc.

55:28

- Yep.

- Đúng vậy.

55:29

- Um, and yeah, that... - And now we get into the platform.

- Ừm, và vâng, cái đó... - Và giờ chúng ta đi vào phần nền tảng.

55:33

- Well, exactly.

- Chà, chính xác.

55:33

Now we're getting into the... - Now they're describing like, oh yeah.

Giờ chúng ta đang đi vào phần... - Giờ họ đang mô tả kiểu, ồ vâng.

55:36

Oh, the platform.

Ồ, nền tảng.

55:36

Here, go up just a little bit here.

Đây, đi lên một chút ở đây.

55:38

- Oh, sorry.

- Ồ, xin lỗi.

55:39

- Another video.

- Một video nữa.

55:40

Um, yeah, so you make the video, upload a doc, a blog post, or an idea, and get a narrated animated video in minutes.

Ừm, vâng, vậy là bạn tạo video, tải lên một tài liệu, một bài blog, hay một ý tưởng, và nhận được một video hoạt hình có thuyết minh trong vài phút.

55:46

Edit it just by chatting.

Chỉnh sửa nó chỉ bằng cách trò chuyện.

55:47

I feel like that's what I need all the way up here at the top.

Tôi cảm thấy đó chính là thứ tôi cần ngay trên cùng ở đây.

55:50

- To explain what it is that they're doing.

- Để giải thích họ đang làm gì.

55:52

- Yeah.

- Ừ.

55:52

Because right off the bat, I don't even know if this is for me.

Bởi vì ngay từ đầu, tôi thậm chí còn không biết liệu cái này có dành cho mình không.

55:54

And so how many people do they lose that would be ideal customers, but can't even figure out that this is for them?

Và vậy họ mất đi bao nhiêu người lẽ ra là khách hàng lý tưởng, nhưng thậm chí không thể nhận ra rằng cái này là dành cho họ?

55:59

- Show me what the product does.

- Cho tôi thấy sản phẩm làm được gì.

56:00

And if I'm into that, then show me the results.

Và nếu tôi thích điều đó, thì hãy cho tôi thấy kết quả.

56:02

- Yep.

- Đúng vậy.

56:03

I also notice it's, it's scroll jacking here.

Tôi cũng để ý thấy ở đây là, là kiểu cuộn bị ép.

56:05

- Yeah.

- Ừ.

56:05

- Which drives me crazy.

- Điều đó làm tôi phát điên.

56:07

- I agree.

- Tôi đồng ý.

56:07

- Um, cuz it feels less responsive to the scroll that I'm trying to do.

- Ừm, vì nó có cảm giác kém phản hồi hơn với thao tác cuộn mà tôi đang cố thực hiện.

56:11

It, it takes a while to ramp up to the speed rather than... - I, I think I wanted to, I want to take the time here on this podcast to talk about scroll jacking in general and scroll manipulation on websites.

Phải mất một lúc để tăng tốc thay vì... - Tôi, tôi nghĩ tôi muốn, tôi muốn dành thời gian ở đây trong podcast này để nói về scroll jacking nói chung và thao tác cuộn trên các trang web.

56:21

Smooth scrolling on websites is a disaster in the industry, and I feel like you use the native scroll on websites and don't hinder the speed at which a user wants to interact with the content of your website.

Cuộn mượt trên các trang web là một thảm họa trong ngành, và tôi cảm thấy bạn nên sử dụng cuộn gốc trên các trang web và không cản trở tốc độ mà người dùng muốn tương tác với nội dung trang web của bạn.

56:33

- Yep.

- Đúng vậy.

56:33

- That is exactly what we're talking about earlier with interruptible interfaces.

- Đó chính xác là những gì chúng ta đã nói trước đó với giao diện có thể ngắt.

56:37

Apple has pioneered this for decades, and their software and their hardware is, is proof of that.

Apple đã tiên phong điều này trong nhiều thập kỷ, và phần mềm cũng như phần cứng của họ là bằng chứng cho điều đó.

56:41

You want interruptible software because our thought patterns are interruptible.

Bạn muốn phần mềm có thể ngắt vì các mẫu suy nghĩ của chúng ta có thể bị ngắt.

56:45

You might think something and click on something else, and you would never want to get a user into, in into a, an environment where they have to smooth scroll or scroll jack through the content because that's the way you think they are going to perceive or digest this content.

Bạn có thể nghĩ điều gì đó và nhấp vào thứ khác, và bạn sẽ không bao giờ muốn đưa người dùng vào một môi trường nơi họ phải cuộn mượt hoặc scroll jack qua nội dung vì đó là cách bạn nghĩ họ sẽ cảm nhận hoặc tiêu hóa nội dung này.

56:59

- Yep.

- Đúng vậy.

56:59

- That's almost an arrogant way of going about it.

- Đó gần như là một cách làm kiêu ngạo.

57:01

I always feel like I want to be as, as, as unobstructive as possible and be as, as polite as I enter the room.

Tôi luôn cảm thấy tôi muốn trở nên ít cản trở nhất có thể và lịch sự nhất khi tôi bước vào phòng.

57:08

Diderot would always say, "Enter politely and quietly when you, when you walk into the room."

Diderot luôn nói, "Hãy bước vào phòng một cách lịch sự và nhẹ nhàng."

57:12

- It will also as users, um, this is not the only website we've ever used.

- Nó cũng sẽ, với tư cách người dùng, ừm, đây không phải là trang web duy nhất chúng ta từng sử dụng.

57:17

- Exactly.

- Chính xác.

57:17

- We're used to scrolling on probably hundreds of thousands, maybe millions of other websites.

- Chúng ta đã quen với việc cuộn trên có lẽ hàng trăm nghìn, có thể hàng triệu trang web khác.

57:21

- On our phones.

- Trên điện thoại của chúng ta.

57:22

- Yeah, and on phones, and we get used to the sensitivity and the precision with which we scroll, and when something changes that, it, you have to reorient yourself to try to find what you're looking for and it becomes a distraction.

- Đúng vậy, và trên điện thoại, chúng ta quen với độ nhạy và độ chính xác khi cuộn, và khi có gì đó thay đổi điều đó, bạn phải định hướng lại để cố gắng tìm thứ mình đang tìm kiếm và nó trở thành một sự xao nhãng.

57:33

- And it just becomes, it becomes sluggish.

- Và nó trở nên, nó trở nên chậm chạp.

57:35

Like I'm, I'm trying to pause on this piece of content, but the animation's kind of still playing.

Như thể tôi đang cố gắng tạm dừng trên phần nội dung này, nhưng hoạt ảnh vẫn đang tiếp tục phát.

57:42

So now I'm, you trying to use the trackpad to counter that animation and it's, it's making me uncomfortable.

Vậy nên bây giờ tôi đang cố gắng sử dụng bàn di chuột để chống lại hoạt ảnh đó và nó khiến tôi khó chịu.

57:46

Like I got, I don't, I don't want to have to scroll like that.

Như thể tôi phải, tôi không muốn phải cuộn như vậy.

57:49

And then since the tap targets here are really difficult, you have to hit these tiny buttons.

Và sau đó vì các mục tiêu chạm ở đây thực sự khó khăn, bạn phải nhấn vào những nút nhỏ xíu này.

57:53

- Yep.

- Đúng vậy.

57:53

- Um, it's, it's, it's a bit complicated.

- Ừm, nó hơi phức tạp.

57:56

At the end of the day, they just have multiple different carousels on this website, all with video players behind it that open up in a full-screen video player that the only way to exit out is with the escape, with the escape button.

Cuối cùng thì họ chỉ có nhiều băng chuyền khác nhau trên trang web này, tất cả đều có trình phát video phía sau mở ra trong một trình phát video toàn màn hình mà cách duy nhất để thoát ra là dùng nút escape.

58:06

- Uh, overall, the videos seem very well done.

- Nhìn chung, các video có vẻ được thực hiện rất tốt.

58:09

- The videos seem great.

- Các video có vẻ tuyệt vời.

58:11

- Yeah, and just getting people into those and being able to see more of them and experience them and understand the case studies behind them seems to be the thing that will convert people.

- Đúng vậy, và chỉ cần đưa mọi người vào những video đó và có thể xem nhiều hơn, trải nghiệm chúng và hiểu các nghiên cứu điển hình đằng sau chúng dường như là điều sẽ chuyển đổi người dùng.

58:20

- Yeah.

- Đúng vậy.

58:20

And I think if that's, if, if this is improving the health and safety of Adidas or that construction company, then Nullifysting is doing a great job.

Và tôi nghĩ nếu đó là, nếu điều này đang cải thiện sức khỏe và an toàn của Adidas hoặc công ty xây dựng đó, thì Nullify đang làm rất tốt.

58:28

And that's, and that's, and that's the product they're selling.

Và đó là, và đó là, và đó là sản phẩm họ đang bán.

58:30

- Awesome.

- Tuyệt vời.

58:31

Thank you, Nullify.

Cảm ơn, Nullify.

58:32

Okay, next up we have Instinct.

Được rồi, tiếp theo chúng ta có Instinct.

58:35

Uh, building the lunar future today.

Ừm, xây dựng tương lai mặt trăng ngay hôm nay.

58:37

Okay.

Được rồi.

58:38

So we got a moon.

Vậy là chúng ta có một mặt trăng.

58:41

- We've got... - Building the lunar future and we've got some kind of satellite that's floating around.

- Chúng ta có... - Xây dựng tương lai mặt trăng và chúng ta có một loại vệ tinh nào đó đang bay lơ lửng.

58:44

- Yeah.

- Đúng vậy.

58:45

It's nice.

Thật đẹp.

58:45

It's very immersive.

Nó rất sống động.

58:46

- Mhm.

- Ừm.

58:46

- Um, I think it's very safe to say that these guys are working on space technology.

- Ừm, tôi nghĩ rất an toàn khi nói rằng những người này đang làm việc với công nghệ vũ trụ.

58:51

- laughter - What gave you that idea?

- [tiếng cười] - Điều gì khiến bạn nghĩ vậy?

58:53

- Aerospace technology.

- Công nghệ hàng không vũ trụ.

58:54

So, uh, already there, kudos.

Vậy, ừm, đã ở đó rồi, kudos.

58:55

I think um, you know, to go back into like AI world for a second, this is a great example of I think you can very easily get an LLM to to make you kind of like a 3D version or a WebGL version of a moon that you can put on this website that kind of is interactable with the cursor.

Tôi nghĩ ừm, bạn biết đấy, để quay lại thế giới AI một chút, đây là một ví dụ tuyệt vời cho thấy bạn có thể rất dễ dàng có được một LLM để tạo cho bạn một phiên bản 3D hoặc WebGL của mặt trăng mà bạn có thể đặt trên trang web này và có thể tương tác với con trỏ.

59:11

It's something that I would, that I would probably add to this page.

Đó là điều tôi sẽ, tôi có thể sẽ thêm vào trang này.

59:13

Both of these elements are actually things that I would render in 3D and then have as live objects on the page.

Cả hai yếu tố này thực sự là những thứ tôi sẽ kết xuất trong 3D và sau đó có như các đối tượng sống trên trang.

59:18

Um, that's not totally impossible to do now with AI.

Ừm, điều đó không hoàn toàn bất khả thi để làm bây giờ với AI.

59:21

So there's something, there's something around that I would, that I add to this to build a, we call them show stopper components.

Vì vậy, có một điều, có một điều xung quanh đó tôi sẽ, tôi thêm vào để xây dựng một, chúng tôi gọi chúng là các thành phần gây ấn tượng mạnh.

59:27

So like when you have one or two components on the website that really like take all of your attention and like really draw you into what's going on.

Vậy là khi bạn có một hoặc hai thành phần trên trang web thực sự thu hút toàn bộ sự chú ý của bạn và thực sự lôi cuốn bạn vào những gì đang diễn ra.

59:35

- Yeah.

- Ừ.

59:35

- Um, I feel like that's a, that's an awesome moment to show, to show something like that off.

- Ừm, tôi cảm thấy đó là một khoảnh khắc tuyệt vời để thể hiện, để khoe ra một thứ như vậy.

59:39

- Yeah.

- Ừ.

59:39

I think this is very well done because right off the bat we knew exactly what this was.

Tôi nghĩ điều này được làm rất tốt vì ngay từ đầu chúng ta đã biết chính xác đây là gì.

59:44

And the animation here of like showing it in 3D, it could have just been a 2D, it could have been a photo.

Và hiệu ứng động ở đây kiểu như hiển thị nó ở dạng 3D, lẽ ra nó có thể chỉ là 2D, có thể chỉ là một bức ảnh.

59:49

- Yes.

- Vâng.

59:50

- You know, that they superimposed but there's something about that draws our attention to like oh this is actually the thing that they're building.

- Bạn biết đấy, họ đã chồng lên nhau nhưng có điều gì đó thu hút sự chú ý của chúng ta kiểu như ồ đây thực sự là thứ mà họ đang xây dựng.

59:55

- The moon is a photo here in the background so that's the thing that uh I was reacting to but yeah, you're, you're totally right.

- Mặt trăng ở đây là một bức ảnh ở phần nền nên đó là thứ mà ừ tôi đã phản ứng lại nhưng đúng vậy, bạn, bạn hoàn toàn đúng.

1:00:00

Also nice use of of the font.

Cũng là cách sử dụng phông chữ rất hay.

1:00:02

I feel like a lot of the websites right now are working in a very safe considered space with a sans serif and um having the courage to like try to wield a serif font on the website is a nice touch.

Tôi cảm thấy như nhiều trang web hiện nay đang hoạt động trong một không gian rất an toàn và được cân nhắc kỹ với phông chữ không chân và ừm việc có can đảm để thử vận dụng một phông chữ có chân trên trang web là một điểm nhấn tinh tế.

1:00:12

I will say for on that note, the logo itself, the font here and this typography here are all different and kind of competing.

Tôi phải nói rằng về điểm đó, bản thân logo, phông chữ ở đây và kiểu chữ ở đây đều khác nhau và kiểu như đang cạnh tranh lẫn nhau.

1:00:18

And then there's a lot of color in the logos down here including your lovely logo and I feel like it's almost drawing too much attention away from the actual message.

Và rồi có rất nhiều màu sắc trong các logo ở dưới đây bao gồm cả logo đáng yêu của bạn và tôi cảm thấy nó gần như đang thu hút quá nhiều sự chú ý khỏi thông điệp thực sự.

1:00:26

And in this case, there's only one message it's nice and reductive but you, you have space to add one more piece of meta content here that maybe talks more about what your, what your company does and what you're building.

Và trong trường hợp này, chỉ có một thông điệp, nó đẹp và tối giản nhưng bạn, bạn có không gian để thêm một mẩu nội dung meta nữa ở đây, có thể nói nhiều hơn về việc công ty bạn làm gì và bạn đang xây dựng cái gì.

1:00:36

- Yeah.

- Ừ.

1:00:36

- Um, but let's, let's dive further in.

- Ừm, nhưng hãy, hãy đi sâu hơn.

1:00:38

Um.

Ừm.

1:00:39

- Yeah, so now they get more specific.

- Ừ, vậy là giờ họ đi vào cụ thể hơn.

1:00:40

Instinct is building the lunar lander for today's space industry.

Instinct đang chế tạo tàu đổ bộ mặt trăng cho ngành công nghiệp vũ trụ ngày nay.

1:00:43

So launch, cruise, land.

Vậy là phóng, hành trình, hạ cánh.

1:00:44

- Yeah.

- Ừ.

1:00:45

I think that's, it's, it kind of explains what's, what's going on.

Tôi nghĩ đó là, nó, nó kiểu như giải thích điều gì đang, đang diễn ra.

1:00:48

- That's really cool that when you hover over it you see it.

- Thật sự rất tuyệt khi bạn di chuột qua nó thì bạn thấy được nó.

1:00:51

I mean the first one I did I couldn't really tell what's happening there.

Ý tôi là cái đầu tiên tôi xem thì tôi thực sự không thể biết điều gì đang diễn ra ở đó.

1:00:55

- I don't really, this doesn't really look like a launch to me.

- Tôi thực sự không, cái này thực sự không giống một vụ phóng đối với tôi.

1:00:57

- Oh, there we go.

- Ồ, được rồi.

1:00:57

Okay, you just had to sit with it for a while.

Được rồi, bạn chỉ cần ngồi chờ nó một lúc.

1:00:59

So maybe they can get to that faster.

Vậy có lẽ họ có thể đạt được điều đó nhanh hơn.

1:01:01

- Way faster.

- Nhanh hơn nhiều.

1:01:02

Attention span in general is decreasing.

Khả năng tập trung nói chung đang giảm dần.

1:01:04

- Like that's what was cool about the second one is as soon as you hover it takes off.

- Kiểu như điều tuyệt vời ở cái thứ hai là ngay khi bạn di chuột qua thì nó cất cánh.

1:01:08

- Exactly.

- Chính xác.

1:01:08

I think that's a very good piece of, piece of feedback here.

Tôi nghĩ đó là một phản hồi, một phản hồi rất hay ở đây.

1:01:10

Like the moment you hover over this, this thing should open up.

Kiểu như ngay khi bạn di chuột qua cái này, thứ này nên mở ra.

1:01:13

There's a world where you could have them all play at the same time because they're very concise moments.

Có một khả năng là bạn có thể cho tất cả chúng phát cùng lúc vì chúng là những khoảnh khắc rất ngắn gọn.

1:01:17

It's just the launch, it's just cruise, it's just land and they can actually all play in very, in quick looping videos and you could probably get the point across even faster and the land video it doesn't really get the point across.

Chỉ là phóng, chỉ là hành trình, chỉ là hạ cánh và chúng thực sự có thể phát tất cả trong những video lặp lại rất, rất nhanh và bạn có thể truyền đạt được ý nhanh hơn nữa và video hạ cánh thì thực sự không truyền đạt được ý.

1:01:30

I don't think everybody immediately understands that's the moon and then you're slowly coming closer to it.

Tôi không nghĩ mọi người ngay lập tức hiểu rằng đó là mặt trăng và rồi bạn đang từ từ tiến lại gần nó.

1:01:33

I think that what you're actually waiting for is this moment, right?

Tôi nghĩ rằng điều bạn thực sự đang chờ đợi là khoảnh khắc này, đúng không?

1:01:37

You want to see... - Yeah.

Bạn muốn thấy... - Ừ.

1:01:38

Yeah, there you go.

Ừ, đấy, được rồi.

1:01:38

You see the shadow getting bigger.

Bạn thấy cái bóng lớn dần lên.

1:01:40

- That's it.

- Đó chính là nó.

1:01:40

That's what I want to see.

Đó là thứ tôi muốn thấy.

1:01:41

- Yeah.

- Ừ.

1:01:42

- I wouldn't even show any of the... - Yeah, should have just been that.

- Tôi thậm chí sẽ không hiển thị bất kỳ phần nào của... - Ừ, lẽ ra chỉ nên là cái đó.

1:01:44

- It should have just been this.

- Lẽ ra chỉ nên là cái này.

1:01:45

It should be that this scene and then this but with the, with the top open and that's all you need to do here.

Lẽ ra nên là cảnh này rồi đến cảnh này nhưng với, với phần trên mở ra và đó là tất cả những gì bạn cần làm ở đây.

1:01:49

- Yep.

- Đúng vậy.

1:01:49

- And again 1, 2, 3, 3 like the three of us nice as well.

- Và lại là 1, 2, 3, 3 kiểu như ba chúng ta cũng đẹp nữa.

1:01:53

On mobile this really quickly turns into a nice carousel.

Trên di động, cái này rất nhanh chóng biến thành một băng chuyền đẹp mắt.

1:01:57

So very easy to translate this into mobile.

Vậy nên rất dễ dàng để chuyển cái này sang giao diện di động.

1:02:01

Again primal strategy that J tell and me our school of thought on this would always be you have technology, company, news, careers merge.

Một lần nữa, chiến lược nguyên thủy mà J nói và tôi, trường phái tư duy của chúng tôi về vấn đề này sẽ luôn là bạn có công nghệ, công ty, tin tức, tuyển dụng hợp nhất.

1:02:08

If these are the things that you deem as important for your business, those are the chapters on the homepage.

Nếu đây là những thứ bạn cho là quan trọng đối với doanh nghiệp của mình, thì đó chính là các chương trên trang chủ.

1:02:13

Show off technology, show off the company, show off news and careers.

Thể hiện công nghệ, thể hiện công ty, thể hiện tin tức và tuyển dụng.

1:02:17

Don't make me use the navigation at the top.

Đừng bắt tôi phải sử dụng thanh điều hướng ở trên cùng.

1:02:19

These are all elements that you can bring into the homepage.

Đây đều là những yếu tố bạn có thể đưa vào trang chủ.

1:02:22

- Right.

- Đúng vậy.

1:02:22

- And from there using very simple sheets, sheets you can just transition into any pieces, any piece of that content and it'll make that whole, it'll make this whole thing feel way more digestible and, and readable.

- Và từ đó, sử dụng các trang rất đơn giản, các trang mà bạn có thể chuyển đổi sang bất kỳ phần nào, bất kỳ mẩu nội dung nào và nó sẽ làm cho tổng thể, nó sẽ làm cho toàn bộ thứ này trở nên dễ hiểu và dễ đọc hơn nhiều.

1:02:34

But let's, let's click through some of the pages.

Nhưng hãy, hãy nhấp qua một vài trang.

1:02:38

- Yeah, that's cool.

- Ừ, hay đấy.

1:02:38

- Yeah, technology.

- Ừ, công nghệ.

1:02:39

- Okay, so what I like about this... - Yeah.

- Được rồi, vậy điều tôi thích ở đây... - Ừ.

1:02:40

- It's, it looks like it's real video and so it makes me feel like this is real.

- Nó, nó trông giống như video thật và điều đó khiến tôi cảm thấy đây là thật.

1:02:45

- I mean this is real.

- Ý tôi là cái này là thật.

1:02:46

- Yeah.

- Ừ.

1:02:46

- They're, they're, they're real.

- Họ, họ, họ là thật.

1:02:47

It's not like a bunch of renderings and you know it's hard to tell is this real?

Nó không giống như một đống hình ảnh dựng và bạn biết đấy, thật khó để nói đây có phải là thật không?

1:02:51

Is this just like a plan that they have and it's like no, they're actually doing the thing.

Đây có phải chỉ là một kế hoạch mà họ có và kiểu như không, họ thực sự đang làm điều đó.

1:02:55

- They're building this.

- Họ đang xây dựng cái này.

1:02:57

Yeah.

Ừ.

1:02:57

I think again great example there is on there's not that much information on the technology section.

Tôi nghĩ một lần nữa, ví dụ tuyệt vời ở đó là không có nhiều thông tin trong phần công nghệ.

1:03:01

This whole video could have been a piece of content on the homepage that says explore our technology.

Toàn bộ video này có thể đã là một mẩu nội dung trên trang chủ với dòng chữ khám phá công nghệ của chúng tôi.

1:03:07

You tap into it, you open up a new component like this, you scroll through it and when you, when you scroll back out you're, you're on the homepage again.

Bạn nhấp vào, bạn mở một thành phần mới như thế này, bạn cuộn qua nó và khi bạn, khi bạn cuộn trở lại, bạn lại ở trên trang chủ.

1:03:14

Like that interaction pattern would work really nicely here.

Kiểu mẫu tương tác đó sẽ hoạt động rất tốt ở đây.

1:03:17

- Is.

- Đúng vậy.

1:03:17

- Super cool and you're relying on people to click on the technology page in order to see any of that.

- Cực kỳ tuyệt và bạn đang dựa vào việc mọi người nhấp vào trang công nghệ để xem bất kỳ điều gì trong số đó.

1:03:22

- Exactly.

- Chính xác.

1:03:23

We're getting a little sloppy here with the, with the cover images here.

Ở đây chúng ta đang hơi cẩu thả với, với các hình ảnh bìa.

1:03:26

I think laughter there's a lot of stuff going on with... - It doesn't match the quality and the style of the rest of the pages.

Tôi nghĩ [tiếng cười] có rất nhiều thứ đang diễn ra với... - Nó không khớp với chất lượng và phong cách của các trang còn lại.

1:03:30

- No, not at all.

- Không, hoàn toàn không.

1:03:32

And I think very important for Instinct to remember here you can use the serif for the headline.

Và tôi nghĩ điều rất quan trọng để Instinct ghi nhớ ở đây là bạn có thể sử dụng phông chữ có chân cho tiêu đề.

1:03:39

That becomes a stylistic element of the overall art direction for your branding.

Điều đó trở thành một yếu tố phong cách trong chỉ đạo nghệ thuật tổng thể cho thương hiệu của bạn.

1:03:43

You don't use it for any of the body copy or paragraph copy.

Bạn không sử dụng nó cho bất kỳ phần nội dung chính hay đoạn văn nào.

1:03:47

Those are sans serif.

Những phần đó là phông không chân.

1:03:48

That's a sans serif font.

Đó là một phông chữ không chân.

1:03:50

So these, this information here and this information here I would use something like instrument or just like a, a normal sans serif font like a, like an inter or something that works really well here.

Vậy nên những, thông tin ở đây và thông tin ở đây tôi sẽ dùng thứ gì đó như instrument hoặc chỉ là một phông không chân bình thường như inter hay thứ gì đó hoạt động thực sự tốt ở đây.

1:04:00

We were looking at carousels earlier like this carousel doesn't drag.

Chúng ta đã xem các băng chuyền trước đó, kiểu băng chuyền này không kéo được.

1:04:04

This carousel doesn't swipe with the trackpad.

Băng chuyền này không vuốt được bằng bàn di chuột.

1:04:05

This whole carousel only works if I interact with these buttons.

Toàn bộ băng chuyền này chỉ hoạt động nếu tôi tương tác với các nút này.

1:04:09

That's definitely not the way I would, you can, you build these components.

Đó chắc chắn không phải là cách tôi sẽ, bạn có thể, bạn xây dựng các thành phần này.

1:04:12

- I think my takeaway is you got to release carousel.

- Tôi nghĩ điều tôi rút ra là bạn phải phát hành băng chuyền.

1:04:15

- We have a carousel kit actually that, yes, Prevolus has been working on called Blossom Carousel.

- Thực ra chúng tôi có một bộ công cụ băng chuyền mà, đúng vậy, Prevolus đang phát triển có tên là Blossom Carousel.

1:04:20

- Yeah.

- Ừ.

1:04:20

- And Blossom Carousel is basically um a, this carousel swipes and scrolls and it comes in a multitude of different variations and versions.

- Và Blossom Carousel về cơ bản là ừm một, băng chuyền này vuốt và cuộn được và nó có nhiều biến thể và phiên bản khác nhau.

1:04:28

It comes as stacks on mobile.

Nó xuất hiện dưới dạng xếp chồng trên di động.

1:04:29

Um, this is free to use and on GitHub so any founders or any entrepreneurs who are watching the show, you can... - Yeah, this is great.

Ừm, cái này miễn phí sử dụng và có trên GitHub nên bất kỳ nhà sáng lập hay doanh nhân nào đang xem chương trình, bạn có thể... - Ừ, cái này tuyệt.

1:04:37

Everybody should use this.

Mọi người nên sử dụng cái này.

1:04:38

Instantly your carousels will get way better.

Ngay lập tức các băng chuyền của bạn sẽ tốt hơn nhiều.

1:04:39

- Exactly.

- Chính xác.

1:04:40

- Awesome.

- Tuyệt vời.

1:04:41

- Awesome Instinct.

- Tuyệt vời Instinct.

1:04:41

Thank you.

Cảm ơn bạn.

1:04:42

- Great work Instinct.

- Làm tốt lắm Instinct.

1:04:43

Awesome.

Tuyệt vời.

1:04:43

That does it for this designer view.

Đó là tất cả cho phần xem thiết kế này.

1:04:45

Marvin, thank you so much for being on.

Marvin, cảm ơn bạn rất nhiều vì đã tham gia.

1:04:47

- Thank you so much for having me.

- Cảm ơn bạn rất nhiều vì đã mời tôi.

1:04:48

Um, it's so lovely to be here.

Ừm, thật tuyệt khi được ở đây.

1:04:49

It's nice to be in San Francisco.

Thật vui khi được ở San Francisco.

1:04:50

It's just like yeah, the energy here is unmatched.

Cứ như là, năng lượng ở đây thật không gì sánh bằng.

1:04:52

Uh, Y Combinator is awesome.

Uh, Y Combinator thật tuyệt vời.

1:04:54

The office here is sick.

Văn phòng ở đây thật đỉnh.

1:04:55

I like, I'm so glad that you guys asked me to be on the show, and it's just, it's nice to get to sit with like-minded people who just want to look a little bit under the hood.

Tôi thích, tôi rất vui vì các bạn đã mời tôi lên chương trình, và thật tuyệt khi được ngồi cùng những người có cùng chí hướng, những người chỉ muốn nhìn sâu hơn một chút vào bên trong.

1:05:02

We went for some of that work, and I think, um, yeah, thank you for letting me, letting me show a little bit of my workflow.

Chúng tôi đã đi làm một số công việc đó, và tôi nghĩ, ừm, vâng, cảm ơn bạn đã để tôi, để tôi trình bày một chút về quy trình làm việc của mình.

1:05:08

And it's awesome to see all these, all these companies coming up with so much innovative new work.

Và thật tuyệt khi thấy tất cả những, tất cả những công ty này đang tạo ra nhiều công việc mới đầy sáng tạo đến vậy.

1:05:12

- Yeah, well, it was amazing to see the behind the scenes of your work and really get into your mind and how you think about how you set the bar and level it up with not just the visuals, but a lot of the interaction and how users actually experience the work that you do.

- Vâng, thật tuyệt vời khi được thấy hậu trường công việc của bạn và thực sự hiểu được suy nghĩ của bạn, cách bạn nghĩ về việc bạn đặt ra tiêu chuẩn và nâng nó lên không chỉ với hình ảnh mà còn rất nhiều tương tác và cách người dùng thực sự trải nghiệm công việc bạn làm.

1:05:26

So, thank you so much for sharing it with us, and that does it for this episode of Design Review.

Vì vậy, cảm ơn bạn rất nhiều vì đã chia sẻ với chúng tôi, và đó là tất cả cho tập này của Design Review.

1:05:31

We'll see you on the next one.

Hẹn gặp lại các bạn ở tập tiếp theo.

1:05:34

Bye, guys.

Tạm biệt mọi người.

Transcript

Hiển thị

AI-Driven Design Workflows

Marvin Schwaibold explains how AI tools have reshaped his design process, moving from Figma canvases to terminal-based prototyping with Codex and Claude Code. The designer's role shifts toward editing and curation, with humans steering AI to meet quality standards.

Marvin Schwaibold giải thích cách các công cụ AI đã định hình lại quy trình thiết kế của anh, chuyển từ canvas Figma sang tạo mẫu thử trên terminal với Codex và Claude Code. Vai trò của nhà thiết kế chuyển hướng sang chỉnh sửa và tuyển chọn, với con người dẫn dắt AI để đạt tiêu chuẩn chất lượng.

Today, I'm joined by Marvin Schwaibold, who leads the product design studio at Shopify.

Hôm nay, tôi có sự tham gia của Marvin Schwaibold, người lãnh đạo studio thiết kế sản phẩm tại Shopify.

He'll give us a behind-the-scenes look at his process,- - music- - where we'll see how he's using the latest AI tools to bring his designs to life, then review some viewer-submitted websites.

Welcome to another episode of Design Review.

Chào mừng đến với một tập khác của Design Review.

It's still extremely iterative uh and sequenced out.

Nó vẫn cực kỳ lặp đi lặp lại ừ và được sắp xếp theo trình tự.

in general.- - And how much of that workflow is AI driving a lot of the process and how much of it is you the human?- - I think it's a lot of me the human driving AI to do a lot of the heavy

lifting for me, um but there's a lot of um quality controls, decision-making um that are all that are all up to the designers.

Cho tôi, ừm nhưng có rất nhiều ừm kiểm soát chất lượng, ra quyết định ừm tất cả đều thuộc về các nhà thiết kế.

So, it's a lot more curating what AI is creating and that is a continuous clears throat like just back and forth with AI.

Vì vậy, việc tuyển chọn những gì AI tạo ra nhiều hơn và đó là một quá trình liên tục [hắng giọng] giống như chỉ qua lại với AI.

That's great.

Điều đó thật tuyệt.

- 100%.

I mean, AI has definitely raised raised the ceiling for all of us, but it's it's it's it's not a crafter.

Ý tôi là, AI đã thực sự nâng cao giới hạn cho tất cả chúng ta, nhưng nó không phải là một người thợ thủ công.

It it can execute complexity and and technology that I couldn't I couldn't handwrite code.

Nó có thể thực hiện sự phức tạp và công nghệ mà tôi không thể tự viết mã.

1 / 9