hệ thống thiết kế

Cách sử dụng atomic design để xây dựng một design system hiệu quả

content2 — Tue, 06 Feb 2024 02:51:58 +0000

Cách sử dụng atomic design để xây dựng một design system hiệu quả content2 T3, 02/06/2024 - 09:51 UX/UI

Một design system tốt là nền tảng để bất kỳ dự án nào thành công. Giờ đây, phương pháp atomic design đã trở thành một phương pháp chuẩn mực để xây dựng design system, mà chắc hẳn bạn cũng đã nghe tới.

Tuy về lý thuyết, atomic design dễ hiểu, nhưng sẽ cần thời gian để bạn có thể tìm ra phương thức áp dụng hợp lý cho cả team design và developer.

Trong bài này, chúng tôi sẽ chia sẻ kinh nghiệm làm việc của mình với design system và atomic design sau nhiều năm thiết kế cho các khách hàng tập đoàn lớn. Từ lý thuyết đến hành động, chúng tôi nghĩ đây sẽ là hướng tiếp cận tốt nhất.

Hãy bắt đầu thôi.

UX UX Designer design system hệ thống thiết kế

Trong bài này, chúng tôi sẽ chia sẻ kinh nghiệm làm việc của mình với design system và atomic design sau nhiều năm thiết kế cho các khách hàng tập đoàn lớn.

Bài viết liên quan

Tuy về lý thuyết, atomic design dễ hiểu, nhưng sẽ cần thời gian để bạn có thể tìm ra phương thức áp dụng hợp lý cho cả team design và developer.

Hãy bắt đầu thôi.

Xây dựng hệ thống dựa trên các component

Các nhà phát triển phần mềm đã luôn tìm cách để đẩy nhanh tốc độ làm việc, giúp ra mắt ứng dụng nhanh hơn và giảm số lượng lỗi tìm thấy. Từ đó, phát triển ứng dụng dựa trên component (thành phần) được sinh ra.

Hiểu đơn giản, các thành phần code có thể tái sử dụng được lưu lại để dễ áp dụng cho nhiều mục đích khác nhau. Khi bạn update một phần tử có sẵn, nó cũng sẽ tự cập nhật tại các thành phần khác chứa nó. Việc này giúp cho ứng dụng có cấu trúc rõ ràng và quá trình phát triển mượt mà hơn.

Hướng tiếp cận này cũng hợp lý khi xây dựng các website và ứng dụng, nên nhanh chóng được thử nghiệm.

Ở thuở ban đầu, chúng ta có style guide - hướng dẫn thiết kế để định nghĩa các thành phần trong ứng dụng. Nhưng, cách này nhanh chóng bộc lộ điểm yếu khi dự án trở nên lớn hơn, các thành phần đa dạng hơn, và các team trở nên khó hợp tác.

Ví dụ, bạn có thể quy định về kích cỡ button trong style guide, nhưng developer sẽ chỉ nhìn thấy những gì hiện trong mockup. Và nếu không tìm thấy trong thư viện, họ sẽ tạo ra một biến thể mới. Lúc này, tự nhiên bạn có một chiếc nút mới không nằm trong hệ thống của designer.

Làm quen với atomic design

Nếu ta có một cách tiếp cận tốt hơn cho cả front-end và style guide thì sao? Đó chính là câu trả lời từ Atomic design - một phương thức cho phép bạn mô tả và tổ chức tất cả thành phần trong hệ thống thiết kế.

Atom (nguyên tử): Đây là các thành phần thiết kế nhỏ nhất, như là style chữ, nút, icon, ô input, checkbox,.. Tất cả các thành phần này không thể phân tách thành các phần nhỏ hơn mà mất đi tính sử dụng.

Molecule (Phân tử): Đây là các thành phần phức tạp hơn bao gồm vài atom. Ví dụ: toast thông báo, dạng dữ liệu, trường input với nút bấm. Các molecule thường thuộc một cơ quan lớn hơn để có công dụng rõ ràng.

Organism (Cơ quan): Các thành phần với mục đích sử dụng rõ ràng, bao gồm nhiều molecule và atom. Nhiều cơ quan có thể hoạt động độc lập mà không cần dựa vào các thành phần khác trên trang. Ví dụ: Thanh navigation, thanh sidebar, form, popup nhiều dữ liệu,... Một cơ quan có thể có các cơ quan nhỏ hơn bên trong.

Template: Đây là các trang mà không có content cụ thể, kết hợp các organism lại để thành một layout dễ sử dụng.

Page (Trang): Thêm content vào template, và bạn sẽ có một trang mới. Ví dụ, một trang blog như bạn đang đọc sẽ bao gồm các cơ quan như header, footer, và phần nội dung ở giữa. Và mọi trang blog khác trên website Beau sẽ có cấu trúc tương tự.

Với các thành phần đã rõ, hãy cùng tìm hiểu cách áp dụng atomic design và design system vào quy trình làm việc của designer.

Đọc thêm: Hệ thống lưới trong thiết kế website - Từ nguyên lý đến thực tiễn

Sử dụng atomic design trong quy trình làm việc

Nếu bạn là một app/web designer, bạn có lẽ sẽ dùng Figma để thiết kế. Sau đó, bản thiết kế được gửi cho team dev để họ phân tích các layer và thông số. Sau đó, design system sẽ mô tả các thành phần được sử dụng.

Hãy xem quy trình làm việc với các công cụ giả định như trên

Design system

Đầu tiên, hãy chuẩn bị tinh thần có một design system lớn để có thể bao hàm mọi thành phần và trương hợp. Thêm nữa, bạn đang xây dựng một hệ thống có thể dùng cho nhiều dự án, nên hãy đảm bảo các team liên quan có thể truy cập.

Với mỗi trang, hãy ghi chép ra các atom, molecule, và cơ quan. Các thành phần sẽ gộp theo các trang khác nhau, và nhớ đặt tên hợp lý.

Các thành phần cơ bản nhất là font, màu sắc, icon, button, dropdown, và trường input. Bạn cần tạo tất cả các mục này trước khi bắt đầu một dự án mới. Bên cạnh đó, hãy có một changelog để ghi lại các thay đổi và ngày thực hiện.

Đọc thêm: Quy trình thiết kế trải nghiệm người dùng UX để đạt tầm nhìn doanh nghiệp

Cách đặt tên

Để giao tiếp giữa designer và dev tốt hơn, hãy có một cách đặt tên thống nhất và rõ ràng.

Bạn có thể viết tên bằng chữ thường, cách với dấu nối. Điều này sẽ dễ dùng cho cả designer và developer (khi họ đặt tên file và source code). Cách đặt tên này cũng giúp nhanh chóng xác định các layer đã có trong thư viện khi có thiết kế mới.

Chữ cái đầu tên là viết tắt của các cấp thành phần: a cho atom, m cho molecule, o cho organism. Từ thứ hai mô tả loại thành phần, như dropdown. Từ cuối mô tả variant (biến thể) của thành phần đó, như là main.

Ví dụ, một developer đang xem thiết kế và thấy một cơ quan tên là “o-popup-alert-exit”. Họ có thể dễ dàng đến file source code, tìm mục o-popup-alert-exit.html mà thêm vào dự án đang làm.

Hãy tham khảo cách đặt tên của các design system lớn để thể hiện đúng vai trò của thành phần và tránh đặt theo cảm tính. Ví dụ, một button màu xanh thay vì tên là a-button-blue nên có tên là a-button-primary vì màu xanh là màu chính của dự án.

Thư viện

Figma đem đến khả năng linh hoạt để publish thư viện và chia sẻ với mọi người khác. Cho nên hãy tận dụng điều này và đồng bộ thư viện mà cả designer và developer có thể sử dụng.

Khi thư viện được mở rộng, hãy quản lý các file hiệu quả hơn. Việc đặt tên nhất quán sẽ rất giúp ích vào lúc nào để sắp xếp các thành phần mới.

Mockup thiết kế

Đây chính là lúc áp dụng vào cách làm việc của cả team. Hãy sử dụng thư viện design system và bắt đầu tạo ra các mockup dễ tái sử dụng sau này. Các bước có thể như sau:

Bước 1: Tạo mockup mới. Bạn có thể có thành phần mới so với thư viện, không sao cả. Hãy cấu trúc các layer như bạn thường làm.

Bước 2: Nhận phản hồi. Hãy đợi đến lúc client xác nhận có thể bắt đầu quá trình dev, sau đó bắt đầu tạo tài liệu mới.

Bước 3: Hãy “atom hoá” các thành phần mới, tách ra thành các phần tử và đặt tên như cách đã học phía trên. Sau đó, thêm chúng vào thư viện đã có.

Bước 4: Trang của bạn đã sẵn sàng bàn giao cho team dev với các thành phần được làm rõ và dễ tìm kiếm. Code của developer còn có thể nhìn y hệt cách bạn sắp xếp các layer nếu bạn làm tốt các bước trước đó.

Đọc thêm: Website doanh nghiệp cần có gì? Câu hỏi đặt ra cho các trưởng dự án

Giá trị của hệ thống thiết kế với doanh nghiệp và dự án

Chất lượng, tốc độ, và hiệu suất là những lợi ích chính mà design system mang lại. Một hệ thống được triển khai tốt sẽ giúp cả nhóm cùng giải quyết các vấn đề phức tạp, đồng thời tối ưu hóa thời gian và nguồn lực. Sẽ lãng phí rất nhiều thời gian, nếu ta phải tạo mới thiết kế từ đầu cho mỗi sản phẩm. Khi có design system, nhiều yếu tố thiết kế sẽ được sử dụng xuyên suốt từ đầu.

Bên cạnh đó, mỗi design system sẽ đáp ứng và chỉ có thể dùng cho một thương hiệu hoặc một doanh nghiệp duy nhất. Bởi chúng được thiết kế với mục tiêu, nhu cầu của riêng doanh nghiệp ấy. Sự thống nhất như vậy sẽ giúp hình ảnh công ty trở nên nhất quán, còn trải nghiệm người dùng không bị gián đoạn.

Vậy, làm sao để biết khi nào thì nên áp dụng design system cho dự án? Hay thậm chí là toàn doanh nghiệp? Các câu hỏi sau sẽ giúp bạn quyết định.

