Quy trình http://beau.vn/vi vi Tái thiết kế mô hình Double Diamond, cách ứng dụng nó vào quy trình thiết kế http://beau.vn/vi/tai-thiet-ke-mo-hinh-double-diamond-ap-dung-vao-thiet-ke <span class="field field--name-title field--type-string field--label-hidden">Tái thiết kế mô hình Double Diamond, cách ứng dụng nó vào quy trình thiết kế</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/85" typeof="schema:Person" property="schema:name" datatype="">content2</span></span> <span class="field field--name-created field--type-created field--label-hidden">CN, 05/14/2023 - 18:11</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <p><span id="cke_bm_1223S" style="display: none;"> </span></p> <p>Bài viết này tập trung vào cấu trúc chung của quy trình thay vì một công cụ hay phương pháp riêng lẻ trong đó. Cuối cùng, nó có thể được ứng dụng hoặc không, nhưng nó sẽ là hướng dẫn cho một quy trình thiết kế.</p> <a href="/vi/double-diamond" hreflang="vi">double diamond</a> <a href="/vi/quy-trinh" hreflang="vi">Quy trình</a> <a href="/vi/nghien-cuu-thiet-ke" hreflang="vi">nghiên cứu thiết kế</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2023-05/cover_3.jpg" alt="Drupal Headless so với Drupal Monolithic - Đưa CMS truyền thống vào tương lai"> </div> <div class="desktop-space" style="height: 100px"></div> <div class="mobile-space" style="height: 50px"></div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <h2><p style="line-height:1.38; text-align:justify">Hẳn bạn đã biết tới mô hình Double Diamond, đúng vậy, đây là một phiên bản làm lại của Double Diamond mà chúng tôi đã thực hiện. Với mục tiêu và hướng phát triển tương tự, nhưng có một số sửa đổi quan trọng. Hãy đọc tiếp để xem chi tiết.</p> </h2> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="relateEntry-detail"> <h3 class="f-title">Bài viết liên quan</h3> <ul class="f-list"> <li><a href="/vi/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond">Quá trình tái thiết kế mô hình Double Diamond để nâng cấp quá trình sản xuất <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/goc-nhin/tim-hieu-ve-thiet-ke-trai-nghiem-nguoi-dung-ux-design">Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design) <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung">Quy trình thiết kế trải nghiệm người dùng UX để đạt tầm nhìn doanh nghiệp <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> </ul> </div> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <p><a href="https://beau.vn/vi/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond" target="_blank">Phần 1:&nbsp;Quá trình tái thiết kế mô hình Double Diamond</a></p> <h2><img alt="mô hình double diamond" data-entity-type="file" data-entity-uuid="06bdda32-2329-48b7-84f3-e40b22607cbf" height="748" src="/sites/default/files/A%CC%89nh_trong_ba%CC%80i_1.jpg" width="1200" /></h2> <h2>Hiểu con người là trung tâm của việc tạo quy trình</h2> <p>Theo Don Norman, thiết kế lấy con người làm trung tâm bắt đầu với hiểu biết sâu sắc về con người, nhu cầu mà thiết kế cần đáp ứng. Những công ty, tổ chức phải nhận lấy thách thức ấy, do vậy họ tạo ra những mô hình nhằm cung cấp quy trình thiết kế lấy con người làm trung tâm.</p> <h2>Mô hình Double Diamond</h2> <p>Khi bạn nấu ăn, hẳn bạn sẽ cần tới công thức. Thế nhưng, khi công thức ấy không phù hợp với bạn, bạn sẽ muốn điều chỉnh lại nó cho hợp với khẩu vị mình. Đó cũng là điều Dan Nessler đã làm với quy trình thiết kế Double Diamond trong quá trình học thạc sỹ thiết kế trải nghiệm trong những những tháng gần đây.</p> <h2>Tái thiết kế</h2> <p>Trong hầu hết những dự án thiết kế, chúng ta sẽ phải đi từ điểm A - “tôi không biết” tới điểm B - “tôi biết”. Quá trình này có vẻ giới hạn và đơn giản khi mới nhìn vào. Thế nhưng, thực tế không bao giờ như vậy. Và với thói quen sáng tạo, chúng ta cũng muốn khám phá những phương pháp mới để tối ưu, tạo ra khác biệt.<br /> Double Diamond là một quy trình thiết kế với 4 giai đoạn:</p> <ol> <li>Khám phá - Nghiên cứu: Tiếp cận vấn đề (phân kỳ)</li> <li>Xác định - Tổng hợp: Khu vực cần tập trung (hội tụ)</li> <li>Phát triển - Ý tưởng: Giải pháp tiềm năng (phân kỳ)</li> <li>Cung cấp - Thực thi: Giải pháp tối ưu (hội tụ)</li> </ol> <p>Các giai đoạn của quá trình này là những giai đọan chúng ta phải ứng dụng những tư duy phân kỳ và hội tụ. Trong giai đoạn phân kỳ, bạn cần cởi mở nhất có thể. Trong khi, ở giai đoạn hội tụ, bạn cần tập trung vào việc chắt lọc và thu hẹp những thông tin, ý tưởng đã có.</p> <p>Và 4 giai đoạn ấy có thể được hợp nhất lại thành hai giai đoạn chính là:</p> <ul> <li><strong>Giai đoạn 1</strong> — Làm đúng thứ (khám phá và xác định)</li> <li><strong>Giai đoạn 2 </strong>— Làm đúng cách (Phát triển và cung cấp)</li> </ul> <p><img alt="tái thiết kế mô hình double diamond" data-entity-type="file" data-entity-uuid="3e90cd23-182c-4a02-8a34-f5176d09ed53" height="748" src="/sites/default/files/A%CC%89nh_trong_ba%CC%80i-2.jpg" width="1200" /></p> <p>Sau đây, tôi sẽ hướng dẫn bạn từng bước của mỗi giai đoạn.</p> <h2>Giai đoạn 1 — Làm đúng trọng tâm (khám phá và xác định)</h2> <p>Giai đoạn hợp nhất hai giai đoạn khám phá - nghiên cứu và xác định - tổng hợp.</p> <h3>Khám phá - Nghiên cứu</h3> <ol> <li>Phân tích brief: Tìm hiểu, đặt câu hỏi về brief. Liệt kê thât nhiều yếu tố có liên quan: xác định giới hạn, con người, kinh nghiệm,..</li> <li>Trước khi đi sâu vào nghiên cứu, hãy tập hợp những thứ cần nghiên cứu thành các chủ đề để có cái nhìn tổng thể và để bạn có thể giới hạn những nguồn bạn sẽ tìm thông tin.</li> <li>Thực hiện nghiên cứu với phương pháp nghiên cứu chính và nghiên thứ cấp.</li> </ol> <p>Kết thúc, bạn sẽ có một lượng lớn thông tin không có cấu trúc.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/tong-quan-ve-nghien-cuu-thiet-ke-design-research" target="_blank">Tổng quan về Nghiên cứu thiết kế - Design Research</a></strong></p> <h3>Xác định - Tổng hợp</h3> <p>Để những thông tin chúng ta thu được có thể ứng dụng, bạn cần tổng hợp nghiên cứu với các bước:</p> <ol> <li>Tải về toàn bộ nghiên cứu.</li> <li>Gộp nhóm thông tin theo chủ đề</li> <li>Tìm insight xây dựng khu vực cơ hội</li> <li>Tạo các câu hỏi HMW (giả thuyết).</li> </ol> <p><strong>Đọc thêm</strong>:&nbsp;<a href="https://beau.vn/vi/case-study-thiet-ke-giai-phap-tiep-can-khach-hang-voi-he-sinh-thai-api" target="_blank">Casestudy: Thiết kế giải pháp tiếp cận khách hàng với hệ sinh thái API</a></p> <h2>Giai đoạn 2 — Làm đúng cách (phát triển và cung cấp)</h2> <p>Giai đoạn này là giai đoạn hợp nhất của phát triển - ý tưởng và cung cấp - thực thi.</p> <h3>Phát triển - Ý tưởng</h3> <p>Sau khi đã hiểu được vấn đề cần giải quyết, chúng ta đầu phát triển ý tưởng.</p> <ul> <li><strong>Ý tưởng</strong>- Đây là phần thú vị để bạn mở rộng giới hạn của bạn thân, cởi mở với những ý tưởng.</li> <li><strong>Đánh giá</strong> - Sau đó, chúng ta thực hiện đánh giá các ý tưởng ấy, chọn ra một ý tưởng tiềm năng nhất.</li> </ul> <p>Kết thúc giai đoạn này, bạn sẽ có cho mình những ý tưởng mà sau đó sẽ dựng prototype và thử nghiệm.</p> <h3>Cung cấp - thực thi</h3> <p>Khi bạn đã có giải pháp tiềm năng, để biến nó thành thực tế chúng ta cần đưa nó vảo triển khai, qua ba bước:</p> <ul> <li>Xây dựng/Prototype</li> <li>Thử nghiệm/Phân tích</li> <li>Xem xét/Sửa đổi</li> </ul> <p>Nhắm tới MVP (sản phẩm với chi phí tối thiểu khả thi), sẽ cho chúng ta hình dung khả năng để giải quyết vấn đề và trả lời cho câu hỏi ban đầu.</p> <p>Kết quả sau giai đoạn này, bạn sẽ có proposal, sản phẩm, câu trả lời hoặc giải pháp.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung" target="_blank">Quy trình thiết kế trải nghiệm người dùng UX</a></strong></p> <p>Khi bạn đã hoàn thành những bước trên, bạn có thể quay lại với bước đầu để thực hiện lần nữa để cải thiện thêm sản phẩm.</p> <p>Đây là các thành phẩm đầy đủ của một quy trình double diamond đã được cải tiến:</p> <p><img alt="tái thiết kế mô hình double diamond" data-entity-type="file" data-entity-uuid="f2b39170-d380-477e-8bef-1949d62cfd28" height="748" src="/sites/default/files/A%CC%89nh_trong_ba%CC%80i-1_1.jpg" width="1200" /></p> <h2>Kết</h2> <p>Bài viết hay hướng dẫn này không phải là một kết luận, không tự nhận là cách tiếp cận duy nhất để thiết kế sản phẩm. Phương pháp revamped Double Diamond này chỉ là một phương pháp tiếp cận của một cá nhân.&nbsp;</p> <p>Tùy theo vai trò của bạn trong dự án, mô hình có thể thay đổi. Có những dự án bạn sẽ chỉ tập trung ở một giai đoạn nhất định. Và trên thực tế, quy trình thực hiện dự án không phải lúc nào cũng đi theo một đường thẳng nên chúng ta cũng cần linh hoạt để thích ứng.</p> <p>Bài viết này tập trung vào cấu trúc chung của quy trình thay vì một công cụ hay phương pháp riêng lẻ trong đó. Cuối cùng, nó có thể được ứng dụng hoặc không, nhưng nó sẽ là hướng dẫn cho một quy trình thiết kế.</p> </div> </div> </div> </div> </div> <div class="field field--name-field-other-articles field--type-entity-reference field--label-above"> <div class="field__items"> <a href="/vi/mo-rong-tu-duy-thiet-ke-voi-futures-thinking" hreflang="vi">Mở rộng tư duy thiết kế với Futures Thinking</a> <a href="/vi/3-lop-cam-xuc-cua-thiet-ke-ui-designer-can-biet" hreflang="vi">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</a> <a href="/vi/dung-ngai-lua-chon-agency-thiet-ke-website-phu-hop-cho-thuong-hieu" hreflang="vi">Đừng ngại lựa chọn agency thiết kế website phù hợp cho thương hiệu</a> <a href="/vi/ban-co-dang-nham-lan-giua-so-do-hanh-trinh-khach-hang-va-luong-nguoi-dung" hreflang="vi">Bạn có đang nhầm lẫn giữa sơ đồ hành trình khách hàng và luồng người dùng?</a> <a href="/vi/can-biet-gi-ve-nghien-cuu-ux-va-nhung-phuong-phap-thiet-ke-ux" hreflang="vi">Cần biết gì về nghiên cứu UX và những phương pháp nghiên cứu UX ?</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Sun, 14 May 2023 11:11:01 +0000 content2 359 at http://beau.vn Xây dựng sản phẩm bằng kiến thức Design Thinking - Phần 2 http://beau.vn/vi/xay-dung-san-pham-bang-kien-thuc-design-thinking-phan-2 <span class="field field--name-title field--type-string field--label-hidden">Xây dựng sản phẩm bằng kiến thức Design Thinking - Phần 2</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/85" typeof="schema:Person" property="schema:name" datatype="">content2</span></span> <span class="field field--name-created field--type-created field--label-hidden">T5, 02/09/2023 - 18:52</span> <a href="/vi/chien-luoc-kinh-doanh" hreflang="vi">Chiến lược</a> <p>Trong phần một, chúng ta đã đi qua 4 yếu tố chính để bắt đầu một dự án. Trong phần này chúng ta sẽ tìm hiểu về 4 yếu tố còn lại. Bốn yếu tố này sẽ mang tính định hướng hơn, giúp chúng ta thu thập insight, đưa ra quyết định:</p> <p> </p> <a href="/vi/chien-luoc-san-pham" hreflang="vi">chiến lược sản phẩm</a> <a href="/vi/quy-trinh" hreflang="vi">Quy trình</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2023-02/cover-xay-dung-san-pham-bang-kien-thuc-phan-1_0.jpg" alt="Xây dựng sản phẩm bằng kiến thức design thinking - Phần 2"> </div> <div class="desktop-space" style="height: 100px"></div> <div class="mobile-space" style="height: 50px"></div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <h2><p style="line-height:1.38; text-align:justify">Trong phần một, chúng ta đã đi qua 4 yếu tố chính để bắt đầu một dự án. Trong phần này chúng ta sẽ tìm hiểu về 4 yếu tố còn lại.&nbsp;</p> </h2> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="relateEntry-detail"> <h3 class="f-title">Bài viết liên quan</h3> <ul class="f-list"> <li><a href="/vi/ket-hop-du-lieu-va-thiet-ke-nhu-the-nao-de-thuc-day-doi-moi-sang-tao-trong-san-pham-va-quy-trinh">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 ? <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/hien-dai-hoa-trai-nghiem-tu-phuc-vu-trong-cac-san-pham-so-nganh-ngan-hang">Hiện đại hoá Trải nghiệm tự phục vụ trong các sản phẩm số ngành Ngân hàng <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/start-up-va-chien-luoc-san-pham-thanh-cong">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 <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> </ul> </div> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <p>Chào bạn tới với phần hai của series “<em><strong>Xây dựng sản phẩm bằng kiến thức</strong></em>”, được lấy cảm hứng từ dự án stream thể thao trực tuyến mà chúng tôi đang xây dựng.</p> <p>Trong phần một, chúng ta đã đi qua 4 yếu tố chính để bắt đầu một dự án. Trong phần này chúng ta sẽ tìm hiểu về 4 yếu tố còn lại. Bốn yếu tố này sẽ mang tính định hướng hơn, giúp chúng ta thu thập insight, đưa ra quyết định:</p> <ul> <li>Thực hành double diamond</li> <li>Nghiên cứu UX</li> <li>Hơp tác thiết kế</li> <li>Giao tiếp trong nhóm</li> </ul> <h2>Thực hành <a href="https://beau.vn/vi/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond" target="_blank">Double Diamond</a></h2> <p>Cốt lõi của quy trình double diamond là hai hệ tư duy phân kỳ và tư duy hội tụ. Chúng ta nên tuân theo thứ tự, thực hiện cả hai giai đoạn Khám phá và Phát triển.</p> <p><img alt="Thực hành double diamond" data-entity-type="file" data-entity-uuid="1484999b-9e54-4bbf-aaee-1817f57e2669" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-2-4.jpg" width="1200" /></p> <p>Giả định ban đầu thường sai bởi khi ấy chúng thường được dựng lên với một lượng thông tin ít ỏi. Nó là cơ chế tự nhiên của não, giúp chúng ta đưa ra quyết định nhanh hơn, tuy nhiên, nó lại không giúp chúng ta quyết định chính xác.</p> <p>Khi những giải định này được thách thức, được đặt câu hỏi, chúng ta sẽ tìm thấy nhiều ý tưởng hơn. Và như tôi đã đề cập, hầu hết các vấn đề của thiết kế là những vấn đề phức tạp, chúng cần được phân tách và thử nghiệm.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung" target="_blank">Quy trình thiết kế trải nghiệm người dùng UX</a></strong></p> <p>Khi chúng ta qua các giai đoạn của quy trình, chúng ta sẽ càng hình dung rõ hơn về vấn đề. Nếu chúng ta cảm thấy vậy có nghĩa chúng ta đã sai sót ở đâu đó. Chúng ta cần tự hỏi vì sao chúng ta đặt ra giả định ấy? sai sót này từ đâu?</p> <p><strong>Mọi thứ chúng ta làm là học cách để tiến về phía trước, đồng thời, xây dựng kiến thức và thay đổi tư duy.</strong></p> <p>Đây là phần không thể tránh khỏi của quá trình. Vậy nên, chúng ta không nên tránh né nó, thay vào đó, tận dụng nó để luyện tập tư duy phản biện trong lúc đưa ra quyết định. Ngay cả khi thay đổi lớn ập tới, nó vẫn là đầy giá trị để chúng ta xây dựng đúng sản phẩm.</p> <h2><a href="https://beau.vn/vi/tim-hieu-9-phuong-phap-nghien-cuu-ux-pho-bien" target="_blank">Nghiên cứu UX</a></h2> <p>Khi chúng ta thực hiện quy trình double diamond, chúng ta sẽ thấy sự lặp lại của hai hoạt động là khám phá và phát triển. Khi chúng được lặp lại, chúng bồi đắp và hoàn thiện giai đoạn hiện tại, đồng thời, hoàn thiện cho cả giai đoạn tiếp theo và tổng thể chiến lược sản phẩm. Vậy nên không có cách nào khác để chúng ta hiểu đủ ngoài việc thực hiện, phân tích ý tưởng, tập trung vào ý tưởng tiềm năng, thiết kế nó, phát triển nó và cuối cùng, thử nghiệm nó để sửa đổi hoặc ứng dụng vào giai đoạn tiếp theo.</p> <p><img alt="Nghiên cứu UX" data-entity-type="file" data-entity-uuid="d381b5b7-ae74-4595-8362-446c8dcffb49" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-2-1.jpg" width="1200" /></p> <p>Để chọn ra đúng phương pháp nghiên cứu UX để khám phá và thử nghiệm, chúng ta cần lưu ý về:</p> <ul> <li>Ngân sách</li> <li>Lập luận</li> <li>Chuyên môn của người làm nghiên cứu</li> </ul> <p>Nếu ngân sách và thời gian của chúng ta hạn chế, chúng ta cần sáng tạo hơn trong việc nghiên cứu UX, cố gắng thu thập thông tin nhiều nhất có thể dù nguồn lực hạn chế. Nó không hẳn là điều xấu, nó sẽ giúp chúng ta học cách tôn trọng quy trình bởi ngân sách luôn có hạn định. Nó cũng thách thức chúng ta phải làm việc dưới áp lực thời gian, nơi sáng tạo có thể được bùng nổ.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/dung-de-nghien-cuu-ux-tro-thanh-vat-can" target="_blank">Đừng để nghiên cứu UX - UX Research trở thành vật cản</a></strong></p> <p>Trong bối cảnh dự án stream thể thao trực tuyến mà chúng tôi đang làm, với một dự án lớn và chưa hề có tiền lệ, chúng tôi cần thực tế về nguồn lực chúng tôi có cho việc nghiên cứu, nhưng vẫn ưu tiên mỗi khi nó cần được ưu tiên. Vấn đề của chúng tôi sẽ không thể rõ ràng nếu chúng tôi không đối mặt với nó.</p> <p>Ngược lại, nếu chúng tôi xử lý vấn đề bằng cách né tránh hoặc vờ như nó không tồn tại, về lâu dài nó sẽ gây ảnh hưởng tới sản phẩm và khi ấy, việc sửa chữa sẽ tốn nhiều chi phí hơn bao giờ hết.</p> <p>Về phương pháp, để chọn được phương pháp chúng ta cần biết chúng ta cần nghiên cứu gì trước. Và một lần nữa, chúng ta cần xem xét về bối cảnh và mục tiêu để làm rõ thứ chúng ta cần. Một số phương pháp sẽ thích hợp với giai đoạn xác định vấn đề, một số lại thích hợp cho giai đoạn giải quyết. Đôi khi chúng ta bắt đầu nghiên cứu với một sản phẩm, đôi khi chúng ta bắt đầu nghiên cứu rồi mới có sản phẩm. Vậy nên, quan trọng là chúng ta phải nhận thức rõ về thứ chúng ta muốn biết, nguồn lực chúng ta có để chọn ra phương pháo nghiên cứu phù hợp.</p> <p>Nếu chúng ta có thể tìm ra giá trị từ những nghiên cứu khác, tại sao chúng ta phải đầu tư thời gian để làm nghiên cứu riêng? Nếu chúng ta chỉ có có ngân sách cho một vài cuộc nghiên cứu, có thể chúng ta chỉ muốn thực hiện thử nghiệm khả năng sử dụng. Cũng có thể sản phẩm bạn đang làm quá khác biệt, vậy nên bạn phải đưa nghiên cứu UX vào mọi giai đoạn.</p> <blockquote> <p><strong>Chúng ta chọn phương pháp nghiên cứu dựa trên hiểu biết mà chúng ta có.</strong></p> </blockquote> <p>Điều ấy dẫn tôi tới yếu tố thứ ba, kỹ năng nghiên cứu. Nghiên cứu có hiệu quả và hữu ích hơn phụ thuộc rất lớn ở cách mà người làm nghiên cứu hiểu về nghiên cứu. Người nghiên cứu càng hiểu rõ phương pháp thì nghiên cứu thu được sẽ càng hiệu quả.</p> <p>Quay lại với dự án, tôi chọn những phương pháp tiết kiệm và ít rủi ro nhất. Chúng tôi lên kết hoạch cho thử nghiệm khả năng sử dụng. Chúng tôi tự thử nghiệm trước, sau đó thực hiện một thử nghiệm với người dùng với số lượng tình nguyện viên tương tự để so sánh “kỳ vọng và thực tế”.</p> <p>Cách tiếp cận này cho phép chúng tôi nhanh chóng tìm ra cách dễ dàng hơn để có được những insight tương tự.</p> <h2>Hợp tác thiết kế</h2> <p>Hai cái đầu sẽ hơn một cái. Khi phát triển sản phẩm, chúng ta có rất nhiều việc cần làm và nếu bạn quá ôm đồm, khả năng cao chất lượng của chúng sẽ không như kỳ vọng. Vậy nên chúng ta cần có team, những người có những kỹ năng khác nhau ứng với những vai trò khác nhau để làm việc được hiệu quả.</p> <p><img alt="Hợp tác thiết kế" data-entity-type="file" data-entity-uuid="ea8c5157-8a83-4278-b149-df69881b7f2f" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-2-2.jpg" width="1200" /></p> <p>Cần rất nhiều hiểu biết và trải nghiệm để có thể bao phủ cả một dự án và sự tập trung là cần thiết kế để tạo ra chất lượng cho sản phẩm. Để có được chúng, chúng ta cần thực hành làm việc nhóm, cộng tác trong khi thiết kế, cùng nhau đi tới một kết quả nhưng với sự tập trung khác nhau.</p> <p>Chúng tôi chia nhóm thiết kế thành ba vai trò, với hai vai trò thực hiện dự án và một vai trò là thực hiện giám sát. Chúng tôi có một designer tập trung vào chiến lược UX, nghiên cứu, trong khi một người khác tập trung cho thiết kế, tương tác và style guide. Tất cả những công việc ấy được giám sát dưới sự giám sát của design lead, người nắm vai trò chính trong các hội thảo, trao đổi với nhiều bên khác nhau.</p> <p>Với cách làm việc này, chúng ta có thể có nhiều sự tập trung hơn ở mỗi phân đoạn, đồng thời cho chúng ta một hiểu biết sâu hơn về sản phẩm. Ngoài ra, mỗi cá nhân sẽ có những nhận định riêng, thứ sẽ tạo ta môi trường phản biện, thúc đẩy việc thảo luận về vấn đề.</p> <h2>Giao tiếp trong nhóm</h2> <p>Yếu tố này liên quan trực tiếp tới vấn đề giao tiếp nhóm. Đưa tất cả mọi người lên trên cùng một chiếc thuyền là điều quan trọng nhưng cũng là điều khó khăn nhất. Chúng ta có thể dùng công cụ như Jira hay Trello, những chúng cũng chỉ là công cụ, nếu thông tin trên đó sai hoặc được diễn giải không hợp lý, nó sẽ gây rất nhiều khó khăn cho việc hợp tác.</p> <p><img alt="Xây dựng sản phẩm bằng kiến thức" data-entity-type="file" data-entity-uuid="091c0c80-f9e5-407e-9352-8c97696dacad" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-2-3.jpg" width="1200" /></p> <p>Đối với con người, không có công cụ nào dễ hiểu cho nhau hơn việc có cùng một ngôn ngữ. Tuy nhiên, nó cũng cần được rèn luyện. Khi chúng ta có nhận thức về việc giao tiếp nhóm, chúng ta sẽ nhận ra những kỹ năng thiết sót, những thiên kiến của bản thân.</p> <p>Nếu chúng ta sử dụng ngôn ngữ một cách đơn giản, giải thích được thứ chúng ta cần, nó có nghĩa chúng ta đủ hiểu nhau và có thể nói chuyện giản lược hơn nữa.</p> <p>Nhưng nếu chúng ta không thể giải thích nó một đơn giản, tức là chúng ta chưa thực sự hiểu nó.</p> </div> </div> </div> </div> </div> <div class="field field--name-field-other-articles field--type-entity-reference field--label-above"> <div class="field__items"> <a href="/vi/Cung-nguoc-dong-lich-su-do-hoa-voi-nhung-dau-moc-quan-trong" hreflang="vi">Cùng ngược dòng lịch sử đồ hoạ với những dấu mốc quan trọng</a> <a href="/vi/10-loi-ich-cua-website-doanh-nghiep" hreflang="vi">10 lợi ích của website doanh nghiệp để tăng tính cạnh tranh</a> <a href="/vi/hanh-vi-nguoi-dung-nganh-van-tai-hanh-khach-da-thay-doi-nhu-the-nao" hreflang="vi">Hành vi người dùng ngành vận tải hành khách đã thay đổi như thế nào?</a> <a href="/vi/15-thoi-quen-giup-ban-tien-len-trong-nghe-ux-designer" hreflang="vi">15 thói quen giúp bạn tiến lên trong nghề UX Designer</a> <a href="/vi/kien-thuc-thiet-ke-co-ban-tam-ly-hoc-hinh-dang" hreflang="vi">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</a> <a href="/vi/concept-testing-trong-thiet-ke" hreflang="vi">Lợi ích và cách áp dụng Concept Testing trong thiết kế</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Thu, 09 Feb 2023 11:52:28 +0000 content2 347 at http://beau.vn Xây dựng sản phẩm bằng kiến thức Design Thinking- Phần 1 http://beau.vn/vi/xay-dung-san-pham-bang-kien-thuc-design-thinking-phan-1 <span class="field field--name-title field--type-string field--label-hidden">Xây dựng sản phẩm bằng kiến thức Design Thinking- Phần 1</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/85" typeof="schema:Person" property="schema:name" datatype="">content2</span></span> <span class="field field--name-created field--type-created field--label-hidden">T5, 02/09/2023 - 18:40</span> <a href="/vi/chien-luoc-kinh-doanh" hreflang="vi">Chiến lược</a> <p>Xây dựng một sản phẩm đòi hỏi kiến thức rộng về người dùng, công nghệ và vấn đề nằm giữa hai yếu tố ấy. Ngoài ra nó đi cùng những áp lực về phạm vi dự án, thời gian và những biến số trong quá trình phát triển khiến chúng ta bối rối. Tuy nhiên, để hoàn thành được công việc, chúng ta vẫn cần giữ sự tập trung để thúc đẩy và hoàn thành quy trình ấy.</p> <p> </p> <a href="/vi/chien-luoc-san-pham" hreflang="vi">chiến lược sản phẩm</a> <a href="/vi/quy-trinh" hreflang="vi">Quy trình</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2023-02/cover-xay-dung-san-pham-bang-kien-thuc-phan-1.jpg" alt="Xây dựng sản phẩm bằng kiến thức design thinking- Phần 1"> </div> <div class="desktop-space" style="height: 100px"></div> <div class="mobile-space" style="height: 50px"></div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <h2><p style="line-height:1.38; text-align:justify">Xây dựng một sản phẩm đòi hỏi kiến thức rộng về người dùng, công nghệ và vấn đề nằm giữa hai yếu tố ấy</p> </h2> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="relateEntry-detail"> <h3 class="f-title">Bài viết liên quan</h3> <ul class="f-list"> <li><a href="/vi/ket-hop-du-lieu-va-thiet-ke-nhu-the-nao-de-thuc-day-doi-moi-sang-tao-trong-san-pham-va-quy-trinh">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 ? <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/hien-dai-hoa-trai-nghiem-tu-phuc-vu-trong-cac-san-pham-so-nganh-ngan-hang">Hiện đại hoá Trải nghiệm tự phục vụ trong các sản phẩm số ngành Ngân hàng <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/start-up-va-chien-luoc-san-pham-thanh-cong">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 <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> </ul> </div> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <p>Xây dựng một sản phẩm đòi hỏi kiến thức rộng về người dùng, công nghệ và vấn đề nằm giữa hai yếu tố ấy. Ngoài ra nó đi cùng những áp lực về phạm vi dự án, thời gian và những biến số trong quá trình phát triển khiến chúng ta bối rối. Tuy nhiên, để hoàn thành được công việc, chúng ta vẫn cần giữ sự tập trung để thúc đẩy và hoàn thành quy trình ấy.</p> <p>Rút ra từ kinh nghiệm làm việc, chúng tôi thấy rằng việc xây dựng sản phẩm đòi hỏi một tư duy nhạy bén và một quy trình hiệu quả. Hiểu biết đóng vai trò quan trọng, bởi nó tác động tới cả tư duy lần quy trình của chúng ta.</p> <p>Thành công của dự án phụ thuộc phần lớn ở hiểu biết của team về:</p> <ul> <li>Tư duy thiết kế sản phẩm (Design thinking)</li> <li>Vấn đề cốt lõi</li> <li>Phạm vi dự án</li> <li>Khám phá nhanh</li> <li>Thực hành double diamond</li> <li>Nghiên cứu UX</li> <li>Cộng tác thiết kế</li> <li>Giao tiếp trong nhóm</li> </ul> <h2>Tư duy thiết kế sản phẩm - Design Thinking</h2> <p>Gần đây chúng tôi đang thực hiện một dự án cho một nền tảng chiếu trực tiếp các cuộc thi thể thao. Trước tới giờ, chưa có một nền tảng tương tự nào như vậy, chúng tôi phải làm việc một cách thông minh và sử dụng quy trình thiết kế để chọn được những thông tin:</p> <ul> <li>Vấn đề phát sinh khi có nhiều đối tượng người dùng khác nhau</li> <li>Đưa sự kiện trực tiếp phát sóng trên nền tảng digital</li> <li>Những lựa chọn công nghệ hỗ trợ streaming</li> <li>Ứng dụng công nghệ vào ý tưởng thiết kế có thể có</li> </ul> <p><img alt="Tư duy thiết kế sản phẩm" data-entity-type="file" data-entity-uuid="552c646b-59a7-4e36-a4a6-6f64ea729a28" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-1-3.jpg" width="1200" /></p> <p>Nó có nghĩa là chúng ta cần đưa tư duy thiết kế vào quá trình nghiên cứu và xây dựng ý tưởng. Cả team cần có chung một nền kiến thức về quy trình thiết kế sản phẩm phức tạp. Khi team hiểu được cách giải quyết vấn đề thực tế cho con người thực tế, mọi người cũng sẽ hiểu lý do cần có MVP và biết để đạt được mục tiêu cuối.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/tan-dung-cac-mo-hinh-nhan-thuc-vao-thiet-ke-san-pham-p2" target="_blank">Tận Dụng Các Mô Hình Nhận Thức Vào Thiết Kế Sản Phẩm p2</a></strong></p> <p>Và hiểu biết về người dùng, biết cách tạo ra sản phẩm hữu ích cho họ chỉ có thể có được thông qua nghiên cứu. Nghiên cứu sẽ cho chúng ta nhìn thấy bức tranh lớn, xác định trọng tâm, cũng như hiểu người dùng rõ hơn.</p> <blockquote> <p>Những nghiên cứu mà chúng ta thu được sẽ lấp đầy lỗ hổng kiến thức, từ đó cải thiện quá trình xây dựng sản phẩm.</p> </blockquote> <p>Ví dụ như dự án stream thể thao mà chúng tôi đang thực hiện này, phần khó của nó là biết được cách để có được những hiểu biết ấy mà không vội vàng chọn một quyết định tệ hay tạo ra nhiều quyết định lựa thãi. Cả hai trường hợp này đều dễ xảy ra khi team thực thi không nhìn được bức tranh lớn.</p> <h2>Vấn đề cốt lõi</h2> <p>Vấn đề cốt lõi là những vấn đề lớn và phức tạp nhất. Ví dụ cho một vấn đề phức tạp đó là từ điển Wikipedia - vấn đề của nó rất khó, thậm chí không thể giải quyết vì những yêu cầu thay đổi lắt nhắt, mâu thuẫn và khó nhận ra.</p> <p>Nếu nhận ra chúng sớm, chúng ta có thể chắc rằng chúng ta đang đầu tư vào một sản phẩm phù hợp với người dùng. Hội thảo là một cách hay để chúng ta tìm hiểu những vấn đề cốt lõi ấy, nơi chúng ta sẽ cùng các bên liên quan thảo luận về vấn đề của người dùng.</p> <p><img alt="Vấn đề cốt lõi khi thiết kế" data-entity-type="file" data-entity-uuid="36490932-99f9-44be-876f-e6283959c2cc" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-1-2.jpg" width="1200" /></p> <p>Để có thể cảm thấy tự tin về những hội thảo như thế, chúng ta nên xác định rõ thứ chúng ta cần biết để nhìn thấy được bức tranh lớn. Từ đó, những nghiên cứu thảo luận chúng ta sẽ tạo được hành trình người dùng và chân dung người dùng. Ngược lại, nếu chúng ta không hiểu sản phẩm mình làm cần giải quyết vấn đề gì, chắc chắn chúng ta sẽ rơi vào mê cung.</p> <p>Hội thảo của chúng tôi sẽ bao gồm một Design Lead, một Product Designer, một Product Manager và một Tech Lead, cùng nhau làm việc với nhà đầu tư để hiểu vấn đề cốt lõi. Trong trường hợp của nền tảng stream thể thao, chúng tôi cần xây dựng những kiến thức về:</p> <ul> <li>Thể thao</li> <li>Cách truyền hình trực tiếp hoạt động</li> <li>Cách thực hiện việc quản lý, giám sát, đánh giá và cạnh tranh cùng một lúc</li> <li>Hệ thống hậu cần mạnh</li> <li>Công nghệ đáp ứng được hệ thống streaming</li> </ul> <p>Khi chúng ta hiểu vấn đề, chúng ta cũng sẽ biết được phạm vi của vấn đề đó. Sau đó, chúng ta sử dụng chân dung người dùng, câu chuyện người dùng và hành trình người dùng để mô tả insight thu được cho đồng nghiệp. Cuối cùng, chúng ta sẽ có thể hình dung ra một MVP, cùng một trải nghiệm hoàn thiện với khách hàng.</p> <h2>Phạm vi</h2> <p>Khi chúng ta thực thi sản phẩm, phạm vi của dự án có thể bị thay đổi. Điều này hoàn toàn bình thường, nhờ nó chúng ta cũng sẽ hiểu sản phẩm mà chúng ta xây dựng hơn. Tuy nhiên, chúng ta cần rõ ràng về sự thay đổi ấy với cả team, bao gồm cả lý do cho sự thay đổi ấy. Chúng ta không muốn họ nhận yêu cầu mà không hiểu vì sao có yêu cầu ấy, họ cần hiểu vấn đề để triển khai giải quyết nó một cách đúng đắn.</p> <p>Trong dự án của chúng tôi, ban đầu chúng tôi xây dựng một MVP với khá nhiều tính năng. Tuy nhiên, khi nhận ra có những thứ không cần thiết, chúng tôi đã cắt bỏ một số tính năng. Quyết định được đưa ra khi chúng tôi đã hiểu hơn về vấn đề, vậy nên chúng tôi hoàn toàn chắc chắn về nó.</p> <p><img alt="Phạm vi triển khai xây dựng sản phẩm" data-entity-type="file" data-entity-uuid="633497ca-0065-4258-b142-1c227a3f3283" height="800" src="/sites/default/files/xay-dung-san-pham-bang-kien-thuc-phan-1-1.jpg" width="1200" /></p> <p>Biến số sẽ và nên xảy ra khi chúng ta làm việc và thường thì hiểu biết cùng MVP tốt hơn sẽ đến sau khi chúng ta có bản MVP đầu tiên.</p> <p>Chúng ta bắt đầu với một số ý tưởng nhưng chúng ta cũng sẽ học thêm về người dùng khi chúng ta thực thi những ý tưởng ấy. Kết hợp cùng kinh doanh và công nghệ, chúng ta sẽ đưa ra những ý tưởng hấp dẫn hơn, thay đổi sự ưu tiên và tạo ra một MVP phù hợp hơn.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/doi-mat-voi-scope-creep-vuot-pham-vi-du-an-p1" target="_blank">Đối mặt với Scope creep (vượt phạm vi dự án) P1</a></strong></p> <p>Nếu chúng ta là một team nhạy bén, chúng ta cũng sẽ cởi mở với kiến thức. Sự linh hoạt sẽ giúp chúng ta không bị chìm vào đống tài liệu, cũng như dễ thích ứng hơn với biến số. Nếu chúng ta giao tiếp hiệu quả, việc bổ sung tài liệu sẽ là việc khá tự nhiên. Tuy nhiên, team của chúng ta vẫn cần hiểu được lý do tại sao để học có thể hiểu đúng và kết nối nó với những thứ khác, đảm bảo dù thay đổi ấy xảy ra ở bất cứ giai đoạn nào của dự án, cả team vẫn gắn chặt với mục tiêu cuối cùng.</p> <h2>Khám phá nhanh</h2> <p>Để đảm bảo rằng chúng ta sẽ xây dựng một ý tưởng tốt, ý tưởng ấy phải được chọn lọc qua nhiều ý tưởng. Ý tưởng tốt được rút ra từ insight và nghiên cứu. Một lần nữa, chúng ta không thể tạo ra giải pháp khi chưa hiểu rõ vấn đề.</p> <p>Khám phá nhanh (Discovery sprints) là cách tốt để thử nghiệm những ý tưởng, thu thập insight. Tuy nhiên, để có thể thực hiện nó, chúng ta cần thực hiện phác thảo sớm và nhanh chóng.</p> <p>Dù chúng ta không có mọi thông tin chúng ta cần để bước vào thiết kế, những việc bản phác thảo sẽ giúp chúng ta biết chúng ta sẽ cần những thông tin nào. Phương pháp này rất hiệu quả với team chúng tôi. Chúng tôi mang những phác thảo này bàn luận với designer và chủ đầu tư, qua đó, những phác thảo và giả định ấy được phát triển và hoàn thiện hơn.</p> <p><strong>Đọc thêm: <a href="https://beau.vn/vi/goc-nhin/creative-agency-model-kham-pha-cac-mo-hinh-agency-sang-tao-moi" target="_blank">Creative Agency Model - Khám phá các mô hình Agency sáng tạo mới</a></strong></p> <p>Những phác thảo kích thích bộ não của chúng ta đặt ra câu hỏi từ sớm. Dù những bản phác đầu có thể không phù hợp với UX mà chúng ta muốn cũng sẽ không sao, mục đích của chúng là để thách thức bộ nào của chúng ta suy nghĩ kỹ về vấn đề.</p> <p>Cụ thể, trong dự án chúng tôi đang làm, chúng tôi đã:</p> <ul> <li>Xác định những câu chuyện người dùng</li> <li>Lên kế hoạch cho chúng</li> <li>Tạo wireframe cho những vai trò xem khác nhau</li> <li>Tìm điểm chung trong các vai trò ấy</li> <li>Xâu chuỗi những câu chuyện thành những ý tưởng</li> <li>Ước tính những ý tưởng cần khám phá và điều phối thực hiện</li> </ul> <p><strong>Chúng tôi thực hiện tất cả những gạch đầu dòng ấy với tâm thế sẵn sàng ứng biến. Nó cho phép chúng tôi thấy được những tình huống khó khăn có thể xảy ra trong tương lai, cho chúng tôi luyện tập tác phong và tư duy trong việc hợp tác.</strong></p> <p>Học từ những dự án tương tự sẽ tăng thêm kiến thức cho chúng ta. Tuy nhiên, hãy cẩn thận, đừng vội vàng copy giải pháp của họ. Bởi bạn không biết nó thực sự hiệu quả tới đâu, và dù nó có đi nữa, bạn cũng không biết liệu nó có hiệu quả cho vấn đề của bạn. Hành động đúng đắn là tập trung vào việc tìm hiểu và tạo những hướng phát triển khác nhau, việc đòi hỏi một tư duy khách quan để đánh giá đúng những tiềm năng chúng ta có.</p> <p>Việc học hỏi từ casestudy sẽ giúp bạn thu thập những chất liệu cần thiết cho việc xây dựng ý tưởng. Chúng sẽ tự động được thu nạp vào não bạn, nuôi dưỡng tư duy giúp cho ý tưởng kịp tới mỗi khi bạn cần.</p> </div> </div> </div> </div> </div> <div class="field field--name-field-other-articles field--type-entity-reference field--label-above"> <div class="field__items"> <a href="/vi/Cung-nguoc-dong-lich-su-do-hoa-voi-nhung-dau-moc-quan-trong" hreflang="vi">Cùng ngược dòng lịch sử đồ hoạ với những dấu mốc quan trọng</a> <a href="/vi/10-loi-ich-cua-website-doanh-nghiep" hreflang="vi">10 lợi ích của website doanh nghiệp để tăng tính cạnh tranh</a> <a href="/vi/hanh-vi-nguoi-dung-nganh-van-tai-hanh-khach-da-thay-doi-nhu-the-nao" hreflang="vi">Hành vi người dùng ngành vận tải hành khách đã thay đổi như thế nào?</a> <a href="/vi/15-thoi-quen-giup-ban-tien-len-trong-nghe-ux-designer" hreflang="vi">15 thói quen giúp bạn tiến lên trong nghề UX Designer</a> <a href="/vi/kien-thuc-thiet-ke-co-ban-tam-ly-hoc-hinh-dang" hreflang="vi">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</a> <a href="/vi/concept-testing-trong-thiet-ke" hreflang="vi">Lợi ích và cách áp dụng Concept Testing trong thiết kế</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Thu, 09 Feb 2023 11:40:36 +0000 content2 346 at http://beau.vn Quá trình tái thiết kế mô hình Double Diamond để nâng cấp quá trình sản xuất http://beau.vn/vi/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond <span class="field field--name-title field--type-string field--label-hidden">Quá trình tái thiết kế mô hình Double Diamond để nâng cấp quá trình sản xuất</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/85" typeof="schema:Person" property="schema:name" datatype="">content2</span></span> <span class="field field--name-created field--type-created field--label-hidden">T5, 02/09/2023 - 17:16</span> <a href="/vi/cam-hung-thiet-ke-sang-tao" hreflang="vi">Cảm hứng thiết kế sáng tạo</a> <h2>Hồi tưởng</h2> <p>Khi tôi xuất bản mô hình Double Diamond bản làm lại, tôi không mong rằng sẽ có ai đọc ngoài bạn bè và người thân. Thế nhưng nó đã gây phản ứng lớn như vậy.</p> <p>Bài viết của tôi đã tạo ra một làn sóng tranh luận, chỉ trích, câu hỏi và phản hồi tiêu cực. Các chuyên gia trong ngành, bao gồm cả tác giả của Double Diamond cũng đã có ý kiến trái chiều.<br /> “Ban khiến ý tưởng đơn giản trở nên phức tạp”<br /> “Vốn Double Diamond đã vô nghĩa ngay từ đầu”<br /> “Không thể ứng dụng vào thực tế đâu”</p> <h2>Mô hình Double Diamond được thiết kế lại là gì?</h2> <p>Cho những ai không biết Double Diamond bản làm lại là một quy trình thiết kế được tạo ra dựa trên quy trình Double Diamond của Design Council. Nó nhằm hiểu rõ quá trình thiết kế, cung cấp một hướng dẫn rõ ràng cho mọi người giải quyết các thách thức thiết kế. Sử dụng những công cụ, phương pháp và kỹ thuật khác nhau để thực thi.</p> <h2>Phương pháp luận</h2> <p>Lần đầu tôi biết tới Double Diamond là khoảng một năm trước khi tham gia HCD challenge và Merlin Zuni đã giới thiệu nó cho nhóm chúng tôi về nó<br /> Thành thật, tôi đã không hiểu anh ấy nói gì về mấy hình kim cương ấy. Lúc ấy tôi mới chỉ là một newbie. Tuy nhiên nó đã thay đổi khi tôi bắt đầu chương trình học thạc sĩ thiết kế trải nghiệm tại Hyper Island.</p> <h3>Giai đoạn 1 — Tháng 2 năm 2016</h3> <p>Double Diamond đã sớm được giới thiệu và ứng dụng trong chương trình của chúng tôi. Trong minh họa dưới đây, team chúng tôi nhân đôi hai hình kim cương để lên xác định vấn đề và lên kế hoạch giải quyết. Chúng tôi đưa những quy trình, công cụ khác vào, xem xét chúng. Tuy nhiên, chúng cũng khiến chúng tôi khổ sở khi không biết nên chọn đặt chúng ở giai đoạn nào. Trong bản minh họa sơ bộ này, tôi tổng hợp và đưa vào những bước của Double Diamond.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="8c3728df-18ac-472e-bf22-d5b0cca88842" height="421" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-6.jpg" width="1200" loading="lazy" /></p> <p>Ở bước tiếp theo, tôi phân ra và hợp nhất một số công cụ và giai đoạn.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="0db04086-3858-4612-89b7-6cb18fbc6577" height="800" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-1.jpg" width="1200" loading="lazy" /></p> <h3>Giai đoạn 2 — 7 tháng 5 năm 2016</h3> <p>Lúc này, tôi chia sẻ và thảo luận về phương pháp tiếp cận của mình với những người trong team để và kết quả là tôi có bản vẽ đồ họa đầu tiên. Nó là nỗ lực để có được ý kiến, tạo ra những thảo luận để nhận được phản hồi từ cộng đồng.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="119430eb-5376-4818-bcc9-8fd8a53600fe" height="427" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-2.jpg" width="1200" loading="lazy" /></p> <h3>Giai đoạn 3 — 13 tháng 5 năm 2016</h3> <p>Phàn hồi cho những ý tưởng mới luôn là một phần trong công việc giảng dạy của tôi tại University of the Arts tại Bern, Thụy Sỹ. Ở đó tôi đã giới thiệu về quá trình sáng tạo này với sinh viên học thạc sỹ thiết kế.</p> <p>Qua việc dạy học, tranh luận và xin phản hồi, tôi đã có thể đánh giá giá trị và thách thức của quy trình.</p> <h3>Giai đoạn 4 — 19 tháng năm 2016</h3> <p>Tôi đã ứng dụng quy trình này vào chương trình thạc sỹ và xuất bản nó trên medium.com.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="e8d5f0ef-e8d8-44d2-a280-ef33c3307e04" height="423" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-5_0.jpg" width="1200" loading="lazy" /></p> <h3>Giai đoạn 5 — Tháng 6 năm 2016</h3> <p>Tôi nhận được rất nhiều phản hồi từ cộng đồng. Dựa trên những tương tác, nghiên cứu và phản hồi ấy, tôi biến Double Diamond bản làm lại trở thành một chủ đề cho bài luận của mình.</p> <h3>Giai đoạn 6 — Tháng 8 năm 2016</h3> <p>Quá trình ấy dẫn tới bài viết bạn đang đọc hiện tại và một phiên bản update cho Double Diamond bản làm lại.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond​​" data-entity-type="file" data-entity-uuid="ee13c025-0889-4cd9-a117-56f40de8cbb7" height="671" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-4.jpg" width="1200" loading="lazy" /></p> <p>Quy trình này cho phép cả đội ngũ thiết kế sản phẩm được thấy cách áp dụng và đưa mô hình double diamond lên tầm cao hơn nữa trong quá trình sản xuất.</p> <h2>Kết</h2> <p>Double Diamond bản làm lại là một nỗ lực cá nhân nhằm hiểu các quy trình thiết kế, công cụ và những phương pháp luận ngoài kia.</p> <p>Ở mỗi giai đoạn, tôi lại khám phá ra những insight mới. Kiến thức được xây dựng nhờ ứng dụng những nguyên tắc lấy người dùng làm trung tâm, chia sẻ sản phẩm và ghi nhận phản hồi.</p> <p>Và đó cũng là bài học cho những designer, developer, manager ngoài kia, bạn không cần phải làm theo một mô hình chỉ vì nó đã được dùng từ lâu. Hãy cải tiến, nhận phản hồi, và đưa ra mô hình cho chính bản thân mình.</p> <p><strong>Đọc thêm: <a href="https://beau.vn/vi/goc-nhin/creative-agency-model-kham-pha-cac-mo-hinh-agency-sang-tao-moi" target="_blank">Creative Agency Model - Khám phá các mô hình Agency sáng tạo mới</a></strong></p> <a href="/vi/chien-luoc-san-pham" hreflang="vi">chiến lược sản phẩm</a> <a href="/vi/quy-trinh" hreflang="vi">Quy trình</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2023-02/cover-qua-trinh-tai-thiet-ke-mo-hinh-double-diamond.jpg" alt="ERP (Enterprise Resource Planning) - Hoạch định nguồn lực doanh nghiệp là gì và các mô hình phổ biến"> </div> <div class="desktop-space" style="height: 100px"></div> <div class="mobile-space" style="height: 50px"></div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <h2><p style="line-height:1.38; text-align:justify">Bài viết này là câu chuyện của&nbsp;Dan Nessler khi anh và cộng sự đã cùng tìm cách để tái thiết và cải tiến mô hình double diamond đã quá quen thuộc với team làm sản phẩm</p> </h2> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="relateEntry-detail"> <h3 class="f-title">Bài viết liên quan</h3> <ul class="f-list"> <li><a href="/vi/chuyen-doi-so-mo-hinh-kinh-doanh-de-bat-kip-xu-the-40">Chuyển đổi số mô hình kinh doanh để bắt kịp xu thế 4.0 <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/banking-as-a-service-open-banking">Mô hình Banking as a Service thúc đẩy việc ứng dụng Open Banking <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/tai-sao-team-design-can-mot-design-hub">Tại sao Team Design cần một Design Hub? <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> </ul> </div> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <h2>Hồi tưởng</h2> <p>Khi tôi xuất bản mô hình Double Diamond bản làm lại, tôi không mong rằng sẽ có ai đọc ngoài bạn bè và người thân. Thế nhưng nó đã gây phản ứng lớn như vậy.</p> <p>Bài viết của tôi đã tạo ra một làn sóng tranh luận, chỉ trích, câu hỏi và phản hồi tiêu cực. Các chuyên gia trong ngành, bao gồm cả tác giả của Double Diamond cũng đã có ý kiến trái chiều.</p> <p><br /> “Ban khiến ý tưởng đơn giản trở nên phức tạp”<br /> “Vốn Double Diamond đã vô nghĩa ngay từ đầu”<br /> “Không thể ứng dụng vào thực tế đâu”</p> <h2>Mô hình Double Diamond được thiết kế lại là gì?</h2> <p>Cho những ai không biết Double Diamond bản làm lại là một quy trình thiết kế được tạo ra dựa trên quy trình Double Diamond của Design Council. Nó nhằm hiểu rõ quá trình thiết kế, cung cấp một hướng dẫn rõ ràng cho mọi người giải quyết các thách thức thiết kế. Sử dụng những công cụ, phương pháp và kỹ thuật khác nhau để thực thi.</p> <h2>Phương pháp luận</h2> <p>Lần đầu tôi biết tới Double Diamond là khoảng một năm trước khi tham gia HCD challenge và Merlin Zuni đã giới thiệu nó cho nhóm chúng tôi về nó</p> <p>Thành thật, tôi đã không hiểu anh ấy nói gì về mấy hình kim cương ấy. Lúc ấy tôi mới chỉ là một newbie. Tuy nhiên nó đã thay đổi khi tôi bắt đầu chương trình học thạc sĩ thiết kế trải nghiệm tại Hyper Island.</p> <h3>Giai đoạn 1 — Tháng 2 năm 2016</h3> <p>Double Diamond đã sớm được giới thiệu và ứng dụng trong chương trình của chúng tôi. Trong minh họa dưới đây, team chúng tôi nhân đôi hai hình kim cương để lên xác định vấn đề và lên kế hoạch giải quyết. Chúng tôi đưa những quy trình, công cụ khác vào, xem xét chúng. Tuy nhiên, chúng cũng khiến chúng tôi khổ sở khi không biết nên chọn đặt chúng ở giai đoạn nào. Trong bản minh họa sơ bộ này, tôi tổng hợp và đưa vào những bước của Double Diamond.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="8c3728df-18ac-472e-bf22-d5b0cca88842" height="421" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-6.jpg" width="1200" /></p> <p>Ở bước tiếp theo, tôi phân ra và hợp nhất một số công cụ và giai đoạn.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="0db04086-3858-4612-89b7-6cb18fbc6577" height="800" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-1.jpg" width="1200" /></p> <h3>Giai đoạn 2 — 7 tháng 5 năm 2016</h3> <p>Lúc này, tôi chia sẻ và thảo luận về phương pháp tiếp cận của mình với những người trong team để và kết quả là tôi có bản vẽ đồ họa đầu tiên. Nó là nỗ lực để có được ý kiến, tạo ra những thảo luận để nhận được phản hồi từ cộng đồng.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="119430eb-5376-4818-bcc9-8fd8a53600fe" height="427" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-2.jpg" width="1200" /></p> <h3>Giai đoạn 3 — 13 tháng 5 năm 2016</h3> <p>Phàn hồi cho những ý tưởng mới luôn là một phần trong công việc giảng dạy của tôi tại University of the Arts tại Bern, Thụy Sỹ. Ở đó tôi đã giới thiệu về quá trình sáng tạo này với sinh viên học thạc sỹ thiết kế.</p> <p>Qua việc dạy học, tranh luận và xin phản hồi, tôi đã có thể đánh giá giá trị và thách thức của quy trình.</p> <h3>Giai đoạn 4 — 19 tháng năm 2016</h3> <p>Tôi đã ứng dụng quy trình này vào chương trình thạc sỹ và xuất bản nó trên medium.com.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond" data-entity-type="file" data-entity-uuid="e8d5f0ef-e8d8-44d2-a280-ef33c3307e04" height="423" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-5_0.jpg" width="1200" /></p> <h3>Giai đoạn 5 — Tháng 6 năm 2016</h3> <p>Tôi nhận được rất nhiều phản hồi từ cộng đồng. Dựa trên những tương tác, nghiên cứu và phản hồi ấy, tôi biến Double Diamond bản làm lại trở thành một chủ đề cho bài luận của mình.</p> <h3>Giai đoạn 6 — Tháng 8 năm 2016</h3> <p>Quá trình ấy dẫn tới bài viết bạn đang đọc hiện tại và một phiên bản update cho Double Diamond bản làm lại.</p> <p><img alt="Quá trình tái thiết kế mô hình Double Diamond​​" data-entity-type="file" data-entity-uuid="ee13c025-0889-4cd9-a117-56f40de8cbb7" height="671" src="/sites/default/files/qua-trinh-tai-thiet-ke-mo-hinh-double-diamond-4.jpg" width="1200" /></p> <p>Quy trình này cho phép cả đội ngũ thiết kế sản phẩm được thấy cách áp dụng và đưa mô hình double diamond lên tầm cao hơn nữa trong quá trình sản xuất.</p> <h2>Kết</h2> <p>Double Diamond bản làm lại là một nỗ lực cá nhân nhằm hiểu các quy trình thiết kế, công cụ và những phương pháp luận ngoài kia.</p> <p>Ở mỗi giai đoạn, tôi lại khám phá ra những insight mới. Kiến thức được xây dựng nhờ ứng dụng những nguyên tắc lấy người dùng làm trung tâm, chia sẻ sản phẩm và ghi nhận phản hồi.</p> <p>Và đó cũng là bài học cho những designer, developer, manager ngoài kia, bạn không cần phải làm theo một mô hình chỉ vì nó đã được dùng từ lâu. Hãy cải tiến, nhận phản hồi, và đưa ra mô hình cho chính bản thân mình.</p> </div> </div> </div> </div> </div> <div class="field field--name-field-other-articles field--type-entity-reference field--label-above"> <div class="field__items"> <a href="/vi/ban-da-biet-ve-quy-tac-thiet-ke-ui-cho-website" hreflang="vi">Bạn đã biết về Quy tắc thiết kế UI cho website?</a> <a href="/vi/hieu-nhanh-ve-website-headless-cms-trong-5-phut" hreflang="vi">Hiểu nhanh về Website Headless CMS trong 5 phút</a> <a href="/vi/cai-thien-trai-nghiem-khach-hang-cx-ngay-voi-3-buoc-don-gian-sau" hreflang="vi">Cải thiện trải nghiệm khách hàng CX ngay với 3 bước đơn giản sau</a> <a href="/vi/can-biet-gi-ve-nghien-cuu-ux-va-nhung-phuong-phap-thiet-ke-ux" hreflang="vi">Cần biết gì về nghiên cứu UX và những phương pháp nghiên cứu UX ?</a> <a href="/vi/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui" hreflang="vi">Tổng quan về Digital Design — Giới thiệu về UX &amp; UI</a> <a href="/vi/kien-thuc-co-ban-digital-design" hreflang="vi">Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Thu, 09 Feb 2023 10:16:42 +0000 content2 342 at http://beau.vn Quy trình thiết kế trải nghiệm người dùng UX để đạt tầm nhìn doanh nghiệp http://beau.vn/vi/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung <span class="field field--name-title field--type-string field--label-hidden">Quy trình thiết kế trải nghiệm người dùng UX để đạt tầm nhìn doanh nghiệp</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/38" typeof="schema:Person" property="schema:name" datatype="">content</span></span> <span class="field field--name-created field--type-created field--label-hidden">T2, 03/21/2022 - 11:24</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <p>Phát triển thiết kế trải nghiệm người dùng đến mức độ hài lòng của khách hàng không phải là trách nhiệm của một cá nhân hay nhóm nào, thay vào đó, nó là tầm nhìn của công ty.</p> <h2>Thiết kế trải nghiệm người dùng là gì?</h2> <p>Trải nghiệm người dùng là giá trị mà bạn cung cấp cho người dùng khi họ dùng sản phẩm của bạn. <a href="https://beau.vn/vi/goc-nhin/thiet-ke-trai-nghiem-nguoi-dung-website">Thiết kế trải nghiệm</a> người dùng (UXD, UED) là quá trình nâng cao sự hài lòng của người dùng với sản phẩm bằng cách cải thiện khả năng sử dụng, khả năng tiếp cận và niềm vui khi tương tác với sản phẩm.</p> <h2>Tại sao thiết kế trải nghiệm người dùng lại quan trọng?</h2> <blockquote> <p>“Thiết kế không chỉ là những gì nó được thấy hay cảm thấy. Thiết kế là cách nó hoạt động” - Steve Jobs.</p> </blockquote> <p><a href="https://beau.vn/vi/goc-nhin/thiet-ke-trai-nghiem-nguoi-dung-website">Thiết kế trải nghiệm</a> người dùng tuyệt vời không chỉ là nổi bật và quảng bá sản phẩm, mà nó còn trở thành một phần quan trọng trong việc xây dựng và tăng cường niềm tin của khách hàng.</p> <p>Một sản phẩm tuyệt vời hay một nội dung hấp dẫn có thể ảnh hưởng đến khả năng đạt được các mục tiêu kinh doanh của doanh nghiệp.</p> <p><strong>Xem thêm: <a href="https://beau.vn/vi/toi-uu-ux-trai-nghiem-khach-hang-voi-so-do-hanh-trinh-khach-hang-CJM"><em>Tối ưu UX (trải nghiệm khách hàng) với sơ đồ hành trình khách hàng (CJM)</em></a></strong></p> <h2>Cách tiếp cận tốt nhất để thiết kế trải nghiệm người dùng</h2> <p>Thiết kế trải nghiệm người dùng luôn là một phần của quá trình phát triển sản phẩm. Bạn tương tác với người dùng để xây dựng sự kết hợp độc đáo giữa cấu trúc, nội dung và trải nghiệm người dùng sẽ đạt được các mục tiêu cần thiết theo những cách hiệu quả.</p> <p>Yếu tố chính cho thành công của bạn là việc bạn giữ người dùng làm trung tâm trong quá trình thiết kế của mình. Cách tiếp cận này cho phép bạn tạo ra thiết kế rõ ràng, đơn giản, trực quan, linh hoạt và hấp dẫn, đồng thời cung cấp trải nghiệm bất ngờ cho người dùng của bạn và do đó giúp bạn phân biệt mình với các đối thủ.</p> <h2>Quá trình thiết kế trải nghiệm người dùng</h2> <p>Quy trình <a href="https://beau.vn/vi/goc-nhin/thiet-ke-trai-nghiem-nguoi-dung-website">thiết kế trải nghiệm</a> người dùng là một phương pháp lặp đi lặp lại giúp bạn liên tục cải tiến và đánh bóng các thiết kế của mình. Trong quá trình này, bạn trải qua các giai đoạn khác nhau lặp đi lặp lại trong khi đánh giá thiết kế của mình trên từng giai đoạn. </p> <p>Mỗi giai đoạn liên quan đến các bên liên quan, họ sẽ tham gia vào quá trình này để làm cho sản phẩm hiệu quả và tối ưu hơn. Quá trình thiết kế bao gồm 6 giai đoạn sau:</p> <img alt="quy-trinh-thiet-ke-trai-nghiem-nguoi-dung" data-entity-type="file" data-entity-uuid="6f2cde3f-d30b-4420-a8d6-d43c2cb178fc" height="2918" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-1.jpg" width="5001" class="align-center" loading="lazy" /><p> </p> <p>Dưới đây là mô tả chi tiết, đề cập các bên liên quan, các hoạt động đang được thực hiện và kết quả đạt được trong mỗi giai đoạn của quy trinh.</p> <h3>Hiểu quy trình <a href="https://beau.vn/vi/dich-vu">thiết kế trải nghiệm</a></h3> <p>Thiết kế là để giải quyết một vấn đề. Những để đưa ra được giải pháp, trước hết bạn cần hiểu rõ vấn đề. Trước khi bắt đầu việc thiết kế, hãy để nhóm thiết kế được hiểu rõ các yêu cầu.</p> <p>Để phân tích các yêu cầu, hãy thực hiện theo các phương pháp nghiên cứu của người dùng tiêu chuẩn của ngành bao gồm các cuộc phỏng vấn theo ngữ cảnh và từng cá nhân, đồng thời quan sát người dùng trong môi trường thực tế.</p> <p>Tiến hành các buổi brainstorm với khách hàng, cho họ xem các sản phẩm hiện có để nhận phản hồi của họ. Business Manager là người trực tiếp làm việc và nhận yêu cầu từ khách hàng. Nhóm thiết kế có thể làm việc chặt chẽ với Business Manager để hiểu người dùng và nhu cầu của khách hàng. Kiến thức này về người dùng và môi trường của họ sẽ giúp bạn ra định hướng rõ ràng cho thiết kế của mình.</p> <blockquote> <p>“Để trở thành một nhà thiết kế giỏi, bạn cần nhìn sâu hơn về cách mọi người suy nghĩ và hành động” - Paul Boag.</p> </blockquote> <p><a href="https://beau.vn/vi/goc-nhin/4-yeu-to-giup-cai-thien-trai-nghiem-khach-hang"><em><strong>=&gt; Cải thiện trải nghiệm khách hàng trong 4 bước</strong></em></a></p> <p><strong>Các bên liên quan:</strong></p> <ul><li>Nhóm thiết kế</li> <li>Business Manager</li> <li>Product Manager </li> </ul><p><strong>Các hoạt động:</strong></p> <ul><li>Gặp gỡ, nói chuyện, quan sát và hiểu người trong môi trường của họ</li> <li>Phân tích các yêu cầu để hiểu và làm rõ chúng</li> <li>Xác định tính cách người dùng và trường hợp sử dụng</li> </ul><p><strong>Kết quả:</strong></p> <ul><li>Thông tin về tính cách người dùng</li> <li>Câu chuyện người dùng</li> <li>Các trường hợp sử dụng, luồng sử dụng<br />  </li> </ul><img alt="quy-trinh-thiet-ke-trai-nghiem-nguoi-dung" data-entity-type="file" data-entity-uuid="9a011f6f-bb14-43c3-ae9a-eee8a7162248" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-2.jpg" width="5001" class="align-center" loading="lazy" /><img alt="Quy trình thiết kế trải nghiệm người dùng" data-entity-type="file" data-entity-uuid="f2ff6ea9-82a1-4655-8e42-949ee32c6ad3" height="3042" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-3.jpg" width="5001" class="align-center" loading="lazy" /><p> </p> <h3>Nghiên cứu</h3> <p>Nghiên cứu là bước quan trọng cơ bản để có thể t<a href="https://beau.vn/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02">hiết kế trải nghiệm</a> người dùng.</p> <blockquote> <p>“Tôi chỉ mất vài giây để vẽ nó, nhưng tôi mất 34 năm để học cách vẽ nó trong vài giây” - Paula Scher</p> </blockquote> <p>Nhóm thiết kế thực hiện công việc nghiên cứu của họ để khám phá cách thế giới bên ngoài đang hoạt động qua những tính năng của một sản phẩm.</p> <p>Sherif Amin, nhà thiết kế sản phẩm gọi nó là phân tích cạnh tranh UX. Ông liệt kê ba mục đích của việc phân tích này:</p> <ul><li>Hiểu sự cạnh tranh của thị trường</li> <li>Hiểu điểm mạnh của mình</li> <li>Tìm cảm hứng và ý tưởng từ các đối thủ cạnh tranh</li> </ul><p>Theo dõi các xu hướng thiết kế mới, nguyên tắc thiết kế và những nguyên tắc về trải nghiệm người dùng bạn đang có. Trong khi thực hiện nghiên cứu, hãy bắt đầu suy nghĩ về các bố cục và tuỳ chọn có thể mang lại trải nghiệm mong muốn.</p> <p><strong>Xem thêm: <a href="https://beau.vn/vi/9-nguyen-tac-phai-biet-khi-nghien-cuu-thiet-ke-design-research"><em>9 nguyên tắc phải biết khi nghiên cứu thiết kế (Design Research)</em></a></strong></p> <p><strong>Các bên liên quan:</strong></p> <ul><li>Nhóm thiết kế</li> </ul><p><strong>Các hoạt động:</strong></p> <ul><li>Nghiên cứu cách tiếp cận của đối thủ cạnh tranh</li> <li>Nghiên cứu các tính năng tương tự trên thế giới</li> <li>Phân tích các xu hướng UI/UX mới, các nguyên tắc thiết kế</li> <li>Kiểm tra những nguyên tắc của bản thân</li> </ul><p><strong>Kết quả</strong></p> <ul><li>Một loạt các ý tưởng và tài liệu mà bạn có thể xây dựng tác phẩm thiết kế thực tế của mình</li> </ul><img alt="Quy trình thiết kế trải nghiệm người dùng" data-entity-type="file" data-entity-uuid="e8a024cc-733d-438b-a493-276a4720e657" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-4.jpg" width="5001" class="align-center" loading="lazy" /><p> </p> <h3>Phác thảo về thiết kế trải nghiệm người dùng</h3> <p>Giai đoạn này đi vào cụ thể về tới giao diện và những tính năng phải có trong giao diện. Nhóm thiết kế tiến hành hoạt động này dựa trên hai giai đoạn cuối của quy trình này.</p> <p>Vẽ phác thảo trên giấy hoặc bảng trắng về luồng, wireframes mà bạn muốn thảo luận với các bên liên quan. Bản thân giai đoạn này là một quá trình lặp đi lặp lại. Thiết kế không phải là thứ mà bạn chỉ tạo ra và bắt đầu sử dụng nó. Phác thảo, phác thảo và phác thảo, cần làm đi làm lại để có thể tạo ra một trải nghiệm tối ưu nhất.</p> <p>Kiểm tra đánh giá wireframe là một phần của giai đoạn này. Nhóm thiết kế xây dựng các mô hình ban đầu và chia sẻ với các bên liên quan để lấy ý kiến của họ. Trong suốt quá trình, điều quan trọng là phải ghi nhớ mục tiêu của bạn là tạo ra một thiết kế có thể sử dụng được để đạt được sự hài lòng của end user.</p> <p><a href="https://beau.vn/vi/5-yeu-to-cai-thien-trai-nghiem-nguoi-dung"><em><strong>=&gt; 5 yếu tố cải thiện trải nghiệm người dùng</strong></em></a></p> <p><strong>Các bên liên quan:</strong></p> <ul><li>Nhóm thiết kế</li> <li>Giám đốc sản phẩm</li> <li>Chuyên gia kỹ thuật</li> </ul><p><strong>Các hoạt động:</strong></p> <ul><li>Tạo ý tưởng và làm việc trên các bản phác thảo cơ bản</li> <li>Các cuộc brainstorm với các bên liên quan để nhận ý kiến, phản hồi từ nhiều góc độ</li> <li>Vẽ các phác thảo, kiểm tra lại chúng với các bên</li> </ul><p><strong>Kết quả:</strong></p> <ul><li>Bản phác thảo</li> <li>Wireframe, mockup</li> <li>Luồng người dùng<br />  </li> </ul><img alt="Quy trình thiết kế trải nghiệm người dùng" data-entity-type="file" data-entity-uuid="f86714c0-d7a5-45df-b498-30260d1f38fb" height="2834" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-5.jpg" width="5004" class="align-center" loading="lazy" /><p> </p> <h3>Thiết kế</h3> <p>Bây giờ bạn đã hoàn thiện bố cục và luồng giao diện cần thiết, bước tiếp theo là làm việc với phần đồ hoạ. Chuyển các mockup và wireframe ban đầu thành những hình ảnh đẹp mắt với theme cách cụ thể.</p> <p>Chuẩn bị và chia sẻ các thông số kỹ thuật thiết kế (nguyên tắc, hướng dẫn, màu sắc, kiểu chữ, bộ icon) tới nhóm phát triển cũng là một phần trong giai đoạn này.</p> <p><strong>Các bên liên quan:</strong></p> <ul><li>Nhóm thiết kế</li> <li>Giám đốc sản phẩm</li> <li>Quản lý kinh doanh</li> <li>Chuyên gia kỹ thuật</li> </ul><p><strong>Các hoạt động:</strong></p> <ul><li>Thiết kế hình ảnh của giao diện người dùng</li> <li>Xác định theme cuối, thông số kỹ thuật và guideline cần thiết để triển khai</li> <li>Thiết kế các icon hiển thị trên màn hình</li> <li>Họp với các bên liên quan để nhận phản hồi từ quan điểm kinh doanh và kỹ thuật</li> </ul><p><strong>Kết quả:</strong></p> <ul><li>Bản thiết kế hình ảnh</li> <li>Thông số thiết kế chi tiết như màu sắc, theme, style, guideline</li> <li>Bộ icon</li> </ul><h3>Thực thi</h3> <p>Vì nhân viên kỹ thuật tham gia vào giai đoạn đầu của quy trình, họ có thể bắt đầu thực thi vào giai đoạn thiết kế đang diễn ra. Nhóm phát triển sản phẩm sẽ xây dựng chức năng backend trước và kết nối nó với giao diện người dùng (UI) khi họ nhận được thiết kế cuối.</p> <p><a href="https://beautique.vn/insight/trai-nghiem-thuong-hieu-ap-dung-cong-nghe-vao-chien-luoc-thuong-hieu"><em><strong>=&gt; Trải nghiệm thương hiệu: Áp dụng công nghệ vào chiến lược thương hiệu</strong></em></a></p> <p>Để tối ưu, nhóm thiết kế nên tham gia vào các bước này để giúp giai đoạn phát triển này. Trong khi thực thi, có thể phát sinh một số nhu cầu thay đổi nhỏ về thiết kế.</p> <p><strong>Các bên liên quan</strong></p> <ul><li>Nhóm phát triển</li> <li>Nhóm thiết kế</li> </ul><p><strong>Các hoạt động</strong></p> <ul><li>Triển khai chức năng backend và giao diện</li> </ul><p><strong>Kết quả</strong></p> <ul><li>Giao diện người dùng được phát triển với đầy đủ chức năng và trải nghiệm theo theme và style đã được thiết kế trước đó</li> </ul><img alt="Quy trình thiết kế trải nghiệm người dùng" data-entity-type="file" data-entity-uuid="996d9036-c2f8-4640-8111-fdaa776d1a86" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-6.jpg" width="5001" class="align-center" loading="lazy" /><p> </p> <h3>Đánh giá</h3> <p>Khi tính năng của sản phẩm được triển khai, sản phẩm cuối được đánh giá dựa trên các yếu tố:</p> <ul><li>Hệ thống có sử dụng được không?</li> <li>Nó có dễ sử dụng cho end user không?</li> <li>Nó có linh hoạt và dễ thay đổi không?</li> <li>Nó có cung cấp giải pháp mong muốn cho các vấn đề của người dùng không?</li> <li>Sản phẩm có khiến mọi người muốn sử dụng vì trải nghiệm mà nó mang lại không?</li> </ul><blockquote> <p>“Nhóm thiết kế xác nhận sản phẩm về lưu lượng và trải nghiệm của người dùng và xác định các phần cần cải thiện”</p> </blockquote> <p><strong>Các bên liên quan</strong></p> <ul><li>Nhóm thiết kế</li> <li>Product Manager</li> </ul><p><strong>Các hoạt động</strong></p> <ul><li>Thử sản phẩm, ghi chú lại trải nghiệm</li> <li>So sánh giữa sản phẩm cuối và giao diện đã thiết kế</li> </ul><p><strong>Kết quả</strong></p> <ul><li>Phản hồi của người dùng</li> <li>Báo cáo UI audit </li> <li>Các phần cần được cải thiện<br />  </li> </ul><img alt="Quy trình thiết kế trải nghiệm người dùng" data-entity-type="file" data-entity-uuid="224f4967-6001-421b-8f5c-396e4fd7b01c" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-7.jpg" width="5001" class="align-center" loading="lazy" /><p> </p> <p>Sau giai đoạn này, quá trình sẽ lặp lại và tuỳ thuộc vào các thay đổi yêu cầu để xác định giai đoạn sẽ bắt đầu là giai đoạn nào, nó có thể là 2, 3 hoặc giai đoạn 4. Và quá trình này sẽ còn tiếp tục cho đến khi đạt được trải nghiệm kỳ vọng và sự hài lòng của khách hàng</p> <h2>Kết</h2> <p>Trải nghiệm người dùng tốt chỉ có thể đến từ việc tuân theo quá trình thiết kế lặp đi lặp lại. Tất cả các bên liên quan chính trong công ty đều đóng góp vào quá trình này bằng cách thực hiện các nhiệm vụ và công việc của họ. Đây là cách duy nhất bạn có thể giữ chân người dùng hiện tại của mình và thu hút những người dùng mới trong thế giới cạnh tranh ngày nay.</p> <a href="/vi/thiet-ke-ux" hreflang="vi">Thiết kế UX</a> <a href="/vi/hanh-trinh-trai-nghiem-khach-hang" hreflang="vi">Hành trình trải nghiệm khách hàng</a> <a href="/vi/trai-nghiem-so" hreflang="vi">Trải nghiệm số</a> <a href="/vi/trai-nghiem-thuong-hieu" hreflang="vi">Trải nghiệm thương hiệu</a> <a href="/vi/nghien-cuu-ux" hreflang="vi">Nghiên cứu UX</a> <a href="/vi/ux" hreflang="vi">UX</a> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung" hreflang="vi">UX/UI</a> <a href="/vi/thiet-ke-web" hreflang="vi">Thiết kế Web</a> <a href="/vi/quy-trinh" hreflang="vi">Quy trình</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2022-03/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-cover.jpg" alt="Quy trình thiết kế trải nghiệm người dùng UX để đạt tầm nhìn doanh nghiệp"> </div> <div class="desktop-space" style="height: 100px"></div> <div class="mobile-space" style="height: 50px"></div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <h2><p>Phát triển thiết kế trải nghiệm người dùng đến mức độ hài lòng của khách hàng không phải là trách nhiệm của một cá nhân hay nhóm nào, thay vào đó, nó là tầm nhìn của công ty.<br /> &nbsp;</p> </h2> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="relateEntry-detail"> <h3 class="f-title">Bài viết liên quan</h3> <ul class="f-list"> <li><a href="/vi/goc-nhin/tim-hieu-ve-thiet-ke-trai-nghiem-nguoi-dung-ux-design">Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design) <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/goc-nhin/ky-nguyen-so-khi-trai-nghiem-ux-lam-nen-thuong-hieu">Kỷ nguyên Số: Khi trải nghiệm UX làm nên thương hiệu <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/goc-nhin/11-nguyen-tac-thiet-ke-web-se-tang-ty-le-chuyen-doi-cua-ban">11 Nguyên tắc thiết kế web sẽ tăng tỷ lệ chuyển đổi của bạn <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> </ul> </div> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <h2>Thiết kế trải nghiệm người dùng UX&nbsp;là gì?</h2> <p>Trải nghiệm người dùng là giá trị mà bạn cung cấp cho người dùng khi họ dùng sản phẩm của bạn. <a href="https://beau.vn/vi/goc-nhin/thiet-ke-trai-nghiem-nguoi-dung-website">Thiết kế trải nghiệm</a> người dùng (UXD, UED) là quá trình nâng cao sự hài lòng của người dùng với sản phẩm bằng cách cải thiện khả năng sử dụng, khả năng tiếp cận và niềm vui khi tương tác với sản phẩm.</p> <h2>Tại sao thiết kế trải nghiệm người dùng UX&nbsp;lại quan trọng?</h2> <blockquote> <p>“Thiết kế không chỉ là những gì nó được thấy hay cảm thấy. Thiết kế là cách nó hoạt động” - Steve Jobs.</p> </blockquote> <p><a href="https://beau.vn/vi/goc-nhin/thiet-ke-trai-nghiem-nguoi-dung-website">Thiết kế trải nghiệm</a> người dùng tuyệt vời không chỉ là nổi bật và quảng bá sản phẩm, mà nó còn trở thành một phần quan trọng trong việc xây dựng và tăng cường niềm tin của khách hàng.</p> <p>Một sản phẩm tuyệt vời hay một nội dung hấp dẫn có thể ảnh hưởng đến khả năng đạt được các mục tiêu kinh doanh của doanh nghiệp.</p> <p><strong>Xem thêm: <a href="https://beau.vn/vi/toi-uu-ux-trai-nghiem-khach-hang-voi-so-do-hanh-trinh-khach-hang-CJM"><em>Tối ưu UX (trải nghiệm khách hàng) với sơ đồ hành trình khách hàng (CJM)</em></a></strong></p> <h2>Cách tiếp cận tốt nhất để thiết kế trải nghiệm người dùng UX</h2> <p>Thiết kế trải nghiệm người dùng luôn là một phần của quá trình phát triển sản phẩm. Bạn tương tác với người dùng để xây dựng sự kết hợp độc đáo giữa cấu trúc, nội dung và trải nghiệm người dùng sẽ đạt được các mục tiêu cần thiết theo những cách hiệu quả.</p> <p>Yếu tố chính cho thành công của bạn là việc bạn giữ người dùng làm trung tâm trong quá trình thiết kế của mình. Cách tiếp cận này cho phép bạn tạo ra thiết kế rõ ràng, đơn giản, trực quan, linh hoạt và hấp dẫn, đồng thời cung cấp trải nghiệm bất ngờ cho người dùng của bạn và do đó giúp bạn phân biệt mình với các đối thủ.</p> <h2>Quá trình thiết kế trải nghiệm người dùng UX</h2> <p>Quy trình <a href="https://beau.vn/vi/goc-nhin/thiet-ke-trai-nghiem-nguoi-dung-website">thiết kế trải nghiệm</a> người dùng là một phương pháp lặp đi lặp lại giúp bạn liên tục cải tiến và đánh bóng các thiết kế của mình. Trong quá trình này, bạn trải qua các giai đoạn khác nhau lặp đi lặp lại trong khi đánh giá thiết kế của mình trên từng giai đoạn.&nbsp;</p> <p>Mỗi giai đoạn liên quan đến các bên liên quan, họ sẽ tham gia vào quá trình này để làm cho sản phẩm hiệu quả và tối ưu hơn. Quá trình thiết kế bao gồm 6 giai đoạn sau:</p> <img alt="quy-trinh-thiet-ke-trai-nghiem-nguoi-dung" data-align="center" data-entity-type="file" data-entity-uuid="6f2cde3f-d30b-4420-a8d6-d43c2cb178fc" height="2918" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-1.jpg" width="5001" /> <p>&nbsp;</p> <p>Dưới đây là mô tả chi tiết, đề cập các bên liên quan, các hoạt động đang được thực hiện và kết quả đạt được trong mỗi giai đoạn của quy trinh.</p> <h3>Hiểu quy trình <a href="https://beau.vn/vi/dich-vu">thiết kế trải nghiệm</a>&nbsp;UX</h3> <p>Thiết kế là để giải quyết một vấn đề. Những để đưa ra được giải pháp, trước hết bạn cần hiểu rõ vấn đề. Trước khi bắt đầu việc thiết kế, hãy để nhóm thiết kế được hiểu rõ các yêu cầu.</p> <p>Để phân tích các yêu cầu, hãy thực hiện theo các phương pháp nghiên cứu của người dùng tiêu chuẩn của ngành bao gồm các cuộc phỏng vấn theo ngữ cảnh và từng cá nhân, đồng thời quan sát người dùng trong môi trường thực tế.</p> <p>Tiến hành các buổi brainstorm với khách hàng, cho họ xem các sản phẩm hiện có để nhận phản hồi của họ. Business Manager là người trực tiếp làm việc và nhận yêu cầu từ khách hàng. Nhóm thiết kế có thể làm việc chặt chẽ với Business Manager để hiểu người dùng và nhu cầu của khách hàng. Kiến thức này về người dùng và môi trường của họ sẽ giúp bạn ra định hướng rõ ràng cho thiết kế của mình.</p> <blockquote> <p>“Để trở thành một nhà thiết kế giỏi, bạn cần nhìn sâu hơn về cách mọi người suy nghĩ và hành động” - Paul Boag.</p> </blockquote> <p><a href="https://beau.vn/vi/goc-nhin/4-yeu-to-giup-cai-thien-trai-nghiem-khach-hang"><em><strong>=&gt; Cải thiện trải nghiệm khách hàng trong 4 bước</strong></em></a></p> <p><strong>Các bên liên quan:</strong></p> <ul> <li>Nhóm thiết kế</li> <li>Business Manager</li> <li>Product Manager&nbsp;</li> </ul> <p><strong>Các hoạt động:</strong></p> <ul> <li>Gặp gỡ, nói chuyện, quan sát và hiểu người trong môi trường của họ</li> <li>Phân tích các yêu cầu để hiểu và làm rõ chúng</li> <li>Xác định tính cách người dùng và trường hợp sử dụng</li> </ul> <p><strong>Kết quả:</strong></p> <ul> <li>Thông tin về tính cách người dùng</li> <li>Câu chuyện người dùng</li> <li>Các trường hợp sử dụng, luồng sử dụng<br /> &nbsp;</li> </ul> <img alt="quy-trinh-thiet-ke-trai-nghiem-nguoi-dung" data-align="center" data-entity-type="file" data-entity-uuid="9a011f6f-bb14-43c3-ae9a-eee8a7162248" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-2.jpg" width="5001" /><img alt="Quy trình thiết kế trải nghiệm người dùng" data-align="center" data-entity-type="file" data-entity-uuid="f2ff6ea9-82a1-4655-8e42-949ee32c6ad3" height="3042" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-3.jpg" width="5001" /> <p>&nbsp;</p> <h3>Nghiên cứu</h3> <p>Nghiên cứu là bước quan trọng cơ bản để có thể t<a href="https://beau.vn/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02">hiết kế trải nghiệm</a> người dùng.</p> <blockquote> <p>“Tôi chỉ mất vài giây để vẽ nó, nhưng tôi mất 34 năm để học cách vẽ nó trong vài giây” - Paula Scher</p> </blockquote> <p>Nhóm thiết kế thực hiện công việc nghiên cứu của họ để khám phá cách thế giới bên ngoài đang hoạt động qua những tính năng của một sản phẩm.</p> <p>Sherif Amin, nhà thiết kế sản phẩm gọi nó là phân tích cạnh tranh UX. Ông liệt kê ba mục đích của việc phân tích này:</p> <ul> <li>Hiểu sự cạnh tranh của thị trường</li> <li>Hiểu điểm mạnh của mình</li> <li>Tìm cảm hứng và ý tưởng từ các đối thủ cạnh tranh</li> </ul> <p>Theo dõi các xu hướng thiết kế mới, nguyên tắc thiết kế và những nguyên tắc về trải nghiệm người dùng bạn đang có. Trong khi thực hiện nghiên cứu, hãy bắt đầu suy nghĩ về các bố cục và tuỳ chọn có thể mang lại trải nghiệm mong muốn.</p> <p><strong>Xem thêm:&nbsp;<a href="https://beau.vn/vi/9-nguyen-tac-phai-biet-khi-nghien-cuu-thiet-ke-design-research"><em>9 nguyên tắc phải biết khi nghiên cứu thiết kế (Design Research)</em></a></strong></p> <p><strong>Các bên liên quan:</strong></p> <ul> <li>Nhóm thiết kế</li> </ul> <p><strong>Các hoạt động:</strong></p> <ul> <li>Nghiên cứu cách tiếp cận của đối thủ cạnh tranh</li> <li>Nghiên cứu các tính năng tương tự trên thế giới</li> <li>Phân tích các xu hướng UI/UX mới, các nguyên tắc thiết kế</li> <li>Kiểm tra những nguyên tắc của bản thân</li> </ul> <p><strong>Kết quả</strong></p> <ul> <li>Một loạt các ý tưởng và tài liệu mà bạn có thể xây dựng tác phẩm thiết kế thực tế của mình</li> </ul> <img alt="Quy trình thiết kế trải nghiệm người dùng" data-align="center" data-entity-type="file" data-entity-uuid="e8a024cc-733d-438b-a493-276a4720e657" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-4.jpg" width="5001" /> <p>&nbsp;</p> <h3>Phác thảo về thiết kế trải nghiệm người dùng UX</h3> <p>Giai đoạn này đi vào cụ thể về tới giao diện và những tính năng phải có trong giao diện. Nhóm thiết kế tiến hành hoạt động này dựa trên hai giai đoạn cuối của quy trình này.</p> <p>Vẽ phác thảo trên giấy hoặc bảng trắng về luồng, wireframes mà bạn muốn thảo luận với các bên liên quan. Bản thân giai đoạn này là một quá trình lặp đi lặp lại. Thiết kế không phải là thứ mà bạn chỉ tạo ra và bắt đầu sử dụng nó. Phác thảo, phác thảo và phác thảo, cần làm đi làm lại để có thể tạo ra một trải nghiệm tối ưu nhất.</p> <p>Kiểm tra đánh giá wireframe là một phần của giai đoạn này. Nhóm thiết kế xây dựng các mô hình ban đầu và chia sẻ với các bên liên quan để lấy ý kiến của họ. Trong suốt quá trình, điều quan trọng là phải ghi nhớ mục tiêu của bạn là tạo ra một thiết kế có thể sử dụng được để đạt được sự hài lòng của end user.</p> <p><a href="https://beau.vn/vi/5-yeu-to-cai-thien-trai-nghiem-nguoi-dung"><em><strong>=&gt;&nbsp;5 yếu tố cải thiện trải nghiệm người dùng</strong></em></a></p> <p><strong>Các bên liên quan:</strong></p> <ul> <li>Nhóm thiết kế</li> <li>Giám đốc sản phẩm</li> <li>Chuyên gia kỹ thuật</li> </ul> <p><strong>Các hoạt động:</strong></p> <ul> <li>Tạo ý tưởng và làm việc trên các bản phác thảo cơ bản</li> <li>Các cuộc brainstorm với các bên liên quan để nhận ý kiến, phản hồi từ nhiều góc độ</li> <li>Vẽ các phác thảo, kiểm tra lại chúng với các bên</li> </ul> <p><strong>Kết quả:</strong></p> <ul> <li>Bản phác thảo</li> <li>Wireframe, mockup</li> <li>Luồng người dùng<br /> &nbsp;</li> </ul> <img alt="Quy trình thiết kế trải nghiệm người dùng" data-align="center" data-entity-type="file" data-entity-uuid="f86714c0-d7a5-45df-b498-30260d1f38fb" height="2834" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-5.jpg" width="5004" /> <p>&nbsp;</p> <h3>Thiết kế</h3> <p>Bây giờ bạn đã hoàn thiện bố cục và luồng giao diện cần thiết, bước tiếp theo là làm việc với phần đồ hoạ. Chuyển các mockup và wireframe ban đầu thành những hình ảnh đẹp mắt với theme cách cụ thể.</p> <p>Chuẩn bị và chia sẻ các thông số kỹ thuật thiết kế (nguyên tắc, hướng dẫn, màu sắc, kiểu chữ, bộ icon) tới nhóm phát triển cũng là một phần trong giai đoạn này.</p> <p><strong>Các bên liên quan:</strong></p> <ul> <li>Nhóm thiết kế</li> <li>Giám đốc sản phẩm</li> <li>Quản lý kinh doanh</li> <li>Chuyên gia kỹ thuật</li> </ul> <p><strong>Các hoạt động:</strong></p> <ul> <li>Thiết kế hình ảnh của giao diện người dùng</li> <li>Xác định theme cuối, thông số kỹ thuật và guideline cần thiết để triển khai</li> <li>Thiết kế các icon hiển thị trên màn hình</li> <li>Họp với các bên liên quan để nhận phản hồi từ quan điểm kinh doanh và kỹ thuật</li> </ul> <p><strong>Kết quả:</strong></p> <ul> <li>Bản thiết kế hình ảnh</li> <li>Thông số thiết kế chi tiết như màu sắc, theme, style, guideline</li> <li>Bộ icon</li> </ul> <h3>Thực thi</h3> <p>Vì nhân viên kỹ thuật tham gia vào giai đoạn đầu của quy trình, họ có thể bắt đầu thực thi vào giai đoạn thiết kế đang diễn ra. Nhóm phát triển sản phẩm sẽ xây dựng chức năng backend trước và kết nối nó với giao diện người dùng (UI) khi họ nhận được thiết kế cuối.</p> <p><a href="https://beautique.vn/insight/trai-nghiem-thuong-hieu-ap-dung-cong-nghe-vao-chien-luoc-thuong-hieu"><em><strong>=&gt;&nbsp;Trải nghiệm thương hiệu: Áp dụng công nghệ vào chiến lược thương hiệu</strong></em></a></p> <p>Để tối ưu, nhóm thiết kế nên tham gia vào các bước này để giúp giai đoạn phát triển này. Trong khi thực thi, có thể phát sinh một số nhu cầu thay đổi nhỏ về thiết kế.</p> <p><strong>Các bên liên quan</strong></p> <ul> <li>Nhóm phát triển</li> <li>Nhóm thiết kế</li> </ul> <p><strong>Các hoạt động</strong></p> <ul> <li>Triển khai chức năng backend và giao diện</li> </ul> <p><strong>Kết quả</strong></p> <ul> <li>Giao diện người dùng được phát triển với đầy đủ chức năng và trải nghiệm theo theme và style đã được thiết kế trước đó</li> </ul> <img alt="Quy trình thiết kế trải nghiệm người dùng" data-align="center" data-entity-type="file" data-entity-uuid="996d9036-c2f8-4640-8111-fdaa776d1a86" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-6.jpg" width="5001" /> <p>&nbsp;</p> <h3>Đánh giá</h3> <p>Khi tính năng của sản phẩm được triển khai, sản phẩm cuối được đánh giá dựa trên các yếu tố:</p> <ul> <li>Hệ thống có sử dụng được không?</li> <li>Nó có dễ sử dụng cho end user không?</li> <li>Nó có linh hoạt và dễ thay đổi không?</li> <li>Nó có cung cấp giải pháp mong muốn cho các vấn đề của người dùng không?</li> <li>Sản phẩm có khiến mọi người muốn sử dụng vì trải nghiệm mà nó mang lại không?</li> </ul> <blockquote> <p>“Nhóm thiết kế xác nhận sản phẩm về lưu lượng và trải nghiệm của người dùng và xác định các phần cần cải thiện”</p> </blockquote> <p><strong>Các bên liên quan</strong></p> <ul> <li>Nhóm thiết kế</li> <li>Product Manager</li> </ul> <p><strong>Các hoạt động</strong></p> <ul> <li>Thử sản phẩm, ghi chú lại trải nghiệm</li> <li>So sánh giữa sản phẩm cuối và giao diện đã thiết kế</li> </ul> <p><strong>Kết quả</strong></p> <ul> <li>Phản hồi của người dùng</li> <li>Báo cáo UI audit&nbsp;</li> <li>Các phần cần được cải thiện<br /> &nbsp;</li> </ul> <img alt="Quy trình thiết kế trải nghiệm người dùng" data-align="center" data-entity-type="file" data-entity-uuid="224f4967-6001-421b-8f5c-396e4fd7b01c" height="3043" src="/sites/default/files/quy-trinh-thiet-ke-trai-nghiem-nguoi-dung-7.jpg" width="5001" /> <p>&nbsp;</p> <p>Sau giai đoạn này, quá trình sẽ lặp lại và tuỳ thuộc vào các thay đổi yêu cầu để xác định giai đoạn sẽ bắt đầu là giai đoạn nào, nó có thể là 2, 3 hoặc giai đoạn 4. Và quá trình này sẽ còn tiếp tục cho đến khi đạt được trải nghiệm kỳ vọng và sự hài lòng của khách hàng</p> <h2>Kết</h2> <p>Trải nghiệm người dùng tốt chỉ có thể đến từ việc tuân theo quá trình thiết kế lặp đi lặp lại. Tất cả các bên liên quan chính trong công ty đều đóng góp vào quá trình này bằng cách thực hiện các nhiệm vụ và công việc của họ. Đây là cách duy nhất bạn có thể giữ chân người dùng hiện tại của mình và thu hút những người dùng mới trong thế giới cạnh tranh ngày nay.</p> </div> </div> </div> </div> </div> <div class="field field--name-field-other-articles field--type-entity-reference field--label-above"> <div class="field__items"> <a href="/vi/hay-tranh-10-thanh-kien-sau-khi-nghien-cuu-nguoi-dung" hreflang="vi">Hãy tránh 10 thành kiến sau khi Nghiên Cứu Người Dùng</a> <a href="/vi/nghien-cuu-nguoi-dung-khong-gi-hieu-qua-hon-dat-dung-cau-hoi" hreflang="vi">Nghiên cứu người dùng: Không gì hiệu quả hơn đặt đúng câu hỏi</a> <a href="/vi/5-yeu-to-cai-thien-trai-nghiem-nguoi-dung-ux-tam-nhin-trai-nghiem-va-design-thinking" hreflang="vi">5 yếu tố cải thiện trải nghiệm người dùng UX - Tầm nhìn, Trải nghiệm, và Design Thinking</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Mon, 21 Mar 2022 04:24:44 +0000 content 198 at http://beau.vn Series: Typography trong quy trình xây dựng trải nghiệm số #1: Lựa chọn font chữ http://beau.vn/vi/goc-nhin/series-typography-trong-quy-trinh-xay-dung-trai-nghiem-so-1-lua-chon-font-chu <span class="field field--name-title field--type-string field--label-hidden">Series: Typography trong quy trình xây dựng trải nghiệm số #1: Lựa chọn font chữ</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/1" typeof="schema:Person" property="schema:name" datatype="">Neo</span></span> <span class="field field--name-created field--type-created field--label-hidden">T2, 08/30/2021 - 01:20</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <a href="/vi/thiet-ke-web" hreflang="vi">Thiết kế Web</a> <a href="/vi/typography" hreflang="vi">Typography</a> <a href="/vi/trai-nghiem-nguoi-dung" hreflang="vi">trải nghiệm người dùng</a> <a href="/vi/trai-nghiem-so" hreflang="vi">Trải nghiệm số</a> <a href="/vi/brand" hreflang="vi">Brand</a> <a href="/vi/thiet-ke-website" hreflang="vi">Thiết kế Website</a> <a href="/vi/quy-trinh" hreflang="vi">Quy trình</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2021-09/lua_chon_font_chu_1920x650_v2-01_2.jpg" alt="Series: Typography trong quy trình xây dựng trải nghiệm số #1: Lựa chọn font chữ"> </div> <div class="desktop-space" style="height: 100px"></div> <div class="mobile-space" style="height: 30px"></div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <h2><p>Ngành thiết kế nói chung và thiết kế website nói riêng đóng vai trò vô cùng quan trọng trong công cuộc truyền tải thông tin, thúc đẩy quá trình chuyển đổi số. Một trong những yếu tố then chốt trong thiết kế, ảnh hưởng tới trải nghiệm nắm bắt thông tin của người dùng là lựa chọn typeface hợp lí. Trong series bài viết này, hãy cùng chúng tôi tìm hiểu cách các Designer tại Beau Agency sử dụng phông chữ trong các thiết kế nhé.</p> <hr /> <p>&nbsp;</p> </h2> </div> </div> </div> </div> <div class="item-paragraph quote-2"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <blockquote class="font-45"> <p>In the new computer age the proliferation of typefaces and type manipulations represents a new level of visual pollution threatening our culture. Out of thousands of typefaces, all we need are a few basic ones, and trash the rest.” Massimo Vignelli.</p> </blockquote> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <hr /> <h2>Typeface đúng tốt hơn typeface đẹp</h2> <p>Trước khi đi sâu vào nội dung bài viết, xin phép được sử dụng cả font và typeface để đại diện cho kiểu chữ.<br /> Trong số những công việc cần làm khi đi vào xây dựng website, ta phải xác định được website này được tạo ra với mục đích gì? Suy cho cùng, việc khách hàng của bạn “cảm thấy wow” sẽ không quan trọng bằng việc website bạn làm ra có thỏa mãn được yêu cầu thiết yếu của họ hay không. Tức ta đang đi tìm câu trả lời cho câu hỏi: Mục đích cuối cùng khách hàng muốn là gì? Gia tăng doanh số bán hàng hay mang lại truyền tải những nội dung có ý đồ tới end-user – là những người sẽ tiếp cận và sử dụng website? Mọi câu hỏi này sẽ cùng dẫn đến một thứ, đó là content – nội dung nằm dưới lớp vỏ mà bạn đang thiết kế. Một website đẹp nhưng nội dung nhàm chán vô nghĩa sẽ giống với một cô tiểu thư sang chảnh mà bên trong rỗng tuếch, tuy nhiên một website nhiều nội dung hay ho nhưng giao diện tệ hại lại chẳng khác gì một anh mọt sách với bề ngoài lôi thôi không thể thu hút được sự chú ý của người xung quanh.<br /> <br /> Theo chủ nghĩa “content is king”, nội dung website chứa đựng sẽ quyết định cách website ấy xuất hiện trong mắt end-user. Trừ khi bạn là “khách hàng” của chính mình, trong đa số trường hợp bạn sẽ không phải là người quyết định content. Nhưng bạn sẽ là người xây dựng vẻ bề ngoài cho phần nội dung đó, bạn sẽ dựa trên nội dung để xem mình cần dùng typeface nào. Giữa bạt ngàn nội dung trên mạng, lựa chọn một typeface đúng là bước đầu khiến content của bạn nổi bật hơn trong mắt người dùng, và điều này đòi hỏi designer phải trang bị tốt kiến thức về typography – hành trang cho mỗi designer bước chân vào thế giới bạt ngàn những phông chữ. Một sự “chuẩn bị” đầy đủ bao gồm rất nhiều tiêu chí, có thể kể đến trong đó là cấu trúc các con chữ trong typeface, các style chữ khác nhau, rồi lịch sử ra đời của chúng… Khi đã nắm trong tay một “số vốn” tàm tạm rồi, ta mới tính tới chuyện khai thác chúng để làm ra một website.<br /> <br /> Đối với nhà thiết kế Massimo Vignelli, giữa hàng ngàn vạn typeface đang tồn tại, chỉ cần dùng vài cái trong số đó là đủ, số còn lại là thừa thãi không cần thiết. Và ông gây dựng sự nghiệp chỉ với 6 typeface, tạo ra vô vàn các tác phẩm ấn tượng trong suốt cuộc đời mình. Ông cho rằng đa số typeface đang tạo ra sự phân tán và những xu hướng vô nghĩa cứ thế đến rồi đi. Tư tưởng của ông cũng có ý đúng, nhưng trong thời đại ngày nay, nó chứa đựng một góc nhìn có phần khắc nghiệt. Typeface đẹp thì rất nhiều, nhưng đẹp – xấu đôi khi cũng là góc nhìn chủ quan của người xem, cái khó là phải sử dụng chúng sao cho đúng mục đích. Những bộ typeface đắt tiền, được trau chuốt tỉ mỉ từng nét serif như SangBleu Empire, khi dùng để in nội dung sách sẽ trở thành thách thức thị giác với người dùng, bởi nó sinh ra không phải để làm việc đó.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="d206939e-b05c-4907-aaa9-90f8c9c85751" height="1080" src="/sites/default/files/blog-2021/Artboard%2010.jpg" width="1920" /><br /> *Minh họa: 6 typefacé Massimo đã dùng trong cuộc đời</p> </div> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <blockquote> <p>“Typography must invite the reader into text.”, Robert Bringhurst.</p> </blockquote> </div> </div> </div> </div> <div class="item-paragraph"> <div class="container-custom"> <div class="row"> <div class="col-xl-6 offset-xl-3 col-xxl-6 offset-xxl-3"> <div class="f-text"> <hr /> <p>Chọn font cho website thực sự là một quyết định đau đầu và nó không phải là thứ xuất hiện trong đầu ta ngay lập tức không cần suy nghĩ. Những gì chúng ta thấy hay ho bắt mắt, đôi khi lại không phải là thứ người dùng cần thiết. Typography, cụ thể hơn là typeface, phải khiến người xem thực sự đọc nội dung trên site, đó là đích đến khi làm việc với font chữ. Với designer, font là công cụ, là cách ta tạo hình cho thông tin trước khi đưa tới end-user. Vậy nên, vấn đề không phải là ta nên chọn font gì, mà là ta nên chọn font gì để truyền đạt hiệu quả nội dung mong muốn.</p> <hr /> <h2>Lưu ý khi lựa chọn typeface</h2> <p><br /> <strong>• Mục đích hướng tới</strong><br /> Như đã nói ở trên, bạn phải xác định được mục đích của website bạn đang design là gì? Đó là một trang e-commerce nơi người ta đi vào với một túi tiền và đi ra với một túi đơn hàng, hay một website chỉ đơn thuần là nơi người ta vào xem hình và đọc chữ, chưa kể là bạn có muốn end-user tương tác trên website hay không. Rất nhiều designer đã xem nhẹ bước làm này, vì họ không biết rằng mỗi typeface có một đặc điểm hình thái và tính cách riêng, đôi khi một chi tiết rất nhỏ trong cấu trúc con chữ cũng ảnh hưởng tới trải nghiệm đọc của người dùng hoặc khiến họ cảm nhận sai nội dung truyền tải.<br /> <br /> <strong>• Nội dung text trên site</strong><br /> Đây là yếu tố bị nhiều designer bỏ qua và thay bằng Lorem Ipsum. Có rất nhiều bản prototype sử dụng typeface và hình ảnh rất đẹp nhưng nội dung mọi đoạn text đều là những dòng lorem ipsum vô cảm. Tốt hơn hết là hãy thay &nbsp;vào đó những dòng nội dung thật, ít nhất là có liên quan tới nội dung mà sau này khách hàng sẽ muốn hiển thị trên site. Nội dung site là gì? Thông tin báo chí, blog, thơ, văn bản nghị luận,… đều sẽ có những nội kiểu chữ phù hợp làm toát lên tinh thần của nó.<br /> <br /> <strong>• Phân loại typeface</strong><br /> Sau khi hiểu được loại content trên site là gì, bạn sẽ tiếp tục tìm kiếm nhóm chữ có thể chứa những typeface phù hợp cho nội dung đó. Nội dung trên site nói về thời kì Phục Hưng sẽ có thể cần 1 font chữ cổ điển, dùng transitional serif, khác với những site có nội dung về khoa học công nghệ, sẽ cần kiểu chữ toát lên sự hiện đại trong nhóm sans-serif, hay đôi khi khách hàng của bạn yêu cầu 1 kiểu chữ vừa cổ điển vừa thanh lịch, thì rõ ràng những font serif với chân chữ quá dày sẽ không phù hợp với yêu cầu này.<br /> <br /> <strong>• Display text hay body text</strong><br /> Bạn phải xác định được nội dung chữ hiển thị trên site với mục đích display, tác động mạnh về cảm xúc hay đây là những nội dung mang tính đọc, cung cấp hiểu biết cho end-user. Cụ thể hơn là font để đọc tốt đôi khi sẽ khác với font để khơi dậy cảm xúc tốt. Điều này được miêu tả kĩ hơn ở bài viết sau.<br /> <br /> <strong>• Đặc tính hình thái của typeface</strong><br /> Trong lúc đi tìm font, rất có thể bạn sẽ thấy 1 typeface trông rất ưng ý, nhưng rồi chợt nhận ra font này chỉ có 1 weight, hoặc 1 style. Với những typeface như vậy, việc phân cấp sẽ trở nên khó khăn và giới hạn vì chúng ta chỉ có thể thay đổi về font size và màu, không thể lựa chọn Bold hay Italic, đôi khi một số designer lựa chọn cách tăng stroke hoặc bóp méo typeface, và điều này thực sự đáng tránh, cũng như đáng trách, vì nó đã phá vỡ kết cấu của typeface gốc.<br /> <br /> Ngoài ra khi làm những giao diện liên quan đến số liệu như bảng biểu dashboard, lúc chọn font bạn cũng phải chắc chắn font này có phù hợp để phô diễn số liệu hay không. Nếu như monospace là thuật ngữ chỉ những kiểu chữ mà các kí tự trong bộ chữ có cùng chiều rộng thì tabular figures là các con số cũng có đặc tính như vậy, chiếm những khoảng space chiều ngang bằng nhau. Sử dụng tabular figures khi thiết kế bảng số liệu của bạn trở nên dễ so sánh khi end-user quét mắt qua các cột số, giúp họ lấy được data hữu dụng nhanh hơn.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="d2d5b3b1-190e-443d-9937-247d199ed74f" height="1401" src="/sites/default/files/blog-2021/Artboard%2020.jpg" width="1920" /><br /> *Minh họa: Số liệu dùng kiểu number thường và kiểu tubular figures (có đường gióng các cột số)</p> <hr /> <h2>Mỗi typeface có một câu chuyện riêng</h2> <p>Thật vậy, typeface không chỉ là tập hợp các con chữ vô tri, và việc thiết kế ra nhiều typeface khác nhau không phải công việc cho vui giải trí của các designer (ngày nay các designer làm công việc thiết kế typeface được gọi với danh từ type designer, họ được công nhận như một nhánh của thiết kế nói chung). Thông qua con chữ, các type designer sẽ cố gắng truyền tải những thông điệp và cảm xúc riêng dựa trên khung xương cấu tạo nên từng kí tự và những tiểu tiết bên lề.<br /> <br /> Mỗi chúng ta sẽ có những trải nghiệm khác nhau trong cuộc sống, mỗi trải nghiệm lại đi kèm những cảm xúc khác nhau và những hình ảnh, hành động , cảm giác có liên quan sẽ được não bộ ghi nhớ. Chúng ta biết lửa sẽ gây đau khi chạm vào, biết hoa hồng có mùi gì, biết một người có gương mặt phúc hậu hay gian ác,… đều là dựa vào những kí ức ta từng có. Chính vì thế, khi nhìn vào mỗi font chữ, ta sẽ phần nào cảm nhận được tinh thần của nó – cũng là ý đồ của tác giả bộ chữ đó, và bản thân người làm type có quy trình cũng sẽ xây dựng moodboard trước rồi mới bắt đầu quá trình tạo hình. Tinh thần biểu đạt khác nhau thì hình thái con chữ được tạo ra cũng khác nhau.<br /> <br /> Chúng ta – những người sử dụng typeface vào trong thiết kế cũng nên có một sự nhạy cảm nhất định để hiểu và cảm nhận từng typeface, từ đó lựa chọn và đưa vào trong thiết kế của mình để thông qua đó truyền tải được cảm xúc, tinh thần ta muốn. Quá trình này có phần đi ngược lại công việc của các type designer: họ dùng cảm xúc, trải nghiệm như nguyên liệu để tạo ra type, còn chúng ta dùng type để kích thích não bộ end-user sản sinh ra những cảm xúc mà ta muốn. Ví dụ như khi muốn thể hiện sự khỏe khoắn vững chãi, ta sẽ tìm trong kho font của mình những kiểu chữ có đặc điểm thể hiện điều đó như nét dày, dáng chữ vững vàng khỏe khoắn, khiến cảm xúc của ta khi nhìn vào đó giống như nhìn vào các block dày dặn, chắc chắn, dễ liên tưởng tới những hình ảnh cho cảm giác tương đương như tòa nhà, khối hộp lập phương, … Nếu khách hàng của bạn yêu cầu thêm tính từ hiện đại, ta sẽ nghĩ đầu tiên tới các font sans-serif, còn hiện đại ở mức độ nào thì sẽ cân nhắc trong các bước tiếp theo, có thể xét tới tương phản nét cao hay thấp, độ mở các kí tự có khoảng hở như thế nào, có yếu tố đặc biệt gì khác hay không, vv…</p> <p><img alt="" data-entity-type="file" data-entity-uuid="78c53e8c-a886-4f70-b074-4cf031679809" height="1081" src="/sites/default/files/blog-2021/Artboard%2030.jpg" width="1920" /><br /> *Minh họa: Cách nhà thiết kế Aldo Novarese nhìn nhận mối liên hệ giữa kiến trúc và hình thái con chữ</p> <p>Phân tích hình minh họa trên, ta còn cảm thấy được typeface và kiến trúc có sự ảnh hưởng bởi yếu tố lịch sử. Thời kì đầu, con người ta khắc kí tự lên đá, lên gỗ, lên bản kim loại, những người thợ thủ công đã vô tình tạo ra serif ở cuối mỗi nét chạm (chứ không phải serif được tạo ra để hình thành đường line dẫn dắt flow đọc như nhiều người nhầm tưởng). Sau đó, thời kì Baroque với những hoa văn chi tiết đã ảnh hưởng lên typography ở kiểu chữ blackletter được sử dụng rất nhiều trong việc ghi chép và truyền bá Kinh Thánh. Đến thời kì hiện đại, mọi thứ trở nên đơn giản hơn, serif không còn, những con chữ cũng vững vàng như các tòa nhà lớn. Với mỗi thời kì khác nhau, con người sẽ có những cảm nhận khác nhau về thế giới xung quanh mình, nên xu hướng thiết kế và sử dụng typography cũng thay đổi theo thời gian. Ở thời hiện đại, con người đã đi qua hàng ngàn năm lịch sử, trải qua bao nhiêu thời kì, và số lượng typeface ngày càng gia tăng, tích tụ lại trong suốt khoảng thời gian đó. Khi đi vào lựa chọn typeface, chúng ta cũng dựa vào các tính từ do brief mang lại và nhiều hình ảnh liên quan được thu thập trong quá trình xây dựng moodboard cho tổng thể thiết kế để tìm ra typeface phù hợp.</p> <h4><img alt="" data-entity-type="file" data-entity-uuid="4ebb4154-4f8b-45bd-952d-e546c5820fd0" height="1080" src="/sites/default/files/blog-2021/Artboard%2040.jpg" width="1920" /><br /> *Minh họa: Moodboard 1 số nhóm tính từ+hình ảnh liên quan tới typeface (số lượng: vài nhóm)</h4> <hr /> <h2>Sử dụng công cụ hỗ trợ tìm font</h2> <p>Trong quá trình làm việc, đôi khi ta không thể đủ trải nghiệm cũng như cảm nhận để tìm ra typeface phù hợp, nhưng bài toán đặt ra của khách thì không thể bỏ qua được. Chính vì thế, ta sẽ sử dụng các công cụ có sẵn để có thêm gợi ý, hoặc sử dụng luôn những gợi ý đó vào thiết kế của mình. Tiêu biểu trong số đó là Myfonts.com.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="45a05bc7-969d-4f68-ad3b-c32a4efc7681" height="1081" src="/sites/default/files/blog-2021/Artboard%2050.jpg" width="1920" /><br /> *Minh họa: giao diện myfonts</p> <p>Myfonts cung cấp các bộ lọc về kiểu chữ serif, sans serif, slab serif, handwritten… là các phân loại chữ hay gặp. Đi vào trong từng phân loại cụ thể sẽ có thêm các tag gợi ý là các tính từ miêu tả typeface hoặc mục đích sử dụng của typeface. Ngoài ra còn có sidebar bộ lọc về hình thái vật lí và các tùy chọn nâng cao như ligatures, kerning, spacing, …. Và ngôn ngữ mà typeface hỗ trợ.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="2d5e1a3c-6ff2-4a20-8494-b7dd92e1db69" height="1080" src="/sites/default/files/blog-2021/Artboard%2060.jpg" width="1920" /><br /> *Minh họa: Giao diện google fonts.</p> <p>Ngoài ra còn một font provider vô cùng quen thuộc là google font. Tuy không hỗ trợ mạnh mẽ về bộ lọc như myfonts nhưng google font có một ưu điểm cực lớn đó là kho thư viện này hoàn toàn miễn phí cho cả mục đích sử dụng cá nhân lẫn thương mại, ngoài ra điểm cộng cực lớn là googlefont còn hiển thị gợi ý ghép nối các cặp font để người dùng dễ dàng lựa chọn. Tuy không thực sự quá xuất sắc nhưng tính năng này sẽ giúp các designer mới vào nghề hoặc người dùng không chuyên tiết kiệm được thời gian và nắm được một số cặp typeface có thể kết hợp tốt với nhau.</p> <hr /> <h3>Lời kết</h3> <p>Lựa chọn typeface phù hợp là công việc mà những người làm design như chúng ta chắc chắn sẽ gặp lại nhiều lần. Tìm ra bộ typeface thỏa mãn được yêu cầu cá nhân của designer đồng thời giải quyết được bài toán của khách hàng là điều không hề đơn giản. Chúng tôi xin gửi tới các độc giả bài viết này như phần đầu của cuốn cẩm nang nhỏ các bạn mang theo khi bước chân vào thế giới của những con chữ trong thiết kế, để các bạn chơi typeface thật vui, có định hướng rõ ràng hơn khi lựa chọn typeface cho mình. Nhưng chọn typeface mới chỉ là bước đầu của công việc, trong bài viết tiếp theo, chúng tôi sẽ đưa ra cách để có những kết hợp font ưng ý. Cùng chờ nhé!<br /> &nbsp;</p> <p><strong>Đọc tiếp:&nbsp;<a href="https://beau.vn/vi/goc-nhin/series-typography-trong-quy-trinh-xay-dung-trai-nghiem-so-2-ket-hop-typeface"><em>Series: Typography trong quy trình xây dựng trải nghiệm số #2 Kết hợp typeface</em></a></strong></p> </div> </div> </div> </div> </div> <div class="field field--name-field-other-articles field--type-entity-reference field--label-above"> <div class="field__items"> <a href="/vi/goc-nhin/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui" hreflang="vi">Những nguyên tắc Gestalt - Khai thác quy luật thị giác trong thiết kế UI </a> <a href="/vi/goc-nhin/tam-ly-hoc-mau-sac-va-ung-dung-trong-thiet-ke" hreflang="vi">Tâm lý học Màu sắc và ứng dụng trong thiết kế</a> <a href="/vi/goc-nhin/phuong-phap-design-sprints-cho-dinh-vi-thuong-hieu" hreflang="vi">Phương Pháp Design Sprints cho Định Vị Thương Hiệu</a> <a href="/vi/goc-nhin/creative-agency-model-kham-pha-cac-mo-hinh-agency-sang-tao-moi" hreflang="vi">Creative Agency Model - Khám phá các mô hình Agency sáng tạo mới</a> <a href="/vi/goc-nhin/kiem-soat-thiet-ke-cua-ban-voi-goc-nhin-truc-z-trong-thiet-ke-phang" hreflang="vi">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 </a> <a href="/vi/goc-nhin/he-thong-luoi-trong-thiet-ke-website-tu-nguyen-ly-den-thuc-tien" hreflang="vi">Hệ thống lưới trong thiết kế website - Từ nguyên lý đến thực tiễn</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Sun, 29 Aug 2021 18:20:49 +0000 Neo 163 at http://beau.vn