Kích cỡ doanh nghiệp có cần sử dụng một design system? - Tạo và duy trì hệ thống thiết kế là một hoạt động tốn nhiều thời gian và đòi hỏi sự tận tâm từ nhân sự. Tức là system sẽ không ngừng phát triển khi nhóm design thu thập phản hồi từ những người sử dụng. Còn nếu bạn chỉ đang thử nghiệm và chưa có nhiều người dùng, design system có thể không phải là ưu tiên hàng đầu
Quy trình làm việc doanh nghiệp đã sẵn sàng cho design system? - Bất kỳ hệ thống thiết kế nào, dù được kế thừa từ phiên bản cũ, cũng sẽ cần huấn luyện và hướng dẫn sử dụng nếu không sẽ không thể áp dụng nhất quán cho các nhóm. Bên cạnh đó, nếu cách tiếp cận dự án của tổ chức là chỉ một lần là xong, chiến lược hệ thống có thể không phù hợp.
Tầm nhìn sản phẩm của doanh nghiệp có phù hợp với việc xây dựng design system? - Điểm mấu chất của hệ thống thiết kế hay các mô hình dự án hiện đại là tốc độ. Việc nhanh chóng thay đổi dựa trên phản hồi của thị trường và nội bộ cho phép sự phát triển sản phẩm với vòng đời ngắn. Còn nếu đây không phải là góc nhìn của bạn với sản phẩm doanh nghiệp, thì design system là không cần thiết.

Tối ưu hoá design system cho cả team

Bạn có thể thấy rõ ràng lợi ích của design system với atomic design khi nhìn vào quy trình làm việc trên. Cả team design và dev có thể giảm thời gian triển khai và tiếp cận, từ đó đưa ra các sản phẩm mới nhanh và nhất quán hơn. Bên cạnh đó, nếu bạn cần giao tiếp với các team bên ngoài trong một dự án lớn, cách làm này đem đến ngôn ngữ chung để mọi người hợp tác dễ dàng.

Tuy nhiên, bạn sẽ cần kha khá nỗ lực để bắt đầu áp dụng atomic design vào việc thiết kế design system. Nhưng kết quả sẽ đến với những người cố gắng. Một hệ thống được thể hiện rõ ràng và đầy đủ sẽ có ích cho hàng chục dự án tiếp theo, mở rộng khả năng của đội ngũ, và đem đến những sản phẩm chất lượng.

Quá trình tái thiết kế mô hình Double Diamond để nâng cấp quá trình sản xuất Xây dựng sản phẩm bằng kiến thức Design Thinking- Phần 1 15 trường hợp nên sử dụng hệ thống ERP (Enterprise Resource Planning) - Hoạch định nguồn lực doanh nghiệp FIGMA – Công cụ thiết kế toàn năng cho thiết kế trải nghiệm UX/UI Quản lý dịch vụ theo cấp độ - Service Level Management và Quản lý mong đợi của khách hàng - Managing Customer Expectations: Bí quyết cho dịch vụ khách hàng chuyên nghiệp Phát triển mạng xã hội nội bộ cho doanh nghiệp để gia tăng hiệu suất làm việc

Off

Xây dựng và sử dụng design system với một start up như thế nào?

content2 — Mon, 05 Feb 2024 11:46:14 +0000

Xây dựng và sử dụng design system với một start up như thế nào? content2 T2, 02/05/2024 - 18:46 UX/UI

Nếu bạn là một designer, chắc hẳn bạn đã nghe tới cụm từ Design System. Từng bước được chuẩn hoá và phổ biến bởi các công ty lớn như Apple, Shopify, và IBM, Design system giờ đây đã trở thành tiêu chuẩn trong việc thiết kế ứng dụng.

Tuy nhiên, nếu là một startup nhỏ, bạn có thể tự hỏi liệu ta có cần tốn công như vậy? Câu trả lời là có, nếu bạn muốn loại bỏ sự thiếu đồng nhất trong thiết kế và cải thiện quy trình làm việc tương lai giữa designer lẫn developer khi công ty lớn mạnh hơn. Còn nếu bạn nghĩ công ty sẽ không lớn mạnh hơn thì tuỳ bạn vậy.

Bài viết này sẽ tập trung vào các bước xây dựng design system cho một startup mới, thường có từ 10 - 50 nhân viên. Design system này sẽ là một bộ thư viện thường xuyên được cập nhật và cải tiến để cung cấp các thành phần có thể tái sử dụng cho team design, team dev, etc.

UX UX Designer design system hệ thống thiết kế

Bài viết này sẽ tập trung vào các bước xây dựng design system cho một startup mới, thường có từ 10 - 50 nhân viên.

Bài viết liên quan

Hãy bắt đầu nào.

Các bước xây dựng một design system cho startup

1. Nghiên cứu

Hãy bắt đầu bằng cách coi Design system như một sản phẩm đang cần được phát triển, và nghiên cứu luôn là bước đầu tiên. Nếu bạn chưa phát triển một design system bao giờ, hãy tìm các bài viết về cách phát triển và các vấn đề thường gặp để lên một kế hoạch sơ bộ.

Các khía cạnh của nghiên cứu bao gồm:

Thấu hiểu sản phẩm: Hãy biết về các nhóm khách hàng, các đặc tính của sản phẩm, và những thử thách mà bạn cần gặp phải. Tìm hiểu thật sâu về tình trạng hiện tại của các sản phẩm, bao gồm các thành phần UI, style, hành vi sử dụng, pattern thường dùng. Bạn cũng nên chụp ảnh và ghi chép lại những gì mình tìm thấy.

Phỏng vấn: Hãy nói chuyện với tất cả mọi người ở các vị trí khác nhau nhiều nhất có thể vì bạn sẽ không có nhiều thời gian. Designer, developer, quản lý dự án, quản lý sản phẩm, marketing, sales,.. đều có thể cung cấp các insights hữu ích. Mục tiêu của phỏng vấn là hiểu về thư viện thiết kế mà mọi người đang dùng, và cách họ giao tiếp về nhu cầu của mình trong vòng đời sản phẩm.

Reference: Không kém quan trọng, hãy tìm cảm hứng và cách làm việc từ các startup khác, từ đó biết về lợi ích và hạn chế của nhiều cách tiếp cận khác nhau với design system.

Đọc thêm: Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

2. Xác định phạm vi (scope) và mục tiêu

Bước tiếp theo, hãy xác định phạm vi làm việc (scope) và mục tiêu của Design system. Hãy tự hỏi bạn muốn đạt được điều gì và đưa cho ai sử dụng. Quan trọng hơn, hãy hỏi ý kiến từ cả những người ra quyết định trong công ty.

Phạm vi (scope): Một startup thường không có quá nhiều sản phẩm, ví dụ như một website, vài ứng dụng, và một ứng dụng chung cho nội bộ. Nhưng bạn sẽ cần cân nhắc tất cả khi xây dựng design system. Có thể bạn sẽ cần bắt đầu xây dựng cho một phần trước, sau đó mở rộng ra các phần còn lại.

Mục tiêu: Hãy hiểu các vấn đề quan trọng nhất mà Design system giải quyết cho doanh nghiệp, thường là về sự hiệu quả, nhất quán, hoặc trải nghiệm người dùng. Với startup, hệ thống cũng cần linh hoạt để giúp nhanh chóng phát triển và đưa tính năng ra thị trường.

Các hệ thống thiết kế lớn như Carbon của IBM hay Polaris của Shopify đáng để tham khảo, nhưng bạn nên sẵn sàng thử nghiệm để tìm ra kích cỡ phù hợp cho startup của mình.

3. Xây dựng roadmap phát triển

Tạo lộ trình là điều cần thiết để đảm bảo sự thành công của hệ thống thiết kế. Tại các công ty lớn, thường sẽ có một product owner giúp bạn. Nhưng nếu không, hãy tự quản lý dự án này.

Để tạo ra một roadmap hiệu quả, hãy làm các bước sau:

Lên kế hoạch: Hãy biết về tất cả công việc mà bạn cần làm.
Giao tiếp: Thông báo về các công việc cần làm và ghi chép lại quá trình.
Kiểm tra: Xem ai sẽ kiểm tra dự án, dù là bạn hay quản lý cao hơn
Ưu tiên: Xếp các mức độ ưu tiên cho các công việc của dự án

Một lời khuyên nhỏ: Bạn hãy chia công việc ra thành 1 hoặc 2 tuần sprint để tái đánh giá các công việc ưu tiên và kiểm tra tiến độ.

Đọc thêm: 3 bài học từ lịch sử phát triển của design system

4. Cung cấp guideline cho tài liệu document

Tài liệu hiệu quả là rất quan trọng cho một design system thành công. Hãy tạo ra các guideline rõ ràng cho các component, style, hành vi, v.v., bao gồm cách đặt tên cho chúng, mô tả chức năng và cung cấp các ví dụ sử dụng.

Đảm bảo bạn có tạo nơi tập trung cho tài liệu và cập nhật thường xuyên để phản ánh những thay đổi trong hệ thống thiết kế. Bạn có thể làm vậy theo nhiều cách khác nhau và bằng nhiều công cụ khác nhau, nhưng hãy đồng bộ hoá với các developer. Một công cụ thiết kế như Figma là một nơi tốt để bắt đầu.

Khi bạn tạo ra những hướng dẫn này, hãy nhớ mục tiêu. Bạn đang cố gắng tối ưu sự nhất quán và hợp tác giữa nhiều nhóm với nhau? Hay muốn tạo các nguyên tắc cho phép phát triển tính năng nhanh hơn? Có thể bạn sẽ cần ít tài liệu hơn so với các hệ thống khác. Vì vậy, hãy cố gắng hiểu điều bạn cần để đưa nhóm của bạn đến đích.

5. Định nghĩa cách đặt tên

Cách đặt tên là rất quan trọng để đảm bảo sự nhất quán và rõ ràng cho các component. Đồng thời, bạn sẽ tiết kiệm thời gian ra quyết định cho tất cả mọi người, nhất là khi đội thiết kế và phát triển có nhu cầu khác nhau.

Bạn có thể tìm hiểu thêm về design token, dù kiến thức này sẽ mất kha khá thời gian để nắm bắt. Lời khuyên là hãy cùng điều chỉnh cách đặt tên càng nhiều càng tốt để tạo ra các trường hợp và cấu trúc danh mục phù hợp.

Có thể bạn sẽ cần thay đổi lại cách đặt tên giữa quá trình phát triển design system, nhưng không sao cả, hãy tiếp tục chấp nhận và điều chỉnh.

6. Phát triển các style và component cơ bản

Các thành phần style cơ bản bao gồm:
- Màu sắc: Hãy phân tách theo chức năng sử dụng
- Typography: Chọn các cỡ font phù hợp với sản phẩm
- Grid: Tạo cấu trúc cho các thành phần
- Spacing: Hệ thống 4 point là dễ nhất để bắt đầu
- Elevation: Cách đổ bóng và phân cấp

Oke xong. Còn với các component cơ bản, hãy chọn các component hay dùng nhất, như input, button, icon, badge, modal, và các element tương tự. Bạn có thể sử dụng Design System Checklist để đảm bảo không bỏ lỡ gì.

Mục tiêu là có một danh sách component có thể tái sử dụng để tiết kiệm thời gian, và nhớ là đừng quá hoàn hảo. Bạn chỉ cần đủ cho các trường hợp thường dùng là được, và có thể thêm các thành phần mới theo thời gian.

7. Nhận feedback và bàn luận quy trình quản lý

Cuối cùng, hãy có một quy trình feedback để đảm bảo hệ thống của bạn vẫn đang được cải thiện. Khích lệ các thành viên trong team đưa ra ý kiến thường xuyên với những cuộc họp, nhưng cũng để ý xem cách designer đưa ý kiến và cách developer tiếp nhận.

Một vài ý tưởng để nhận feedback và quản lý tốt hơn là:
- Nhận comment ngay trên file
- Nhận comment trên file repo được chia sẻ với dev
- Dùng Form để khảo sát
- Ghi chép lại phản hồi trong quá trình phát triển
- Tạo cuộc họp hàng tuần với các người dùng khác nhau

Đọc thêm: Start-up và 6 yếu tố phải có cho một chiến lược định vị sản phẩm thành công

Đến bước này và startup của bạn đã có một design system để hợp tác giữa các thành viên với nhau. Là một công ty mới, bạn có thể phát triển các quy trình và hướng tiếp cận khác nhau hợp lý.

Và hãy nhớ, hỏi nhiều câu hỏi nếu có thể. Hy vọng bạn đã hiểu cách để xây dựng một design system cho startup của mình. Còn nếu bạn cần tư vấn, hãy hỏi chúng tôi tại info@beau.vn.

Casestudy: Thiết kế giải pháp tiếp cận khách hàng với hệ sinh thái API Làm thế nào để đo lường và xác định giá trị của data - dữ liệu doanh nghiệp? Báo cáo UX Audit là gì? Các ví dụ & công cụ để tối ưu trải nghiệm sản phẩm và website Family Banking: Khi khách hàng là trẻ em, chúng ta thiết kế ứng dụng ngân hàng như thế nào? P1 Thiết kế một trải nghiệm tài chính liền mạch cho các nhóm người dùng mọi nơi Thiết kế gây dựng tin tưởng: Cách thiết giao diện tài chính đáng tin cậy

Off

3 bài học từ lịch sử phát triển của design system

content2 — Thu, 10 Aug 2023 07:14:12 +0000

3 bài học từ lịch sử phát triển của design system content2 T5, 08/10/2023 - 14:14 UX/UI

Trong khi chúng ta đều muốn thiết kế những thứ mới mẻ và độc đáo nhất mỗi khi tiếp cận một dự án, sự thật là cách tiếp cận vậy khó phù hợp với một công ty quy mô lớn. Chậm chạp, thiếu nhất quán, khó duy trì, đó là tất cả những hạn chế của việc thiết kế sản phẩm số mà không có hệ thống thiết kế (design system) chuẩn chỉnh.

Ngày nay, bạn có thể bắt gặp design system tại các công ty lớn nhỏ, nhưng đây không phải là một phát kiến mới. Các giải pháp phần mềm theo module có thể tái sử dụng đã xuất hiện từ năm 1960, và nhiều ngành đã có thư viện dữ liệu để tham khảo từ lâu.

nghiên cứu thiết kế hệ thống thiết kế

Hôm nay, hãy cùng bước qua các trang sử về sự phát triển và đổi mới của hệ thống thiết kế, và xem những bài học đã được rút ra để design system trở nên phổ biến như ngày nay.

Bài viết liên quan

Hôm nay, hãy cùng bước qua các trang sử về sự phát triển và đổi mới của hệ thống thiết kế, và xem những bài học đã được rút ra để design system trở nên phổ biến như ngày nay. Biết đâu bạn có thể áp dụng những bài học này vào quy trình thiết kế sản phẩm của chính mình đấy.

Thư viện mẫu là sự khởi nguồn cho hệ thống design system

Trước khi design system trở thành quy chuẩn cho UI/UX design, các thư viện mẫu đã được nhiều nhà thiết kế sử dụng để quy chuẩn hoá các thành phần được sử dụng nhiều lần. Thư viện này sẽ định nghĩa các các thành phần tương tác, cách hiển thị, và kể cả cách code. Chức năng chưa có nhiều, nhưng đây là điểm khởi đầu cho một thiết kế nhất quán.

Thúc đẩy bởi nhu cầu hiểu rõ hơn về thế giới UI, các nhà thiết kế đã bắt đầu tạo ra các trang tài nguyên trực tuyến như UI Patterns và hướng dẫn quy chuẩn về thiết kế UI/UX. Các bộ sưu tập chớm nở này cố gắng thu thập các ví dụ thiết kế điển hình như một hướng dẫn cho tương lai. Chúng cũng giúp mở đường cho nhà thiết kế UX UI để họ có một ngôn ngữ chung khi thảo luận về các quy tắc tốt nhất trong ngành.

Bài học rút ra: Hãy theo dõi và học hỏi từ đồng nghiệp cũng như đối thủ thường xuyên để hoàn thiện hệ thống thiết kế của bạn. Các quy tắc đang dần hình thành, và việc trao đổi từ sớm sẽ giúp bạn trở thành những người đi đầu.

Đọc thêm: Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

Khuôn khổ tạo nên sức mạnh

Vào đầu những năm 2010, đã có một sự thay đổi lớn về các loại sản phẩm số được thiết kế và các nền tảng để triển khai. Mọi người và doanh nghiệp bắt đầu nhận thấy sự lớn mạnh nhanh chóng của công nghệ di động. Các phần mềm desktop và các trang web được thiết kế bằng Flash đã nhường chỗ cho các ứng dụng di động và giao diện người dùng (UI) đa nền tảng đầy năng động.

Để đáp ứng những thay đổi này, nhà thiết kế Brad Frost đã có một ý tưởng tuyệt vời gọi là Thiết kế Nguyên tử (Atomic Design). Thay vì chỉ mô phỏng sản phẩm dựa trên các thư viện hiện có, Atomic Design tạo ra một framework mà nhà thiết kế UX có thể xây dựng thư viện của riêng mình để tái sử dụng các thành phần.

Brad Frost cho rằng bằng cách nhìn vào các yếu tố thiết kế theo module, chúng ta có một sự linh hoạt chưa từng có trong lịch sử hệ thống thiết kế. Mặc dù phương pháp này có khác biệt với thư viện mẫu (đặc biệt là quy định về các quy tắc tốt nhất), đây là lần đầu tiên chúng ta thấy một design system cung cấp hướng dẫn sử dụng cùng với các yếu tố bên trong.

Bài học rút ra: Hãy tiếp cận theo hướng các module có thể tái sử dụng. Đây không phải là hạn chế sự sáng tạo; mà là làm cho việc đưa ra một số quyết định dễ dàng hơn để có thể tập trung vào những ý tưởng tổng thể.

Thế giới mới của Material Design

Mặc dù không phải là design system lớn đầu tiên, một trong những hệ thống thiết kế đã gây ảnh hưởng lớn nhất là Material Design của Google. Khi ra mắt vào năm 2014, Google đã cố gắng kết hợp các quy tắc tốt nhất từ cả thư viện mẫu và ý tưởng Thiết kế Nguyên tử của Brad Frost.

Mục tiêu chính của Material Design là tạo ra một ngôn ngữ thiết kế thống nhất trên tất cả các thiết bị, nền tảng và kích thước màn hình. Vì các sản phẩm của Google có sự phổ biến và quy mô rất lớn, việc có các yếu tố được sử dụng phổ biến (cùng với các hướng dẫn về nơi và khi nào sử dụng) là rất quan trọng để duy trì một cảm giác thống nhất.

Việc ra mắt Material Design không chỉ đơn giản là có thêm một bộ sưu tập các yếu tố mẫu có thể được nhân bản và tái sử dụng. Đây còn là một tập nguyên tắc đã được chứng minh là hiệu quả. Các hướng dẫn của Material Design đã là một trang quan trọng trong lịch sử hệ thống thiết kế mà hầu hết designer bây giờ đều phải tham khảo.

Bài học rút ra: Chỉ có một thư viện bao gồm các yếu tố là không đủ. Sự hướng dẫn, các quy chuẩn, và hướng đi chung được cung cấp trong hệ thống thiết kế mới là yếu tố quan trọng nhất để đem đến sự thống nhất trên các nền tảng ngày càng đa dạng mà một doanh nghiệp phải tiếp cận.

Đọc thêm: Tại sao Team Design cần một Design Hub?

Tiếp theo là gì?

Gần đây, các công ty như IBM, Airbnb và Uber đã triển khai các hệ thống thiết kế - Design System toàn diện nhằm cải thiện trải nghiệm người dùng và đơn giản hóa công việc của các designer lẫn developer.

Tại Beau, chúng tôi đã thường xuyên triển khai hệ thống thiết kế toàn diện cho khách hàng của mình trong quá trình thiết kế sản phẩm, cũng như giúp định hướng cho các nền tảng mà doanh nghiệp muốn hướng tới trong tương lai. Tương lai đang đầy hứa hẹn, và design system sẽ là nền tảng cho những bước tiếp vững chắc.

Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế Chúng ta có nên bỏ việc xây dựng chân dung khách hàng - persona? Nỗ lực nhận thức: Quá trình khác biệt hóa hình thức để đáp ứng nghệ thuật 3 lý do để đầu tư nhiều hơn vào UX - trải nghiệm người dùng Triển khai AI để nâng cao trải nghiệm khách hàng Xây dựng thương hiệu chạm tới trái tim trong thời đại nhiễu nhương

Off

Tổng quan về Nghiên cứu thiết kế - Design Research

content2 — Thu, 29 Dec 2022 04:08:42 +0000

Tổng quan về Nghiên cứu thiết kế - Design Research content2 T5, 12/29/2022 - 11:08 UX/UI

Nhiều trong số chúng ta có nhiều suy nghĩ về người dùng và khách hàng. Chúng ta có những kiến thức và kinh nghiệm sau nhiều năm tham gia ngành công nghiệp này. Nhưng thứ chúng ta thực sự biết là gì?

Chúng ta thường bắt đầu với giả định. Giả định là cần thiết, nhưng nó sẽ trở nên nguy hiểm khi chúng ta coi nó như sự thật. Nghiên cứu thiết kế cung cấp một hướng tiếp cận có cấu trúc, phương pháp để hiểu người dùng của chúng ta. Với nó, chúng ta có thể:

Nghiên cứu người dùng nghiên cứu thiết kế hệ thống thiết kế

“Việc khám phá và làm rõ nhu cầu của một cá nhân hay một nhóm giúp thiết kế ra những sản phẩm và dịch vụ có cấu trúc” - Nick Remis, Adaptive Path

Bài viết liên quan

Định hình thiết kế của sản phẩm và dịch vụ
Xác thực giả định
Giảm chi phí

Chúng ta đã bước vào kỷ nguyên của khách hàng và sự bùng nổ của UX. Theo đó, hướng tiếp cận khách hàng cũ cũng không còn phù hợp. Khách hàng không phải là những con cừu mà chúng ta có thể dắt mũi để mua bất cứ sản phẩm nào chúng ta bán. Chúng ta cũng không còn cố gắng xây dựng những sản phẩm với thật nhiều tính năng để tấn công thị trường. Và chúng ta cũng không phải người máy, cố gắng để có quy trình hiệu quả nhất.

Con người kỳ dị, chúng ta không phải lúc nào cũng suy nghĩ logic. Thay vào đó, chúng ta muốn trải nghiệm niềm vui, sự thích thú. Nó là lý do mà nghiên cứu có thể giúp chúng ta hiểu người dùng theo hướng mà không thứ gì khác có thể.

Khi thực hiện nghiên cứu thiết kế, chúng ta cần đặt được 3 điều sau:

Tìm ra pattern và insight
Xác định mục tiêu, tạo giả thuyết và đưa ra kết luận
Có hình dung về tương lai

Làm nghiên cứu thiết kế như thế nào?

Về cơ bản, chúng ta sẽ tạo ra những giả định, sau đó thử nghiệm chúng. Quá trình này diễn ra nhanh chóng, prototype có thể thay đổi và thành công được đo bằng kết quả chúng ta đạt được.

Có nhiều phương pháp nghiên cứu giúp chúng ta thu thập dữ liệu, chúng có thể được chia thành 3 nhóm lớn, ứng với 3 phương diện khác nhau là:

Định tính và định lượng
Tổng quát và đánh giá
Thái độ và hành vi

Định tính và định lượng

Các phương pháp định lượng là những phương pháp cho ra dữ liệu có thể đo lường bằng số, ví dụ như lượng người dùng, lượt xem trang, user flow, thời gian thực hiện nhiệm vụ. Một lượng lớn các dữ liệu định lượng có thể được thấy khi chúng ta làm phân tích số liệu, một số khác chúng ta có thể có được thông qua thử nghiệm A/B. Lưu ý, dữ liệu định lượng thường là những tệp dữ liệu lớn.

Ngược lại, phương pháp định tính là những phương pháp cho ra dữ liệu không đo lường được. Researcher khai thác về hành vi, cảm xúc và thái độ của người dùng bằng kỹ năng mềm. Nó cũng có thể được thu thập bằng việc người dùng ghi lại những tương tác, suy nghĩ của họ khi họ sử dụng sản phẩm như nghiên cứu nhật ký hay ethnography.

Tuy nhiên, định tính và định lượng không phải là hai nghiên cứu đối lập. Thay vào đó, chúng là hai mặt của đồng xu, cùng phản chiếu về một sự thật. Nghiên cứu định lượng sẽ mang tới cho chúng ta sự tự tin về những nghiên cứu định tính. Còn nghiên cứu định tính có thể cho chúng ta hiểu sâu hơn về nghiên cứu định lượng, tránh cho chúng ta đi tới những kết luận sai. Định lượng cho bạn biết người dùng đã làm gì, định tính sẽ cho bạn biết tại sao họ làm vậy.

Tổng quát và đánh giá

Bạn ở đâu trong quá trình nghiên cứu? Tùy vào câu trả lời mà chúng ta sẽ chọn phương pháp thiên về tổng quát hoặc đánh giá. Nghiên cứu tổng quát thường được đưa vào những giai đoạn đầu của ý tưởng, trong khi nghiên cứu đánh giá thực hiện khi chúng ta đang phát triển sản phẩm.
Giống như định tính và định lượng, chúng ta không cần chọn giữa tổng quát và đánh giá. Chúng có thể được cân bằng sao cho phù hợp với mục tiêu của mỗi dự án.

Thái độ và hành vi

Đây là những nghiên cứu trả lời cho chúng ta các câu hỏi như “Ý kiến của người dùng về sản phẩm” và “Cách một người dùng tương tác với sản phẩm”. Trong một số trường hợp, chúng ta sẽ cần biết người dùng nghĩ gì, một số trường hợp khác thì sẽ là họ làm gì. Và một lần nữa, chúng ta có thể kết hợp cả hai.

Đọc thêm: Designer nên biết gì về những loại nghiên cứu thiết kế ?

Phương pháp nghiên cứu thiết kế

Nhóm tập trung

Nhóm tập trung sẽ tập hợp một nhóm người dùng và cùng nhau thảo luận về sản phẩm. Phương pháp là một phương pháp truyền thống, khá phổ biến. Tuy nhiên, một số người cho rằng nó có xu hướng nhấn mạnh quan điểm nhóm và hiếm khi tìm ra nhu cầu bị bỏ qua.

Phỏng vấn

Trong nhiều nghiên cứu chúng ta thường nói chuyện với người dùng, có thể theo cách này hay cách khác. Trọng tâm của việc phỏng vấn người dùng là thu được một hiểu biết sâu sắc về người dùng và động lực của họ. Nó cũng sẽ hiệu quả hơn nếu được kết hợp với phương pháp xây dựng chân dung khách hàng.

Khảo sát

Đây là một phương pháp mà chúng ta có thể dùng để thu được insight một cách nhanh chóng. Tuy nhiên, phương pháp này có thể xuất hiện hai vấn đề. Một chúng ta có thể thiên vị một nhóm người dùng nào đó khi chọn người tham gia khảo sát. Hai là rất khó để đặt ra một câu hỏi mà không dẫn người dùng tới câu trả lời chúng ta định sẵn.

Kể chuyện có chủ đích

Bạn có thể dùng phương pháp này bất cứ khi nào bạn tương tác với người dùng. Khai thác câu chuyện của người dùng một cách có chủ đích sẽ giúp chúng ta thu được insight, hiểu hơn về đối tượng mục tiêu. Nó đòi hỏi chúng ta phải đồng cảm, dẫn hướng câu chuyện theo hướng có lợi cho nghiên cứu.

Nghiên cứu nhật ký

Còn được gọi là ghi chú trải nghiệm. Nhật ký này sẽ không có “dear nhật ký” ở trong đó, mà nó ghi lại những suy nghĩ của người dùng về trải nghiệm của một sản phẩm họ dùng.

Nghiên cứu thực địa

Bạn có thích quan sát người khác? Bạn đã bao giờ ngồi uống cafe và quan sát mọi người xung quanh? Nghiên cứu này cũng như vậy nhưng có chủ địch hơn. Nó có thể là một cách tuyệt vời để nhận được những vấn đề mà ngay cả người dùng cũng không nhận ra.

Nghiên cứu thị trường

Nếu bạn đang làm nghiên cứu trong dự án thiết kế lại một trải nghiệm Cocktail, bạn hẳn sẽ muốn tới một số quán bar và sau khi một khách hàng uống hết đồ uống của họ, bạn tới đạt cho họ vài câu hỏi. Hỏi họ thứ họ thích và không thích về trải nghiệm. Đó là nghiên cứu thị trường. Bạn tới ngay khi một người dùng hoàn thành một nhiệm vụ và hỏi họ về trải nghiệm.

Video Ethnography

Bạn sẽ cung cấp cho người dùng một thiết bị ghi hình, sau đó họ sẽ ghi hình lại quá trình trải nghiệm của họ. Phương pháp này là phương pháp kế hợp giữa nghiên cứu nhật ký và nghiên cứu thực địa.

Thẻ ảnh

Còn được gọi là cắt dán. Chúng ta sẽ cung cấp cho người dùng một set gồm hình ảnh, văn bản, hình vẽ, biểu tượng. Người dùng sẽ dùng những thứ ấy để kể một câu chuyện. Phương pháp này hiệu quả khi người dùng cần kể một chủ đề khó hoặc giàu cảm xúc. Ví dụ, hỏi bệnh nhân hoặc người nhà của họ kể về khoảng thời gian họ ngồi chờ bên ngoài hành lang phòng khám.

Mô hình nhận thức

Chúng ta nghiên cứu về nhu cầu của người dùng, kèm theo những động lực ứng với nhu cầu ấy. Sau đó, chúng ta vẽ sơ đồ cho những nhu cầu, động lực ấy, với các cột và các đường liên kết cho những nhu cầu, động lực có liên quan. Phương pháp này có thể giúp chúng ta xác định những điểm chưa tối ưu, những tính năng thừa mà người dùng không cần trong sản phẩm.

Thử nghiệm khả năng sử dụng

Phương pháp này là việc thử nghiệm một mô hình, prototype, phác thảo hoặc mã code bằng cách yêu cầu người dùng hoàn thành một nhiệm vụ cụ thể. Trong khi, chúng ta quan sát quá trình họ thực hiện nhiệm vụ ấy.

Thử nghiệm A/B

Một vấn đề có thể xảy ra khi thử nghiệm khả năng sử dụng là người dùng có thể ngại và không muốn đưa ra ý kiến tranh luận. Và vấn đề ấy có thể được giải quyết bởi thử nghiệm A/B. Trong thử nghiệm này chúng ta cho người dùng hai lựa chọn và yêu cầu họ phản hồi về ưu/nhược điểm về sản phẩm. Nó có thể gọi ra một cuộc trò chuyện xung quanh câu trả lời và cho chúng ta phản hồi chính xác hơn.

Đọc thêm: 9 nguyên tắc phải biết khi nghiên cứu thiết kế (Design Research)

Tham gia thiết kế

Đây là nghiên cứu rộng nhưng về cơ bản, phương pháp này chúng ta sẽ mời những bên liên quan tham gia vào giai đoạn thiết kế. Đây thường là cách hiệu quả để gạt bỏ rào cản giao tiếp, để khách hàng, lãnh đạo và các bên liên quan khác có thể chia sẻ những ý tưởng mà bình thường họ không có cơ hội để chia sẻ.

Xếp thẻ

Xếp thẻ là phương pháp chúng ta sử dụng cho giai đoạn thiết kế điều hướng. Chúng ta sẽ cung cấp cho một người dùng nhiều thẻ ghi những title của các trang và bài viết. Tùy mục tiêu mà chúng ta có thể mở rộng hoặc thu hẹp phạm vi của các nội dung. Đồng thời, nó cũng có thể dùng để người dùng có thể tự tạo thư mục mà họ cho là hợp lý.

Phân tích dữ liệu

Đây là phương pháp khác biệt so với những phương pháp trước, bởi chúng ta có thể dùng dữ liệu từ các phương pháp để đưa vào phân tích. Bao lâu thì người dùng hoàn thành được một nhiệm vụ? Những tính năng nào được sử dụng nhiều nhất? Luồng trang nào được người dùng nhiều nhất? Có nhiều câu hỏi có thể được trả lời với việc phân tích dữ liệu. Điều khó khăn là việc giải thích dữ liệu. Lúc này bạn cần phân loại đâu là dữ liệu định tính, đâu là dữ liệu định lượng để có thể tìm ra câu trả lời chính xác.

Tìm hiểu 8 phương pháp nghiên cứu UX - UX Research phổ biến nhất Bạn đã biết về Quy tắc thiết kế UI cho website? 30 nguồn tài nguyên đáng quý về thiết kế trải nghiệm người dùng UX Tổng quan về Digital Design — Giới thiệu về UX & UI Kiến thức thiết kế cơ bản: Tâm lý học nhận thức của hình dạng Phỏng vấn người dùng cơ bản: Số 1 - Các phiên lắng nghe

Off

Tại sao Team Design cần một Design Hub?

content2 — Mon, 07 Nov 2022 09:35:03 +0000

Tại sao Team Design cần một Design Hub? content2 T2, 11/07/2022 - 16:35 Cảm hứng thiết kế sáng tạo

Công nghệ gắn liền với cuộc sống, vậy nên, nó phải bắt kịp với nhịp sống. Tuy nhiên, đứng dưới góc nhìn từ những người chịu trách nhiệm cho những sản phẩm ấy, đôi khi chúng ta kiệt sức và những hành vi “máy móc” trong công việc cũng sẽ khiến chúng ta mất đi những kỹ năng mềm cần thiết.

Sản phẩm của chúng ta được thiết kế dựa trên nhu cầu của người khác, nhưng khi không có sự đồng cảm, thấu hiểu chúng ta không thể thực sự hiểu vì sao họ có nhu cầu ấy là gì, hay cơ hội nào tiềm năng và không tiềm năng. Bởi vậy, bỏ qua sức khỏe tâm lý trong nội bộ cũng sẽ ảnh hưởng trực tiếp tới chất lượng sản phẩm mà chúng ta xây dựng.

Một vấn đề phổ biến

Trong nhiều doanh nghiệp, bộ phận nhân sự (HR) thường phải đau đầu vì số nhân sự gắn bó với doanh nghiệp bị thấp. Với một số doanh nghiệp, vấn đề ấy kéo dài nhiều năm nhưng vẫn không tìm ra cách giải quyết.

Nguyên nhân của việc này vì sự thiếu hài lòng của nhân viên đối với vị trí hoặc văn hóa trong công ty. Các doanh nghiệp thường bỏ phí thời gian và tài năng của nhân sự để làm những báo cáo số khô khan. Kèm theo đó, HR hiếm khi gần gũi với các nhân sự khác trong công ty. Tình trạng bổ phiến đó là mất kết nối, vác nhân sự mất kết nối với nhau, hay nhân sự mất kết nối với mục tiêu và tầm nhìn của doanh nghiệp. Họ không biết với tư cách là một tập thể, tập thể này đang làm gì, đang cố gắng vì điều gì. Điều này xảy ra thường do tổ chức thiếu văn hóa doanh nghiệp, họ thiếu một danh tính cho tập thể ấy.

Design hub là gì?

Đầu tiên, design hud không phải là một hệ thống hay công cụ thiết kế. Một design hud là một cộng đồng. Nó là nơi chúng ta gặp gỡ mọi người, trao đổi những vấn đề xung quanh thiết kế và phát triển sản phẩm. Hơn thế nữa, nó có thể là nơi chúng ta cùng chia sẻ về tâm nhìn, suy nghĩ, những ý tưởng hay, những trải nghiệm và cả những thứ chúng ta kỳ vọng cho sự nghiệp. Một design hud sẽ trở thành nơi nắm giữ tinh thần của nhóm, tạo ra những giá trị cốt lõi để các thành viên tận tâm với công việc.

Nhiều công ty lớn đã có những trang riêng trên website để highlight những dự án nổi bật, nguyên tắc làm việc và đội ngũ nhân sự mà họ tự hào. Thế nhưng, đó chỉ là những thứ chúng ta truyền thông ra bên ngoài, nó không thực sự tác động vào bên trong.

Điểm độc đáo mà một design hud có thể mang lại đó là sự kết nối chặt chẽ giữa nhân sự với nhân sự và giữa nhân sự với doanh nghiệp. Với một đội ngũ nhân sự sẵn sàng chia sẻ tầm nhìn, quan điểm, kinh nghiệm, nó sẽ thúc đẩy công việc, thúc đẩy tính sáng tạo và đổi mới. Hãy tưởng tượng khả năng vô tận mà một tập thể gắn kết có thể làm.

Làm sao để bắt đầu?

Để bắt đầu tạo ra một design hud, chúng ta cần xét tới 3 yếu tố:

Thứ nhất, chúng ta phải cùng cam kết sẽ chấp nhận nhiều rủi ro hơn, đón nhận những ý tưởng mới. Việc này nhằm tránh việc ý tưởng đổi mới bị gạt bỏ hoặc biến dạng do thói quen làm việc máy móc.

Thứ hai, chúng ta cần trao đổi thương xuyên, ghim những ý tưởng mới hằng tuần. Điều này sẽ duy trì ngọn lửa nhiệt huyết của nhóm, đồng thời tạo sự phát triển lành mạnh cho cả doanh nghiệp và dự án.

Thứ ba, chúng ta phải đưa một số trong những ý tưởng ấy vào thực tế. Bởi nếu ý tưởng được đưa ra những chỉ được ghim lại và không sử dụng, lần tới sẽ không có ai muốn đưa thêm ý tưởng nữa. Hơn nữa, ý tưởng hay nên được ứng dụng, cho nó có cơ hội cải thiện quy trình và sản phẩm mà chúng ta làm.

Đọc thêm: Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design)

Làm sao để có thành viên tham gia?

Khi mới xây dựng design hub, có thể sẽ có những thành viên không muốn tham gia, điều ấy hết sức bình thường. Tuy nhiên, chúng ta vẫn nên chia sẻ với đội ngũ về tại sao chúng ta làm vậy, nó có ích lợi gì cho cả tập thể và cá nhân. Với nhu cầu phát triển bản thân, kết nối với người có cùng tầm nhìn, chắc chắn sẽ có nhiều thành viên muốn tham gia.

Khi đã thu hút được sự chú ý, chúng ta sẽ biết cụ thể chúng ta sẽ làm gì trong hud. Trong bộ máy doanh nghiệp đang gặp vấn đề gì? quy trình thiết kế có cần cải thiện không? Hãy đem những thứ ấy ra thảo luận. Sau cùng chúng ta sẽ có giải pháp cho bộ máy, đồng thời, có thể hướng cả tập thể theo một mục tiêu chung.

Xây dựng và phát triển với tầm nhìn từ bên trong?

Để có được tầm nhìn cho hud, chúng ta cần cân nhắc tới tầm nhìn chung của công ty, các dự án chúng ta phát triển và tất cả những nhu cầu, thế mạnh của đội ngũ. Hãy khám phá những vấn đề ấy như thể chúng ta chưa biết gì về chúng, đưa chúng vào một sơ đồ để có thể nhìn rõ được tổng thể và nhận ra những vấn đề quan trọng.

Sơ đồ này sẽ là nền tảng để chúng ta tìm ra tầm nhìn chung của nhóm. Từ đó, toàn bộ công việc như lên kế hoạch, thiết kế, đặt câu hỏi, thử nghiệm,...đều được bắt đầu và triển khai theo tầm nhìn chung. Đó sẽ là mục tiêu chung của nhóm, giúp các thành viên hiểu rõ thứ mình đang làm và vì sao mình làm nó.

Với sơ đồ ấy, khi chúng ta làm việc với đối tác hay nhà đầu tư, chúng ta có thể rõ ràng về quan điểm, giải pháp, từ đó khiến họ cảm thấy an toàn và tin tưởng khi làm việc với chúng ta hơn.

Dưới đây là một số lợi ích có thể nhận được từ việc có một sơ đồ tầm nhìn ở cấp độ tài liệu:

Hiểu rõ hơn về cấu trúc nhân sự, với những vai trò, năng lực cụ thể. Điều này rất quan trọng để có thể chọn ra nhận sự phù hợp khi tuyển dụng nhân sự mới.
Quy trình rõ ràng, cho chúng ta biết chúng ta đang ở đâu trong dự án, cũng như có thể nhìn rõ tổng thể cả dự án.
Công cụ thiết kế như framework, artifact, phần mềm, ứng dụng,...
Hệ sinh thái người dùng

Và ở cấp độ nhân sự:

Tầm nhìn chung cho cả nhóm
Hiểu về nhu cầu, suy nghĩ về công việc của từng thành viên
Kho kiến thức được chia sẻ từ thành viên
Những cuộc thảo luận về phương pháp, xu hướng, ý tưởng
Mục tiêu và thành tích của mỗi tháng

Đọc thêm: Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

Loại bỏ tư duy khô khan bằng cách tạo một cộng đồng

Như chúng ta đã đề cập ở đầu bài viết, doanh nghiệp thường quá tập trung vào sản phẩm và những mục tiêu bắt kịp thị trường. Thế nhưng, nó cũng tạo ra vấn đề cho chính những sản phẩm và quy trình mà chúng ta thực hiện.

Có thể chúng ta tự hào vì mình được làm việc trong một tập đoàn lớn, nhưng thực tế, chúng ta không làm thứ gì đặc biệt ngoài những thứ chúng ta phải làm. Sự đổi mới chỉ có thể được tạo ra khi chúng ta thoát khỏi tư duy ấy và bắt đầu nghĩ về những tầng sâu hơn của công việc. Tại sao chúng ta làm công việc này?

Nó có tác động gì tới những thứ xung quanh?

Design hub không phải là chìa khóa quyết định thành công, nhưng nó là phương tiện giúp chúng ta đến với thành công nhanh hơn. Design hud sẽ giúp doanh nghiệp xây dựng văn hóa, như Adam Bryant từng chia sẻ:

“Xây dựng một đội ngũ nhân sự không phải là tìm một nhóm những người có những kỹ năng chuyên nghiệp, mà thật sự nó là những câu hỏi rằng: Chúng ta đang đi đâu? Và làm sao để chúng ta đến đó?”

Designer Design hệ thống thiết kế Hợp tác

Sống trong môi trường doanh nghiệp, những nhà thiết kế và phát triển sản phẩm số như chúng ta có những task list dài vô tận.

Một vấn đề phổ biến

Design hub là gì?

Đầu tiên, design hub không phải là một hệ thống hay công cụ thiết kế. Một design hub là một cộng đồng. Nó là nơi chúng ta gặp gỡ mọi người, trao đổi những vấn đề xung quanh thiết kế và phát triển sản phẩm. Hơn thế nữa, nó có thể là nơi chúng ta cùng chia sẻ về tâm nhìn, suy nghĩ, những ý tưởng hay, những trải nghiệm và cả những thứ chúng ta kỳ vọng cho sự nghiệp. Một design hud sẽ trở thành nơi nắm giữ tinh thần của nhóm, tạo ra những giá trị cốt lõi để các thành viên tận tâm với công việc.

Điểm độc đáo mà một design hub có thể mang lại đó là sự kết nối chặt chẽ giữa nhân sự với nhân sự và giữa nhân sự với doanh nghiệp. Với một đội ngũ nhân sự sẵn sàng chia sẻ tầm nhìn, quan điểm, kinh nghiệm, nó sẽ thúc đẩy công việc, thúc đẩy tính sáng tạo và đổi mới. Hãy tưởng tượng khả năng vô tận mà một tập thể gắn kết có thể làm.

Làm sao để bắt đầu?

Để bắt đầu tạo ra một design hud, chúng ta cần xét tới 3 yếu tố:

Đọc thêm: Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design)

Làm sao để có thành viên tham gia?

Xây dựng và phát triển với tầm nhìn từ bên trong?

Để có được tầm nhìn cho hub, chúng ta cần cân nhắc tới tầm nhìn chung của công ty, các dự án chúng ta phát triển và tất cả những nhu cầu, thế mạnh của đội ngũ. Hãy khám phá những vấn đề ấy như thể chúng ta chưa biết gì về chúng, đưa chúng vào một sơ đồ để có thể nhìn rõ được tổng thể và nhận ra những vấn đề quan trọng.

Dưới đây là một số lợi ích có thể nhận được từ việc có một sơ đồ tầm nhìn ở cấp độ tài liệu:

Hiểu rõ hơn về cấu trúc nhân sự, với những vai trò, năng lực cụ thể. Điều này rất quan trọng để có thể chọn ra nhận sự phù hợp khi tuyển dụng nhân sự mới.
Quy trình rõ ràng, cho chúng ta biết chúng ta đang ở đâu trong dự án, cũng như có thể nhìn rõ tổng thể cả dự án.
Công cụ thiết kế như framework, artifact, phần mềm, ứng dụng,...
Hệ sinh thái người dùng

Và ở cấp độ nhân sự:

Tầm nhìn chung cho cả nhóm
Hiểu về nhu cầu, suy nghĩ về công việc của từng thành viên
Kho kiến thức được chia sẻ từ thành viên
Những cuộc thảo luận về phương pháp, xu hướng, ý tưởng
Mục tiêu và thành tích của mỗi tháng

Đọc thêm: Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

Loại bỏ tư duy khô khan bằng cách tạo một cộng đồng

Nó có tác động gì tới những thứ xung quanh?

Tận Dụng Các Mô Hình Nhận Thức Vào Thiết Kế Sản Phẩm p2 Tận Dụng Các Mô Hình Nhận Thức Vào Sản Phẩm Thiết Kế p1 Tích hợp, tối đa hoá, vận hành, và nhất quán môi trường số trong doanh nghiệp Chuyển đổi số - Chìa khoá từ các nhà lãnh đạo tạo nên tăng trưởng doanh thu hơn 5 lần Creative Agency Model - Khám phá các mô hình Agency sáng tạo mới Quan điểm "không có cửa cho dân làm sáng tạo ở Hà Nội " có làm bạn nản lòng? Kiểm soát thiết kế của bạn với góc nhìn trục Z trong thiết kế phẳng

Off

Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

content2 — Tue, 09 Aug 2022 06:49:37 +0000

Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế content2 T3, 08/09/2022 - 13:49 Cảm hứng thiết kế sáng tạo

Hệ thống thiết kế (Design System) là gì?

Mỗi doanh nghiệp đều cần giao tiếp với khách hàng, người dùng và thiết kế đóng một vai trò lớn trong quá trình giao tiếp ấy. Một hệ thống thiết kế (Design System) là một tập hợp các tiêu chuẩn, tài liệu, nguyên tắc cùng với một bộ công cụ để các nhóm thiết kế có thể dùng để thiết kế với một quy mô lớn, có thể gồm nhiều sản phẩm một lúc hoặc nhiều sản phẩm qua thời gian.

Chúng nhằm chuẩn hóa ngôn ngữ thiết kế, tạo ra các sản phẩm thiết kế digital mạch lạc, duy trì tính nhất quán của thiết kế trên nhiều sản phẩm khác nhau. Bởi vậy chúng cần bao gồm các quy tắc, hướng dẫn sử dụng các yếu tố trong hệ thống. Cụ thể hơn, với ứng dụng digital, một hệ thống thiết kế phải gồm một bộ ngôn ngữ UI có thể mở rộng, kèm những nguyên tắc UX tương ứng để có thể xác cách sử dụng.

Tính nhất quán đều quan trọng đối với bất cứ thương hiệu nào, đặc biệt là khi thương hiệu cần phát triển trên nhiều nền tảng khác nhau. Bởi hệ thống thiết kế được tạo, quản lý và triển khai bởi nhiều người, nên cần đảm bảo tính rõ ràng, chặt chẽ của hệ thống để giảm thiểu sai sót khi ứng dụng.

Các phần chính của hệ thống thiết kế

Một hệ thống thiết kế (Design System) gồm nhiều thành phần khác nhau. Đối với việc phát triển sản phẩm số chúng gồm phần cơ bản là:

Thư viện đồ họa
Style guide
Nguyên tắc và hướng dẫn
Mẫu code
Branding

Tuy nhiên, yếu tố quyết định của một hệ thống thiết kế là khả năng mở rộng, khả năng biến đổi. Chúng sẽ giúp sản phẩm số có thể phát triển, mở rộng theo thời gian mà không bị lỗi thời hay mất tính nhất quán.

Độ lớn của hệ thống thiết kế tương ứng với độ lớn của các nhóm thành phần bên trong nó. Tuy nhiên, dù hệ thống ấy lớn như thế nào, những nguyên tắc và hướng dẫn kèm theo vẫn phải đầy đủ để triển khai hệ thống ấy được đúng cách. Các mẫu code sẽ quản lý các thành phần trong thư viện đồ họa. Còn style guide và branding thường bao gồm logo, icon, khoảng cách, lưới, kiểu chữ, màu, ngôn ngữ hình ảnh và những nguyên liệu marketing như tông giọng thương hiệu, nguyên tắc xuất bản.

Lợi ích chính của hệ thống thiết kế

Mang lại hiệu quả cao hơn cho dự án
Cải thiện quy trình thiết kế và phát triển sản phẩm
Cải thiện quy trình sản xuất
Tiết kiệm thời gian và nguồn lực
Cho nhà thiết kế được tập trung vào vấn đề khác quan trọng hơn
Duy trì tính nhất quán trên nhiều sản phẩm

Chất lượng, tốc độ và hiệu quả là những lợi ích chính của một hệ thống thiết kế. Các hệ thống được triển khai tốt với tài liệu mở rộng có thể giúp các nhà thiết kế giải quyết các vấn đề phức tạp, đồng thời, tối ưu hóa thời gian và nguồn lực.

Với một hệ thống kèm các thành phần có thể tái sử dụng, cho phép nhà thiết kế và nhà phát triển tập trung vào các tính năng, vấn đề khác quan trọng hơn. Sẽ lãng phí rất nhiều thời gian, nếu doanh nghiệp tạo một thiết kế cho mỗi sản phẩm. Khi có một hệ thống thiết kế, mọi vấn đề thiết kế nên được giải quyết một lần duy nhất.

Hệ thống thiết kế đặc biệt khác với những loại hệ thống khác. Mỗi hệ thống sẽ tương ứng và chỉ có thể dùng cho một thương hiệu hoặc một doanh nghiệp duy nhất. Bởi chúng được thiết kế với mục tiêu, nhu cầu của riêng doanh nghiệp ấy. Khi thiết kế hệ thống này, các nhà thiết kế nên cân nhắc về quy mô doanh nghiệp, khả năng ứng dụng khi hệ thống đi vào triển khai.

Ai là những người xây dựng hệ thống thiết kế?

Một hệ thống thiết kế hiệu quả hay không là phụ thuộc vào đội ngũ tạo và sử dụng nó. Họ là nhóm thiết kế và nhóm phát triển sản phẩm. Họ là những người đóng vai trò chính, quyết định thành công của hệ thống thiết kế.

Ngoài ra, có thể kể tới chiến lược nội dung, nghiên cứu, quản lý dự án và chủ đầu tư, cũng sẽ đóng góp vào quá trình xây dựng và triển khai hệ thống. Chủ đầu tư sẽ đóng góp tầm nhìn và kiến thức về ngành, các nhà nghiên cứu và chiếc lược nội dung sẽ xác định hướng đi, điều chỉnh cấu trúc sản phẩm sao cho phù hợp với hành vi của người dùng cuối.

Trong khi đó, các quản lý dự án, quản lý sản phẩm sẽ đảm bảo quy trình làm việc và cộng tác giữa các nhóm được tối ưu, theo dõi timeline, nguồn lực và ngân sách. Họ cũng sẽ là cầu nối giữa chủ đầu tư và các nhóm còn lại trong quá trình thực hiện dự án.

Tạo và triển khai hệ thống thiết kế

Có 3 cách tiếp cận chính để tạo một hệ thống thiết kế, chúng là:

Áp dụng hệ thống hiện có
Điều chỉnh hệ thống hiện có
Xây dụng hệ thống mới

Cách tốt nhất để thiết kế một design system là bắt đầu với một sản phẩm cụ thể, sau đó điều chỉnh là tìm ra quy tắc hợp lý, tạo thành một hệ thống thiết kế. Còn khi chúng ta đã có một hệ thống thiết kế, chúng ta nên áp dụng hoặc điều chỉnh nếu cần để có thể tiết kiệm chi phí.

Với những doanh nghiệp có nhu cầu đặc biệt và cần một hệ thống tối ưu cho nhu cầu ấy, họ thường muốn xây dựng một hệ thống thiết kế mới. Tất nhiên, việc xây dựng một hệ thống mới sẽ tốn kém, nhưng dù vậy, nó vẫn sẽ phụ thuộc vào ngân sách và nhu cầu của doanh nghiệp.

Ví dụ về hệ thống thiết kế (Design System)

1. Apple - Human Interface Guideline

Human Interface Guideline là một tập hợp những thông tin chuyên sâu cùng nhiều tài nguyên UI, nhằm thiết kế các ứng dụng cho nền tảng của Apple. Hệ thống thiết kế này tuân theo 5 nguyên tắc thiết kế của Steve Job là: đơn giản, thân thiện, tối giản, chính xác và tập trung. Nó cũng cung cấp nhiều tài nguyên, hướng dẫn, style guide cho cả nhà thiết kế và nhà phát triển.

2. Google - Material Design System

Chúng ta đều biết về Google, nhưng ít ai biết Material Design System của họ. Google tạo ra Material.co và chia sẻ công khai hệ thống thiết kế của họ. Mọi người cũng có thể nhận được những tài liệu về nguyên tắc và hướng dẫn từ đó, từ đó sử dụng hệ thống dễ dàng hơn. Một số tài nguyên có thể kể tới là bảng màu, kiểu chữ, bố cục, starter kits, tài nguyên thiết kế.

3. Netflix - Hawkins

Hawkins là tên một thị trấn hư cấu từ bộ phim Stranger Things của Netflix, sau đó nó cũng được đặt cho tên hệ thống thiết kế của họ. Hệ thống thiết kế Hawkins được áp dụng cho hơn 80 ứng dụng, với hơn 20 ngôn ngữ và được hàng triệu người trải nghiệm mỗi ngày.

hệ thống thiết kế nghiên cứu thiết kế thiết kế giao diện Thiết kế UX Thiết kế sáng tạo

Hệ thống thiết kế là một bộ công cụ tối quan trọng để các nhóm có thể làm việc và phối hợp trong một dự án. Hãy đọc tiếp để hiểu hơn về hệ thống thiết kế, cũng như các nguồn uy tín bạn có thể tham khảo.

Hệ thống thiết kế (Design System) là gì?

Các phần chính của hệ thống thiết kế

Một hệ thống thiết kế (Design System) gồm nhiều thành phần khác nhau. Đối với việc phát triển sản phẩm số chúng gồm phần cơ bản là:

Thư viện đồ họa
Style guide
Nguyên tắc và hướng dẫn
Mẫu code
Branding

Lợi ích chính của hệ thống thiết kế

Mang lại hiệu quả cao hơn cho dự án
Cải thiện quy trình thiết kế và phát triển sản phẩm
Cải thiện quy trình sản xuất
Tiết kiệm thời gian và nguồn lực
Cho nhà thiết kế được tập trung vào vấn đề khác quan trọng hơn
Duy trì tính nhất quán trên nhiều sản phẩm

Ai là những người xây dựng hệ thống thiết kế?

Tạo và triển khai hệ thống thiết kế

Có 3 cách tiếp cận chính để tạo một hệ thống thiết kế, chúng là:

Áp dụng hệ thống hiện có
Điều chỉnh hệ thống hiện có
Xây dụng hệ thống mới

Ví dụ về hệ thống thiết kế (Design System)

1. Apple - Human Interface Guideline

2. Google - Material Design System

3. Netflix - Hawkins

4. Polaris - Shopify

Polaris Design System cung cấp một bộ hướng dẫn thiết thực và dễ hiểu để thiết kế cho nền tảng Shopify - nền tảng thương mại điện tử toàn cầu lớn nhất hiện này. Bạn sẽ tìm thấy một cơ sở kiến thức rộng lớn về việc sử dụng các thành phần như giao diện người dùng, yếu tố hình ảnh, nội dung, và ngôn ngữ thiết kế để tạo ra trải nghiệm người dùng và sản phẩm tốt hơn.

5. Atlassian Design System

Atlassian Design System tập trung vào việc cung cấp thông tin có giá trị cho các nhóm từ khắp nơi trên thế giới bằng cách hướng dẫn giúp sự cộng tác của họ trở nên liền mạch và dễ dàng. Triết lý thiết kế của Atlassian tập trung vào việc sử dụng trải nghiệm kỹ thuật số để cải thiện năng suất và tiềm năng tổng thể của các nhóm và từng thành viên, được phản ánh rõ ràng trong các sản phẩm cộng tác được sử dụng toàn cầu của họ như Trello và Jira.

6. Fluent - Microsoft

Được phát triển vào năm 2017, Fluent là một tập hợp các framework UX và các thành phần giao diện người dùng với cùng chung bộ code, cách tiếp cận thiết kế thống nhất, và các hành vi tương tác nhất quán. Hệ thống thiết kế của Microsoft giúp xây dựng trải nghiệm nhất quán trên các nền tảng, bao gồm web, Windows, iOS, Android và macOS.

7. Carbon - IBM

Hệ thống thiết kế (Design System) Carbon của IBM là một hệ thống mã nguồn mở cho tất cả các sản phẩm kỹ thuật số của IBM. Hệ thống này bao gồm các hướng dẫn về giao diện lấy con người làm trung tâm, các bộ code, tài nguyên thiết kế, và cả sự kết nối cộng đồng với những người đóng góp thường xuyên. Mục đích của Carbon là cải thiện tính nhất quán và chất lượng của giao diện người dùng thông qua hướng dẫn rõ ràng, dễ khám phá xung quanh việc thiết kế và phát triển sản phẩm.

8. Ant Design - React UI Framework

Ant Design là một hệ thống thiết kế (Design System) chuyên nghiệp mà các doanh nghiệp có thể dùng ngay lập tức. Nó cung cấp các component và demo chất lượng cao để xây dựng các UI có thể tương tác. Bạn cũng có thể điều chỉnh các component này để hợp nhu cầu thiết kế của mình.

Cách thương hiệu ứng dụng màu sắc trong thiết kế nhận diện Những gì designer cần biết về nghiên cứu thiết kế Cải thiện hành trình trải nghiệm khách hàng chất lượng qua những điểm chạm tinh tế Kết hợp giữa dữ liệu và thiết kế như thế nào để thúc đẩy đổi mới sáng tạo trong sản phẩm và quy trình ? Kiến thức thiết kế cơ bản: Tâm lý học nhận thức của hình dạng Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ

Off

Lợi ích và cách áp dụng Concept Testing trong thiết kế

content2 — Tue, 09 Aug 2022 04:54:41 +0000

Lợi ích và cách áp dụng Concept Testing trong thiết kế content2 T3, 08/09/2022 - 11:54 UX/UI

Concept Testing là gì?

Hiểu hơn về Concept Testing trong thiết kế

Không dễ để đưa một sản phẩm lên kệ. Không nhà sản xuất nào muốn đưa một sản phẩm cẩu tha ra thị trường khi chưa được hoàn thiện. Vì vậy, Concept Testing ra đời. Với hình thức thử nghiệm này, thương hiệu có thể nắm được sản phẩm, chiến dịch hay sáng kiến của mình tốt đến đâu trước khi thực sự phát triển tiếp trên thị trường.

Các công ty thường xác nhận lại sản phẩm bằng cách kiểm tra sự phù hợp với thị trường sản phẩm, nhưng với những thứ mới chỉ là ý tưởng trong đầu, làm thế nào để kiểm tra?

Concept Testing là gì?

Thử nghiệm này đơn giản là một phương pháp nghiên cứu liên quan tới việc thu phản hồi từ khách hàng hoặc đối tượng mục tiêu để xác nhận lại một khái niệm trước khi đưa ra thị trường.

Ý tưởng thì có rất nhiều, vì thế, thử nghiệm ý tưởng sẽ tiết kiệm thời gian và chi phí cho các team, từ team Product, Research, Design tới Marketing. Cách thử nghiệm này mã hoá những ý tưởng tệ từ trước khi phát triển rộng hơn. Concept Testing đơn giản hay phức tạp, nhanh gọn hay rườm rà, phụ thuộc cả vào nhu cầu thử nghiệm của công ty.

Vì sao Concept Testing quan trọng?

Cách thử nghiệm này có thể dự báo về tương lai của sản phẩm ngay từ những bước đầu của quá trình phát triển. Thậm chí, dù team đang ở giai đoạn nào, từ quá trình kiểm tra sản phẩm mới, thiết kế lại chiến dịch marketing, tung ra logo nhận diện mới tới kích hoạt chương trình khách hàng thân thiết, hãy thử Concept Testing. Làm như vậy, nhà sản xuất sẽ thu thập được những thông tin chi tiết có giá trị về khách hàng và tránh được việc đầu tư vào những sản phẩm mà không ai sử dụng.

Hãy luôn nhớ rằng, chúng ta không phải là người dùng của sản phẩm. Với những xu hướng tiêu dùng luôn thay đổi nhanh chóng, rủi ro đầu tư nguồn lực vào phát triển một kế hoạch lỗi thời khá tốn kém. Thay vào đó, để xây dựng một sản phẩm hoặc trải nghiệm thành công, hãy đảm bảo chúng phù hợp với khách hàng mục tiêu của công ty.

Hãy nhìn vào ví dụ này về Concept Testing. Team Product đã brainstorm cùng nhau tới 8 tiếng để phát triển tổng thể những cải tiến sáng tạo hoặc sản phẩm mới. Kết quả, có quá nhiều lựa chọn, gây bối rối cho quyết định sau cùng.

Để tìm ra ý tưởng nào là tốt nhất, hãy thử hỏi khách hàng những câu hỏi sau:

Sản phẩm có giải quyết được một vấn đề thực sự của bạn không?
Đã có sản phẩm nào trên thị trường đáp ứng được nhu cầu này chưa?
So với đối thủ cạnh tranh, liệu bạn có mua sản phẩm của tôi?
Sản phẩm này phù hợp với cuộc sống của bạn như thế nào?

Câu trả lời cho những câu hỏi này sẽ giúp nhà sản xuất dễ dàng giữa các lựa chọn, và cuối cùng, giúp ích khi phát triển sản phẩm.

Concept Testing có thể hơi dài dòng khi bắt đầu, nhưng nhìn chung, nhà sản xuất sẽ tiết kiếm thời gian và tiền bạc thay vì gặp sai lầm và làm lại về sau.

Lợi ích của Concept Testing

Đọc tới đây, có thể dễ dàng nhận ra những lợi ích của Concept Testing, nhưng nếu không ghi chú lại, ta có thể bỏ quên lúc thực hiện. Không có gì sai và thừa thãi khi thực hiện Concept Testing. Chúng ta cần phải xác thực những ý tưởng và suy nghĩ của mình, vì những lợi ích sau đây của Concept Testing:

Tăng sự tự tin về việc làm đúng tại thời điểm đúng

Có nhiều lí do dẫn tới sự thất bại của một sản phẩm hay một thương hiệu, nhưng lý do rõ ràng nhất luôn là về tính năng. Nếu tính năng của sản phẩm chưa được kiểm chứng, rất có thể sẽ không đạt được nhu cầu của khách hàng. Một sản phẩm không tốt hoặc sai sẽ ảnh hưởng tới lòng trung thành, mức độ tương tác và tỉ lệ giữ chân khách hàng.

Chạy thử Concept Testing nhanh gọn với khách hàng tiềm năng sẽ giúp doanh nghiệp xác định liệu ý tưởng của mình có giải quyết được vấn đề đúng “sứ mệnh” của mình không, hay có thân thiện với người dùng hay không. Ngoài ra, nếu thử nghiệm nhiều lần, sẽ tránh tốn thời gian tiền bạc nếu ý tưởng thất bại và phải làm lại.

Chiếm được lòng tin của những nhà đầu tư

Concept Testing tiết lộ những thông tin chi tiết về khách hàng, từ đó hỗ trợ nhà đầu tư ra quyết định nhanh và thông minh hơn. Thử nghiệm đúng cách, nhà sản xuất vừa có cơ sở để kiểm tra linh cảm của mình, chứng minh hay bác bỏ, vừa cho phép những nhà đầu tư có cái nhìn cụ thể và gây thiện cảm nơi họ.

Nhìn lại những tính năng và cải tiến mới

Sẽ không ai muốn thừa nhận điều này, nhưng rất có thể, bạn đang thiết kế thứ gì đó mà khách hàng hoặc đối tượng mục tiêu không thích. Concept Testing sẽ giúp bạn tập trung vào những vấn đề bạn đang giải quyết, rồi từ đó tìm kiếm giải pháp tốt nhất có thể. Thông qua Concept Testing và thu thập phản hồi, có thể nhà sản xuất sẽ bắt gặp một tính năng hoặc cải tiến giá trị với khách hàng mà chưa từng nghĩ tới.

Tiến hành Concept Testing như thế nào?

Concept Testing có thể liên quan đến nhiều phương pháp khác nhau, vì vậy hãy chọn phương pháp phù hợp nhất với mình.

Concept Testing định lượng

Theo truyền thống, Concept Testing được thực hiện dưới dạng khảo sát, vì đây là một cách hiệu quả để nhận được phản hồi từ đối tượng mục tiêu số lượng lớn.

Các cuộc khảo sát dễ lập và chia sẻ, vì thế đây là lựa chọn hợp lý đầu tiên cho bất kì ai muốn đánh giá một ý tưởng. Dữ liệu định lượng cung cấp những thông tin như, có bao nhiêu người đồng ý với ý tưởng này, hay hài lòng ở mức bao nhiêu trên thang điểm… Những số liệu này đều hữu ích để nhà sản xuất xác định xem mình có đi đúng hướng không.

Tuy nhiên, những con số cũng chỉ cho biết một phần câu chuyện. Nhà sản xuất chỉ có thể biết mình có thể hoặc không đi đúng hướng, chưa chắc đã hiểu lí do tại sao. Nếu không có lời giải thích đằng sau dữ liệu, việc phát triển Concept Testing có thể so với việc làm việc trong bóng tối. Thêm vào đó, thật khó để sáng tạo lại thứ gì gây tiếng vang nếu không hiểu lý do vì sao tiếng vang ấy ngân lên.

Concept Testing định tính

Concept Testing định tính mở ra cánh cửa để đem lại màu sắc cho dữ liệu định lượng bên trên. Nhiều Concept Testing ngày này bị hạn chế, tuy có thể sử dụng những phần mềm kiểm tra khả năng sử dụng để kiểm tra các ý tưởng, dù là hình ảnh, bản sao, trải nghiệm trực tiếp hay những sản phẩm vật lý khác.

Bằng cách này, Concept Testing cho phép quan sát và lắng nghe khách hàng mục tiêu khi đưa ra quan điểm cho ý tưởng.

Cách sử dụng Concept Testing

Team Product có vẻ khá quen thuộc với Concept Testing, vậy các team khác có thể vận dụng Concept Testing theo khuôn khổ hay logic nào?

Concept Testing dành cho Designer

Một trong những công cụ quan trọng nhất của designer là “hòm thư” feedback. Nguồn feedback từ đồng nghiệp là phổ biến, nhưng thiết kế cũng nên được kiểm tra với người dùng, khách hàng cũng như những đối tượng mục tiêu khác thường xuyên. Kết hợp feedback của khách hàng trong suốt quá trình thiết kế sẽ đảm bảo sản phẩm luôn theo kịp các xu hướng đang thay đổi. Nhận phản hồi thường xuyên cho phép designer nhìn lại thiết kế của mình từ góc độ khác để xác nhận những gì đang làm là đúng hoặc chuyển hướng tập trung vào những mặt nổi trội hơn.

Concept Testing dành cho Marketer

Hầu hết Marketer sẽ thừa nhận rằng không thường xuyên nhận được phản hồi từ đối tượng mục tiêu. Theo truyền thống, Concept Testing là rất tốn kém, vì thế nhiều Marketer chọn xoay sở với những gì sẵn có. Ngoài ra, cách thử nghiệm này còn được sử dụng để đo lường hiệu suất của chiến dịch sau khi được khởi chạy.

Concept Testing sẽ là công cụ giúp Marketer thay đổi cuộc chơi, cho phép họ nhanh chóng xác nhận ý tưởng Marketing trước khi đầu tư thời gian và tiền bạc vào việc xây dựng chiến dịch Marketing.

Concept Testing cho Product Manager

Product Manager là những người thoải mái nhất với Concept Testing, nhưng điều này không có nghĩa là không có cơ hội phát triển. Để cho ra kết quả tốt nhất, hãy kiểm tra sớm và thường xuyên bằng cách kết hợp nhiều round feedback trong quy trình.

Concept Testing cho đội HR - Nhân sự

Cải thiện trải nghiệm của nhân viên có thể mang lại kết quả lớn cho công ty. Họ biết nếu nhân viên liên kết với công ty, khách hàng sẽ cảm nhận điều tương tự. Từ việc tối ưu hoá đăng kí đầu vào để tăng cường hoà nhập, đa dạng và công bằng, Concept Testing có thể giúp những nhóm nhân sự gắn kết nhân viên tốt hơn.

Kết

Hành vi, tình cảm và kỳ vọng của người tiêu dùng phát triển nhanh chóng. Nếu doanh nghiệp hiểu khách hàng, đáp ứng được nhu cầu và đem lại trải nghiệm quý giá, khoảng cách giữa nhà sản xuất và khách hàng sẽ rút gọn lại.

Một kinh nghiệm nữa cho mọi nhà sản xuất, dù họ đang sáng tạo sản phẩm vật lý hay trải nghiệm digital, sẽ có thể đáp ứng hoặc thậm chí vượt lên trên hẳn mong đời của khách hàng nếu xem xét phản hồi người dùng trong suốt quá trình phát triển, từ bước Concept Testing đến bước Phân phối.

hệ thống thiết kế nghiên cứu thiết kế Nghiên cứu người dùng nghiên cứu định lượng nghiên cứu định tính

Các thử nghiệm là một phần không thể thiếu trong việc tìm ra thiết kế hiệu quả nhất cho một doanh nghiệp. Bài viết này sẽ giúp bạn hiểu hơn về Concept Testing và cách để nghiên cứu phản ứng khách hàng trước khi ra mắt hiệu quả.

Concept Testing là gì?

Hiểu hơn về Concept Testing trong thiết kế

Concept Testing là gì?

Vì sao Concept Testing quan trọng?

Để tìm ra ý tưởng nào là tốt nhất, hãy thử hỏi khách hàng những câu hỏi sau:

Sản phẩm có giải quyết được một vấn đề thực sự của bạn không?
Đã có sản phẩm nào trên thị trường đáp ứng được nhu cầu này chưa?
So với đối thủ cạnh tranh, liệu bạn có mua sản phẩm của tôi?
Sản phẩm này phù hợp với cuộc sống của bạn như thế nào?

Câu trả lời cho những câu hỏi này sẽ giúp nhà sản xuất dễ dàng giữa các lựa chọn, và cuối cùng, giúp ích khi phát triển sản phẩm.

Concept Testing có thể hơi dài dòng khi bắt đầu, nhưng nhìn chung, nhà sản xuất sẽ tiết kiếm thời gian và tiền bạc thay vì gặp sai lầm và làm lại về sau.

Lợi ích của Concept Testing

Tăng sự tự tin về việc làm đúng tại thời điểm đúng

Chiếm được lòng tin của những nhà đầu tư

Nhìn lại những tính năng và cải tiến mới

Tiến hành Concept Testing như thế nào?

Concept Testing có thể liên quan đến nhiều phương pháp khác nhau, vì vậy hãy chọn phương pháp phù hợp nhất với mình.

Concept Testing định lượng

Concept Testing định tính

Bằng cách này, Concept Testing cho phép quan sát và lắng nghe khách hàng mục tiêu khi đưa ra quan điểm cho ý tưởng.

Cách sử dụng Concept Testing

Team Product có vẻ khá quen thuộc với Concept Testing, vậy các team khác có thể vận dụng Concept Testing theo khuôn khổ hay logic nào?

Concept Testing dành cho Designer

Concept Testing dành cho Marketer

Concept Testing cho Product Manager

Concept Testing cho đội HR - Nhân sự

Kết

Nghề thiết kế trải nghiệm người dùng (UI/UX Designer) có phải "nghề siêu dễ"? Hướng dẫn phân tích hành vi người dùng trên website Phân tích tâm lý - 3 lớp cảm xúc của thiết kế UI Designer cần biết Cải thiện trải nghiệm khách hàng CX ngay với 3 bước đơn giản sau Tổng quan về Digital Design — Giới thiệu về UX & UI Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ Làm sao để thiết kế giao diện cho người dùng đang stress?

Off