digital design http://beau.vn/vi vi 4 lầm tưởng về thiết kế trải nghiệm số - Digital Experience http://beau.vn/vi/lam-tuong-ve-thiet-ke-trai-nghiem-so-digital-experience <span class="field field--name-title field--type-string field--label-hidden">4 lầm tưởng về thiết kế trải nghiệm số - Digital Experience</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">T6, 03/01/2024 - 10:09</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <p><span id="cke_bm_731S" style="display: none;"> </span></p> <p>Trong vài năm qua, ngày càng nhiều các công ty cố gắng thay đổi cách mà họ tương tác với khách hàng. Có lẽ xu hướng lớn nhất chính là thay vì có vài kênh giao tiếp, giờ đây doanh nghiệp muốn có một mối quan hệ xuyên suốt với người dùng.</p> <p>Ví dụ, lúc trước, khách hàng chỉ có thể tương tác với ngân hàng khi đến chi nhánh. Còn giờ, online và mobile app tạo nên sự kết nối liền mạch của mô hình banking omni-channel. Hoặc với ngành y tế, bệnh nhân thường chữa bệnh tại nhà mà không có sự giúp đỡ. Giờ đây, họ có thể sử dụng đồng hồ thông minh như Apple Watch, cung cấp thông tin sức khỏe 24/07 để được phân tích và thúc đẩy các hành vi tốt.</p> <a href="/vi/thiet-ke-ux" hreflang="vi">Thiết kế UX</a> <a href="/vi/digital-design" hreflang="vi">digital design</a> <a href="/vi/digital-transformation" hreflang="vi">digital transformation</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2024-03/cover.jpg" alt="4 lầm tưởng về thiết kế trải nghiệm số - Digital Experience"> </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>Các chiến lược thiết kế trải nghiệm số - digital experience được kết nối hiệu quả sẽ trở thành một nguồn lợi thế cạnh tranh mới đầy sức mạnh.</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/so-do-dong-cam-empathy-map">Sơ đồ đồng cảm (Empathy map): Phương pháp cải thiện trải nghiệm số <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui">Tổng quan về Digital Design — Giới thiệu về UX &amp; UI <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/kien-thuc-co-ban-digital-design">Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ <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>Trong vài năm qua, ngày càng nhiều các công ty cố gắng thay đổi cách mà họ tương tác với khách hàng. Có lẽ xu hướng lớn nhất chính là thay vì có vài kênh giao tiếp, giờ đây doanh nghiệp muốn có một mối quan hệ xuyên suốt với người dùng.</p> <p>Ví dụ, lúc trước, khách hàng chỉ có thể tương tác với ngân hàng khi đến chi nhánh. Còn giờ, online và mobile app tạo nên sự kết nối liền mạch của mô hình banking omni-channel. Hoặc với ngành y tế, bệnh nhân thường chữa bệnh tại nhà mà không có sự giúp đỡ. Giờ đây, họ có thể sử dụng đồng hồ thông minh như Apple Watch, cung cấp thông tin sức khỏe 24/07 để được phân tích và thúc đẩy các hành vi tốt.</p> <p><img alt="thiết kế trải nghiệm số - Digital Experience" data-entity-type="file" data-entity-uuid="33342155-35b5-4f32-95d0-780d7b821e6d" height="800" src="/sites/default/files/Mo%CC%9B%CC%89%20%C4%91a%CC%82%CC%80u.jpg" width="1200" /></p> <p>Về cơ bản, một doanh nghiệp có 4 cách để khiến trải nghiệm khách hàng trở nên kết nối hơn, đó là:</p> <ul> <li><strong>Rút ngắn hành trình sử dụng</strong>: Lược bỏ các khâu về đặt hàng, thanh toán, vận chuyển để khách hàng có ngay điều mình cần. Ví dụ: Bạn mua sách và được gửi một bản digital đến Kindle.</li> <li><strong>Đưa ra lựa chọn cá nhân hoá</strong>: Giúp khách hàng hiểu và chọn sản phẩm phù hợp nhất nhanh chóng. Ví dụ: Gợi ý phim để xem của Netflix luôn dựa trên dữ liệu về sở thích của người dùng.</li> <li><strong>Hỗ trợ người dùng theo nhu cầu</strong>: Hỗ trợ người dùng nhận ra nhu cầu một cách hiệu quả hơn. Ví dụ: Một chiếc ô tô thông minh có thể đưa ra phản hồi theo thời gian thực về cách lái xe của người dùng và đưa ra hướng dẫn cải thiện.</li> <li><strong>Xử lý vấn đề tự động</strong>: Phát hiện và giải quyết vấn đề của người dùng trước cả khi họ nhận ra. Ví dụ: Một chiếc máy in tự đặt đơn bổ sung mực khi sắp hết mà không cần người dùng kiểm tra.</li> </ul> <p>Nghe thật tuyệt đúng không? Nhưng thiết kế một trải nghiệm kỹ thuật số liền mạch như vậy không hề đơn giản, nhất là khi bạn phải quyết định cách triển khai, đối tượng cần nhắm tới, và tính toán các tài nguyên cần thiết.&nbsp;</p> <p>Đây là khi doanh nghiệp thường mắc sai lầm và khiến cho dự án trở nên phức tạp hơn cần thiết, dẫn đến sự chảy máu về ngân sách, nhân lực, thời gian, và thậm chí là sự sụp đổ.</p> <p>Hãy cùng xem 4 lầm tưởng mà một công ty thường gặp phải khi muốn thiết kế một trải nghiệm số liền mạch.</p> <h2>4 lầm tưởng về thiết kế trải nghiệm số - <a href="https://beau.vn/vi/kien-thuc-co-ban-digital-design" target="_blank">digital experience</a></h2> <h3>Lầm tưởng 1: Càng kết nối với khách hàng thì càng tốt</h3> <p>Để rút ngắn hành trình sử dụng, rõ ràng là ta cần bỏ bớt các rào cản và giải quyết các pain point. Khách hàng cũng nên có thể tương tác dễ dàng để xử lý những khúc mắc nhanh chóng.</p> <p>Nhưng nhược điểm nằm ở gánh nặng mà hệ thống chăm sóc khách hàng cần chống đỡ.</p> <p>Một ví dụ tiêu biểu là hệ thống y tế. Lúc trước, mọi bệnh nhân đều phải đợi rất lâu để đến lượt thăm khám, dẫn đến ngại qua bệnh viện. Giờ đây, họ có thể nhắn tin trực tiếp cho bác sĩ, gọi video, và nhận kết quả thuốc hoặc liệu trình chỉ trên điện thoại.&nbsp;</p> <p>Vấn đề nằm ở chỗ nhu cầu bệnh nhân tăng, nhưng số lượng bác sĩ tư vấn thì có hạn. Nếu lúc trước, các bác sĩ chỉ cần khám bệnh trong giờ hành chính, giờ đây họ có thể kiệt sức vì phải trả lời người bệnh trên nhiều kênh hơn, ở nhiều khung giờ hơn.</p> <p>Câu chuyện này cũng lặp lại ở các ngành như tài chính, bảo hiểm, công nghệ, thời trang, F&amp;B, những nơi mà sự hài lòng của khách hàng là tối quan trọng.&nbsp;</p> <p>Liệu doanh nghiệp bạn đã đủ nguồn lực để cung cấp sự chăm sóc như vậy? Và bạn sẽ làm gì khi nhân viên kiệt sức vì sự kết nối “liền mạch” này với người dùng?</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/so-do-dong-cam-empathy-map" target="_blank">Sơ đồ đồng cảm (Empathy map): Phương pháp cải thiện trải nghiệm số</a></strong></p> <h3>Lầm tưởng 2: Càng thu thập được nhiều dữ liệu về khách hàng thì càng tốt</h3> <p><img alt="Lầm tưởng 2: Càng thu thập được nhiều dữ liệu về khách hàng thì càng tốt" data-entity-type="file" data-entity-uuid="c82f684b-28dc-4c91-8bf3-0806e4fb683b" height="800" src="/sites/default/files/Ca%CC%80ng%20thu%20tha%CC%A3%CC%82p%20%C4%91u%CC%9Bo%CC%9B%CC%A3c%20nhie%CC%82%CC%80u%20du%CC%9B%CC%83%20lie%CC%A3%CC%82u%20ve%CC%82%CC%80%20kha%CC%81ch%20ha%CC%80ng%20thi%CC%80%20ca%CC%80ng%20to%CC%82%CC%81t.jpg" width="1200" /></p> <p>Các doanh nghiệp có thể thu thập data rất dễ dàng, nhưng nhiều khi lại không biết nên làm gì với chúng. Một vài thậm chí còn bán dữ liệu khách hàng để kiếm thêm, thật sự là một hành động vô nhân đạo.</p> <p>Do đó, hãy làm quen với dữ liệu nhỏ trước khi đi tới “big data”. Thu thập nhiều thông tin không đồng nghĩa với thấu hiểu khách hàng. Bạn cần thực sự hiểu hành trình và khó khăn họ gặp phải, sau đó mới quyết định dữ liệu nào là cần thiết để giúp họ.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/lam-sao-de-thiet-ke-tim-duoc-toi-insight" target="_blank">Làm sao để thiết kế tìm được tới insight?</a></strong></p> <h3>Lầm tưởng 3: Sự kết nối các nền tảng là tính năng mà khách hàng muốn</h3> <p>Những chiếc xe ô tô thông minh ngày nay thường có cần gạt nước tự động khi cảm nhận được mưa và điều khiển bằng máy tính bảng. Đây là một phát kiến tuyệt vời để tinh giản thiết kế, giảm các nút bấm, và tiết kiệm chi phí sản xuất.</p> <p>Nhưng đó là câu chuyện với các mẫu xe mới như Tesla, khi thiết kế trải nghiệm digital đã có từ trong trứng. Còn với các thương hiệu lâu đời, đây lại trở thành hạn chế. Bạn có biết rằng cần gạt nước trên Mercedes có thể được kích hoạt bằng nút bấm, màn hình chạm, giọng nói, và kể cả tự động? Điều này tạo nên một sự phức tạp không cần thiết cho cả người dùng và doanh nghiệp.</p> <p>Tương tự với ngành tài chính, các Neo bank mới có thể tạo ra trải nghiệm mới hoàn toàn trên digital, nhưng các ngân hàng lâu đời hơn thì cần cân nhắc cẩn thận, do mọi kênh đều có các khách hàng trung thành đã thích cách làm cũ hơn.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui" target="_blank">Tổng quan về Digital Design — Giới thiệu về UX &amp; UI</a></strong></p> <h3>Lầm tưởng 4: Thiết kế trải nghiệm xuyên suốt chỉ dành cho khách hàng</h3> <h3><img alt="" data-entity-type="file" data-entity-uuid="74e00abb-3532-4f93-af0f-109e4405eeca" height="800" src="/sites/default/files/Thie%CC%82%CC%81t%20ke%CC%82%CC%81%20tra%CC%89i%20nghie%CC%A3%CC%82m%20xuye%CC%82n%20suo%CC%82%CC%81t%20chi%CC%89%20da%CC%80nh%20cho%20kha%CC%81ch%20ha%CC%80ng.jpg" width="1200" /></h3> <p>Các trải nghiệm xuyên suốt thường được thiết kế cho khách hàng bên ngoài, nhưng ngay chính các nhân viên cũng sẽ có lợi ích lớn với mô hình này.</p> <p>Ví dụ, các phòng IT hỗ trợ thường ngồi đợi nhân viên đến trình bày yêu cầu, như là về phần mềm và phần cứng. Lúc này, nếu may mắn, tài nguyên sẽ có sẵn, còn không thì tất cả đều phải đợi. Việc có sự kết nối tốt hơn qua công nghệ sẽ giúp dự đoán các nhu cầu, cân bằng khối lượng công việc, và giúp phản hồi nội bộ hiệu quả hơn.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/mang-xa-hoi-noi-bo-cho-doanh-nghiep" target="_blank">Phát triển mạng xã hội nội bộ cho doanh nghiệp để gia tăng hiệu suất làm việc</a></strong></p> <h2>Kết</h2> <p>Cuối cùng thì, câu hỏi của các doanh nghiệp đã không còn là: “Ta có nên xây dựng một trải nghiệm liền mạch không?” mà đã thành là: “Bằng cách nào?”. Khi thiết kế một trải nghiệm kỹ thuật số xuyên suốt thành công, công nghệ chỉ là một phần của đáp án.</p> <p>Nếu bạn muốn có lợi thế cạnh tranh, hãy tìm hiểu sâu và đảm bảo giải pháp của mình phù hợp với nhu cầu của khách hàng.&nbsp;<br /> &nbsp;</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/website-tap-doan-co-nen-xay-dung-nhieu-web-cho-moi-doanh-nghiep-thanh-vien" hreflang="vi">Website tập đoàn: Có nên xây dựng nhiều web cho mỗi doanh nghiệp thành viên?</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/tuong-lai-cua-trai-nghiem-giao-duc-dua-yeu-to-game-vao-thiet-ke" hreflang="vi">Tương lai của trải nghiệm giáo dục: Đưa yếu tố game vào thiết kế</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Fri, 01 Mar 2024 03:09:32 +0000 content2 403 at http://beau.vn Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ http://beau.vn/vi/kien-thuc-co-ban-digital-design <span class="field field--name-title field--type-string field--label-hidden">Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ</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">T2, 08/08/2022 - 17:01</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <p>Ngày nay, khi chúng ta nói về graphic design chúng ta sẽ nghĩ tới in ấn, trong khi digital design là những thiết kế được hiển thị trên thiết bị điện tử. Tuy nhiên, hai phạm trù ấy vẫn có những điểm chung và thường xuyên phải kết hợp trong nhiều dự án. Để đáp ứng nhu cầu, nhiều graphic designer ngày nay cũng sẽ biết cả digital design. Để hiểu rõ hơn, chúng ta sẽ tìm hiểu về công việc của các digital designer qua bài viết này.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="195a16ce-cbd5-4f2f-8e35-9b41afe119c0" height="800" src="/sites/default/files/kien-thuc-co-ban-digital-design-1.jpg" width="1200" loading="lazy" /></p> <h2>CÁC THUẬT NGỮ CỦA DIGITAL DESIGN</h2> <h3>UX design</h3> <p>Trải nghiệm người dùng (UX) là một phần lớn và thú vị của thiết kế. Chỉ riêng nó có thể tạo ra mọt khác biệt, quyết định thành công hoặc thất bại của sản phẩm. UX bao gồm tất cả những cảm xúc và tương tác mà người dùng có với một sản phẩm hoặc dịch vụ.</p> <p>Việc thiết kế trải nghiệm người dùng là tham gia vào tất cả các bước mà người dùng có thể có với sản phẩm để xác định trải nghiệm của họ. Nó bao gồm các công việc như nghiên cứu, thiết kế và phát triển sản phẩm, để tạo ra trải nghiệm tối ưu nhất cho khách hàng.</p> <h3>UI design</h3> <p>Giao diện người dùng (UI) luôn song hành với trải nghiệm người dùng. Nếu trải nghiệm người dùng là trải nghiệm chúng ta có với sản phẩm thì giao diện người dùng là thiết kế của sản phẩm. Giao diện người dùng bao gồm các nút, text, hình ảnh, cùng mọi thứ hiển thị trên sản phẩm. Mục tiêu của nó là đảm bảo sản phẩm mà chúng ta phát triển không chỉ có thiết kế đẹp mà còn là phục vụ những mục tiêu cụ thể về nhận diện, thương hiệu.</p> <h3>IA (Information Architecture)</h3> <p>Cấu trúc thông tin là cách nội dung thông tin được sắp xếp và tổ chức trên một trang. IA tập trung tạo một cấu trúc nội dung tối ưu nhất cho người dùng dễ dàng  được điều hướng và tìm thấy bất cứ thông tin gì họ cần.</p> <h2>NHỮNG KIỂU DIGITAL DESIGNER</h2> <h3>Graphic designers</h3> <p>Như đã đề cập, graphic design thường liên quan tới in ấn, những nó cũng là thuật ngữ được sử dụng cho nhiều công việc thiết kế khác. Trong giới hạn bài viết này, chúng ta có thể coi graphic designer cũng là digital designer. Họ là những người thế kế những thiết kế tĩnh như logo, inforgraphic, minh họa, etc.</p> <h3>Web designers</h3> <p>Công việc của web designer là thiết kế giao diện cho các website. Kiến thức của họ tập trung vào UX/UI, layout, typography, màu sắc và mọi element xuất hiện trên website.</p> <h3>Mobile designers</h3> <p>Để trở thành mobile designer, bạn cần nhận thức về cách người dùng sử dụng thiết bị di động của họ, đồng thời, bạn cũng cần cập nhật những xu hướng công nghệ mới. Vì thiết bị di động có nhiều hệ điều hành cùng nhiều kích thước màn hình khác nhau, hiểu sự phức tạp ấy là điều quan trọng đối với mobile designer.</p> <h3>UX designers</h3> <p>UX designer chủ yếu tập trung vào những câu hỏi tại sao, cái gì và như thế nào, để hiểu động lực, hành vi và thói quen của người dùng. Họ thường xuyên thực hiện các nghiên cứu về người dùng, kiểm tra khả năng sử dụng và tính năng của sản phẩm.</p> <h3>UI designers</h3> <p>UI designer là những người thiết kế những giao diện của các thiết kế digital. Họ thường là những người tạo ra các hệ thống thiết kế để quy định về cách các element được sử dụng trên các giao diện website, ứng dụng nhằm cho thiết kế của những sản phẩm ấy được thống nhất.</p> <h3>Product designers</h3> <p>Đây là một vai trò mới trong ngành. Trong nhiều công ty, vai trò này gắn chặt với UX designer, tuy nhiên, công việc của họ không chỉ xoay quanh trải nghiệm người dùng. Họ là những người quyết định sản phẩm nên hoạt động như thế nào, hay nó nên cung cấp gì cho người dùng.</p> <h3>Interaction designers</h3> <p>Công việc của interaction designer là tham gia xây dựng một trải nghiệm tối ưu hơn khi người dùng trải nghiệm các sản phẩm như website hay ứng dụng. Một ví dụ đơn giản là khi người dùng tìm một nút trên giao diện, interaction designer đảm bảo nó phải được hiển thị một cách trực quan, cho người dùng dễ dàng nhận biết.</p> <h3>Animation designers</h3> <p>Công việc của họ nằm giữa graphic desgn và video editing. Animation designer tạo những đồ họa chuyển động phù hợp cho yêu cầu của các thiết kế digital, ví dụ như những chuyển động chuyển trang, di chuyển hoặc thay đổi hình dạng element.</p> <h2>CỘNG CỤ NÀO DIGITAL DESIGNERS SỬ DỤNG?</h2> <h3>Adobe Creative Cloud</h3> <p>Adobe là cái tên quen thuộc trong thế giới digital. Họ là công ty cung cấp phầm mềm thiết kế lâu đời. Dù giá của các phầm mềm này tương tối đắt nhưng bởi sự hữu dụng, họ cũng không thể bị thay thế. Adobe có rất nhiều phần mềm phục vụ cho nhiều mục đích thiết kế khác nhau, một số phềm mềm phổ biến có thể nhắc tới như Adobe Illustrator, Adobe Photoshop, Adobe InDesign, Adobe After Effects và Adobe XD.</p> <h3>GIMP</h3> <p>Nếu bạn mới bắt đầu tìm hiểu về thiết kế, các công cụ của Adobe có thể khiến bạn choáng ngợp, bối rối khi sử dụng. Tuy nhiên, với một giao diện đơn gian, GIMP sẽ khiến việc tìm hiểu và sử dụng dễ dàng hơn rất nhiều. Đồng thời, với mức giá phải chăng, nó cũng sẽ là lựa chọ hợp lý cho những beginner.</p> <h3>Sketch</h3> <p>Trong nhiều năm, Sketch đã là lựa chọn hàng đầu của nhiều interface designer. Những người dùng Sketch chủ yếu là UX/UI designer, dùng để thiết kế website hoặc mobile app. Tuy nhiên, Sketch chỉ tích hợp trên các thiết bị của Apple.</p> <h3>Figma</h3> <p>Figma, giống như Adobe XD, họ cung cấp một bản miễn phí với đầy đủ tính năng. Về công năng, nó là một web app có hiệu suất nhanh hơn hẳn so với Sketch và các công cụ tương tự. Bên cạnh đó, nó chạy trên mọi hệ điều hành.</p> <a href="/vi/digital-design" hreflang="vi">digital design</a> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung" hreflang="vi">UX/UI</a> <a href="/vi/designer" hreflang="vi">Designer</a> <a href="/vi/digital-agency" hreflang="vi">Digital agency</a> <a href="/vi/thiet-ke" hreflang="vi">thiết kế</a> <a href="/vi/thiet-ke-giao-dien" hreflang="vi">thiết kế giao diện</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2022-08/kien-thuc-co-ban-digital-design-cover.jpg" alt="Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ"> </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>Digital design đã trở thành một phạm trù thiết kế không thể thiếu trong bối cảnh hiện đại, nhưng liệu bạn đã biết tất cả các kiến thức liên quan chưa? Bài viết này sẽ đem đến cho bạn những khái niệm đó một cách ngắn gọn nhấ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/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui">Tổng quan về Digital Design — Giới thiệu về UX &amp; UI <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/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> </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>Ngày nay, khi chúng ta nói về graphic design chúng ta sẽ nghĩ tới in ấn, trong khi digital design là những thiết kế được hiển thị trên thiết bị điện tử. Tuy nhiên, hai phạm trù ấy vẫn có những điểm chung và thường xuyên phải kết hợp trong nhiều dự án. Để đáp ứng nhu cầu, nhiều graphic designer ngày nay cũng sẽ biết cả digital design. Để hiểu rõ hơn, chúng ta sẽ tìm hiểu về công việc của các digital designer qua bài viết này.</p> <p><img alt="Kiến thức cơ bản về digital design" data-entity-type="file" data-entity-uuid="195a16ce-cbd5-4f2f-8e35-9b41afe119c0" height="800" src="/sites/default/files/kien-thuc-co-ban-digital-design-1.jpg" width="1200" /></p> <h2>Các thuật ngữ của digital design</h2> <h3>UX design</h3> <p>Trải nghiệm người dùng (UX) là một phần lớn và thú vị của thiết kế. Chỉ riêng nó có thể tạo ra mọt khác biệt, quyết định thành công hoặc thất bại của sản phẩm. UX bao gồm tất cả những cảm xúc và tương tác mà người dùng có với một sản phẩm hoặc dịch vụ.</p> <p>Việc thiết kế trải nghiệm người dùng là tham gia vào tất cả các bước mà người dùng có thể có với sản phẩm để xác định trải nghiệm của họ. Nó bao gồm các công việc như nghiên cứu, thiết kế và phát triển sản phẩm, để tạo ra trải nghiệm tối ưu nhất cho khách hàng.</p> <h3>UI design</h3> <p>Giao diện người dùng (UI) luôn song hành với trải nghiệm người dùng. Nếu trải nghiệm người dùng là trải nghiệm chúng ta có với sản phẩm thì giao diện người dùng là thiết kế của sản phẩm. Giao diện người dùng bao gồm các nút, text, hình ảnh, cùng mọi thứ hiển thị trên sản phẩm. Mục tiêu của nó là đảm bảo sản phẩm mà chúng ta phát triển không chỉ có thiết kế đẹp mà còn là phục vụ những mục tiêu cụ thể về nhận diện, thương hiệu.</p> <h3>IA (Information Architecture)</h3> <p>Cấu trúc thông tin là cách nội dung thông tin được sắp xếp và tổ chức trên một trang. IA tập trung tạo một cấu trúc nội dung tối ưu nhất cho người dùng dễ dàng&nbsp; được điều hướng và tìm thấy bất cứ thông tin gì họ cần.</p> <h2>Những kiểu digital designer</h2> <h3>Graphic designers</h3> <p>Như đã đề cập, graphic design thường liên quan tới in ấn, những nó cũng là thuật ngữ được sử dụng cho nhiều công việc thiết kế khác. Trong giới hạn bài viết này, chúng ta có thể coi graphic designer cũng là digital designer. Họ là những người thế kế những thiết kế tĩnh như logo, inforgraphic, minh họa, etc.</p> <h3>Web designers</h3> <p>Công việc của web designer là thiết kế giao diện cho các website. Kiến thức của họ tập trung vào UX/UI, layout, typography, màu sắc và mọi element xuất hiện trên website.</p> <h3>Mobile designers</h3> <p>Để trở thành mobile designer, bạn cần nhận thức về cách người dùng sử dụng thiết bị di động của họ, đồng thời, bạn cũng cần cập nhật những xu hướng công nghệ mới. Vì thiết bị di động có nhiều hệ điều hành cùng nhiều kích thước màn hình khác nhau, hiểu sự phức tạp ấy là điều quan trọng đối với mobile designer.</p> <h3>UX designers</h3> <p>UX designer chủ yếu tập trung vào những câu hỏi tại sao, cái gì và như thế nào, để hiểu động lực, hành vi và thói quen của người dùng. Họ thường xuyên thực hiện các nghiên cứu về người dùng, kiểm tra khả năng sử dụng và tính năng của sản phẩm.</p> <h3>UI designers</h3> <p>UI designer là những người thiết kế những giao diện của các thiết kế digital. Họ thường là những người tạo ra các hệ thống thiết kế để quy định về cách các element được sử dụng trên các giao diện website, ứng dụng nhằm cho thiết kế của những sản phẩm ấy được thống nhất.</p> <h3>Product designers</h3> <p>Đây là một vai trò mới trong ngành. Trong nhiều công ty, vai trò này gắn chặt với UX designer, tuy nhiên, công việc của họ không chỉ xoay quanh trải nghiệm người dùng. Họ là những người quyết định sản phẩm nên hoạt động như thế nào, hay nó nên cung cấp gì cho người dùng.</p> <h3>Interaction designers</h3> <p>Công việc của interaction designer là tham gia xây dựng một trải nghiệm tối ưu hơn khi người dùng trải nghiệm các sản phẩm như website hay ứng dụng. Một ví dụ đơn giản là khi người dùng tìm một nút trên giao diện, interaction designer đảm bảo nó phải được hiển thị một cách trực quan, cho người dùng dễ dàng nhận biết.</p> <h3>Animation designers</h3> <p>Công việc của họ nằm giữa graphic desgn và video editing. Animation designer tạo những đồ họa chuyển động phù hợp cho yêu cầu của các thiết kế digital, ví dụ như những chuyển động chuyển trang, di chuyển hoặc thay đổi hình dạng element.</p> <h2>Công cụ nào được sử dụng bởi digital designer</h2> <h3>Adobe Creative Cloud</h3> <p>Adobe là cái tên quen thuộc trong thế giới digital. Họ là công ty cung cấp phầm mềm thiết kế lâu đời. Dù giá của các phầm mềm này tương tối đắt nhưng bởi sự hữu dụng, họ cũng không thể bị thay thế. Adobe có rất nhiều phần mềm phục vụ cho nhiều mục đích thiết kế khác nhau, một số phềm mềm phổ biến có thể nhắc tới như Adobe Illustrator, Adobe Photoshop, Adobe InDesign, Adobe After Effects và Adobe XD.</p> <h3>GIMP</h3> <p>Nếu bạn mới bắt đầu tìm hiểu về thiết kế, các công cụ của Adobe có thể khiến bạn choáng ngợp, bối rối khi sử dụng. Tuy nhiên, với một giao diện đơn gian, GIMP sẽ khiến việc tìm hiểu và sử dụng dễ dàng hơn rất nhiều. Đồng thời, với mức giá phải chăng, nó cũng sẽ là lựa chọ hợp lý cho những beginner.</p> <h3>Sketch</h3> <p>Trong nhiều năm, Sketch đã là lựa chọn hàng đầu của nhiều interface designer. Những người dùng Sketch chủ yếu là UX/UI designer, dùng để thiết kế website hoặc mobile app. Tuy nhiên, Sketch chỉ tích hợp trên các thiết bị của Apple.</p> <h3>Figma</h3> <p>Figma, giống như Adobe XD, họ cung cấp một bản miễn phí với đầy đủ tính năng. Về công năng, nó là một web app có hiệu suất nhanh hơn hẳn so với Sketch và các công cụ tương tự. Bên cạnh đó, nó chạy trên mọi hệ điều hà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/hinh-khoi-trong-thiet-ke-web-tam-ly-hoc-va-nhan-thuc-thi-giac" hreflang="vi">Hình khối trong Thiết kế Web: Tâm lý học và Nhận thức thị giác</a> <a href="/vi/9-nguyen-tac-phai-biet-khi-nghien-cuu-thiet-ke-design-research" hreflang="vi">9 nguyên tắc phải biết khi nghiên cứu thiết kế (Design Research)</a> <a href="/vi/nghien-cuu-hanh-vi-nguoi-dung-bang-phuong-phap-5-tai-sao" hreflang="vi"> Nghiên cứu hành vi người dùng bằng phương pháp 5 Tại sao</a> <a href="/vi/toi-uu-ux-trai-nghiem-khach-hang-voi-so-do-hanh-trinh-khach-hang-CJM" hreflang="vi">Tối ưu CX (trải nghiệm khách hàng) với sơ đồ hành trình khách hàng (CJM)</a> <a href="/vi/designer-nen-biet-gi-ve-nhung-loai-nghien-cuu-thiet-ke" hreflang="vi">Designer cần biết gì về những loại nghiên cứu thiết kế để bắt đầu?</a> <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> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Mon, 08 Aug 2022 10:01:50 +0000 content2 245 at http://beau.vn Tổng quan về Digital Design — Giới thiệu về UX & UI http://beau.vn/vi/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui <span class="field field--name-title field--type-string field--label-hidden">Tổng quan về Digital Design — Giới thiệu về UX &amp; UI</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">T5, 06/30/2022 - 15:17</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <a href="/vi/digital-design" hreflang="vi">digital design</a> <a href="/vi/digital" hreflang="vi">digital</a> <a href="/vi/thiet-ke-so" hreflang="vi">thiết kế số</a> <a href="/vi/thiet-ke-ui" hreflang="vi">Thiết kế UI</a> <a href="/vi/thiet-ke-ux" hreflang="vi">Thiết kế UX</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2022-06/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui-cover.jpg" alt="Tổng quan về Digital Design — Giới thiệu về UX &amp; UI"> </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>Thiết kế digital đã trở thành một trong những ngành phát triển nhất và thiết kế đã không chỉ còn là thứ chúng ta thấy, mà là trải nghiệm của chúng ta trên các thiết bị.</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/hai-mat-cua-social-media-marketing-trong-xu-huong-so-hoa">Hai mặt của Social Media Marketing trong xu hướng số hoá <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/chuyen-doi-so-chia-khoa-tu-cac-nha-lanh-dao-tao-nen-tang-truong-doanh-thu-hon-5-lan">Chuyển đổi số - Chìa khoá từ các nhà lãnh đạo tạo nên tăng trưởng doanh thu hơn 5 lần <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>Thiết kế digital thường được gắn với UX, UI và vai trò của người thiết kế khi làm digital là phải để sản phẩm có thể tích hợp trên nhiều hệ điều hành, thiết bị khác nhau.&nbsp;</p> <p>Bởi sự phát triển nhanh chóng của công nghệ di động, đã biến các tương tác giữa con người và các thiết bị số trở thành một tương tác cơ bản hàng ngày. Điều ấy khiến thiết kế digital đã trở thành một trong những ngành phát triển nhất và thiết kế đã không chỉ còn là thứ chúng ta thấy, mà là trải nghiệm của chúng ta trên các thiết bị.</p> <p><img alt="Tổng quan về Digital Design" data-entity-type="file" data-entity-uuid="c9d6c7f7-5a1c-44eb-bb86-923b136651d1" height="800" src="/sites/default/files/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui-1.jpg" width="1200" /></p> <p>&nbsp;</p> <h2>Thiết kế digital là gì?</h2> <p>Về cơ bản, thiết kế digital là phần thiết kế hiển thị trên một thiết bị nhằm tương tác với con người. Hai phần chính của thiết kế digital là thiết kế trải nghiệm người dùng (UX) và thiết kế giao diện người dùng (UI). Một digital designer sẽ tạo ra nghiệm người dùng, bao gồm cả giao diện lẫn cảm xúc của sản phẩm. Thiết kế hình ảnh chỉ là một phần nhỏ trong số ấy, phần chính đó là nhu cầu của người dùng, tính tương thích giữa sản phẩm và vấn đề của người dùng và chức năng tối thiểu cần có để người dùng có thể đjat được mục tiêu của họ. Điều ấy có nghĩa là thiết kế digital liên quan rất nhiều tới kỹ thuật.</p> <p>Một sản phẩm kỹ thuật số giống như cơ thể con người, phần code sẽ là bộ xương, cho cơ thể một cấu trúc. UX sẽ là cơ quan nội tạng, giúp đo lường, tối ưu hóa và tạo ra sự sống. Trong khi, UI sẽ là da thịt, nó đại diện, tương tác với thế giới bên ngoài. Quan trọng hơn, tất cả chúng tương quan lẫn nhau và không thể hoạt động nếu thiết một trong ba thứ ấy.</p> <p><img alt="Tổng quan về Digital Design" data-entity-type="file" data-entity-uuid="d582106d-e991-40ec-9058-f392fa45c4dd" height="800" src="/sites/default/files/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui-2.jpg" width="1200" /></p> <p>&nbsp;</p> <h2>Thiết kế UX là gì?</h2> <p>Mỗi sản phẩm nào cũng bao gồm trải nghiệm người dùng tương ứng với nó, từ cốc cà phê, cái bàn, cái ghế hay cái đèn. Với vai trò là designer, chúng ta thiết kế ra sản phẩm đồng thời tạo ra trải nghiệm người dùng cho chính sản phẩm ấy. Nó không khác gì khi xét với sản phẩm digital, chúng ta tạo ra trải nghiệm, tạo sự thú vị, làm người dùng thỏa mãn, đồng thời, tạo sản phẩm tối ưu, hiệu quả.</p> <p>Khái niệm trải nghiệm người dùng (UX) lần đầu được giới thiệu bởi Donald Norman - kỹ sư điện, nhà khoa học nhận thức, kiêm kỹ sư trải nghiệm người dùng tại Apple. Ông định nghĩa, trải nghiệm người dùng là toàn bộ trải nghiệm của một người với một hệ thống, sản phẩm hoặc thiết bị. Cụ thể, nó là tương tác của họ với chất liệu, hình dạng, màu sắc, tính năng của sản phẩm ấy. Bởi vậy, trải nghiệm người dùng là yếu tố chính quyết định thành bại của một sản phẩm trên thị trường và thiết kế cần được thực hiện dựa trên nhu cầu và mục tiêu của người dùng cuối.&nbsp;</p> <p>Người dùng luôn là trung tâm của sản phẩm, mục tiêu chính mà sản phẩm được tạo ra là để đáp ứng nhu cầu, mong muốn của họ. Đó là lý do, thiết kế trải nghiệm người dùng không chỉ là đồ họa hay nghệ thuật, mà còn bao hàm cả khoa học, sinh học, tâm lý học và công nghệ. Một sản phẩm trực quan, dễ sử dụng, có thể đáp ứng mong muốn và mục tiêu của người dùng một cách dễ dàng, nhanh chóng chính là một sản phẩm có trải nghiệm tốt.</p> <p>Ngoài thiết kế, UX designer sẽ tham gia nhiều giai đoạn phát triển sản phẩm khác để hiểu và đáp ứng nhu cầu của người dùng, ví dụ như nghiên cứu người dùng, lên chiến lược cho sản phẩm. Điều này cũng nhằm mục đích có thể tạo ra một sản phẩm phù hợp với nhu cầu của thị trường. Nếu sản phẩm không phù hợp với nhu cầu và mong muốn của người dùng, có nghĩa sản phẩm ấy không có giá trị và sẽ bị loại bỏ khỏi thị trường, gây tổn thất về cả thời gian lẫn tiền bạc cho nhà phát triển. Bởi vậy, UX designer sẽ là người tạo ra giải pháp cho người dùng nhưng cung phải đáp ứng được mục tiêu kinh doanh, thông qua nhiều câu hỏi tại sao, cái gì và như thế nào:</p> <ul> <li>Tại sao người dùng chọn dùng sản phẩm?</li> <li>Mục tiêu của họ khi dùng nó là gì? Sản phẩm của chúng ta có đáp ứng chúng?</li> <li>Họ có thể đạt được những mục tiêu ấy một cách dễ dàng với sản phẩm không?</li> </ul> <p><img alt="Tổng quan về Digital Design" data-entity-type="file" data-entity-uuid="364f08f0-03ed-499d-8286-531c051f239c" height="800" src="/sites/default/files/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui-3.jpg" width="1200" /></p> <p>&nbsp;</p> <h2>Công việc chính khi thiết kế UX&nbsp;</h2> <p>Có 4 công việc chính khi xây dựng trải nghiệm người dùng là: thiết kế tương tác, cấu trúc thông tin, nghiên cứu người dùng và tạo chiến lược trải nghiệm:</p> <ul> <li>Thiết kế tương tác: Tạo một sản phẩm dễ sử dụng, điều hướng tốt. Những thứ như button, chuyển trang, animation là những phần thuộc về thiết kế tương tác.</li> <li>Cấu trúc thông tin: Sắp xếp, tổ chức thông tin theo một cách có hệ thống, rõ ràng, cho người dùng có thể hiểu và được điều hướng dễ dàng.</li> <li>Nghiên cứu người dùng: Nhằm xác định vấn đề, hiểu người dùng, từ đó có thể thiết kế ra giải pháp tối ưu.</li> <li>Chiến lược trải nghiệm: Đóng vai trò chính trong việc kết nối giữa người dùng và mục tiêu kinh doanh.</li> </ul> <h2>UI là gì?</h2> <p>Giao diện người dùng là điểm tương tác giữa người dùng và sản phẩm. Nó có thể là màn hình cảm ứng điện thoại, touchpad trên một máy bán hàng tự động, hay giao diện của các nền tảng online hay website chúng ta sử dụng. Tất cả những gì người dùng thấy và dùng để đạt được mục đích của họ với sản phẩm.</p> <p>Nhiệm vụ của UI designer là tìm hiểu nhu cầu của người dùng và đưa nó vào giao diện. Cụ thể, họ thiết kế các element đồ họa và các tương tác đáp ứng nhu cầu của nhóm khách hàng mục tiêu. Để làm được điều ấy, UI designer cần chọn ra đúng typeface, màu, đặt các nút đúng chỗ cần đặt và đảm bảo user flow hợp lý, điều hướng người dùng để họ không phải bỏ nhiều nỗ lực khi dùng sản phẩm.</p> <p><strong><em>“UX tập trung vào hành trình khách hàng nhằm giải quyết một vấn đề. Còn UI tập trung vào giao diện và chức năng của sản phẩm ấy.”</em> - Ken Norton</strong></p> <p>&nbsp;</p> <p><img alt="UI là gì?" data-entity-type="file" data-entity-uuid="b52ffc1d-3875-445b-8cbc-70090b97847d" height="800" src="/sites/default/files/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui-4.jpg" width="1200" /></p> <p>&nbsp;</p> <h2>Các yếu tố trong thiết kế UI&nbsp;</h2> <p>Trong thiết kế UI, việc chọn các element để đưa vào giao diện người dùng rất quan trọng. Khi chọn đúng, chúng sẽ giúp chúng ta điều hướng người dùng qua các trang, giúp họ đạt được mục tiêu tương ứng. Một trong những yếu tố UI phổ biến nhất là input control, hệ thống điều hướng và hệ thống thông tin.</p> <h3>1. Hệ thống điều hướng</h3> <p>Hệ thống điều hướng giúp người dùng được điều hướng qua các trang của website hoặc ứng dụng. Chúng bao gồm icon, menu, thanh tìm kiếm, chân trang, slider và tag.</p> <h3>2. Hệ thống thông tin</h3> <p>Hệ thống thông tin là nơi mà người dùng sẽ được được các thông tin trong khi sử dụng sản phẩm. Chúng bao gồm thông báo, chú giải, thanh load, hộp thư, cửa sổ.</p> <h3>3. Vùng chứa</h3> <p>Mục đích chính của vùng chứa là để gộp những nội dung liên quan lại, nó có thể bao gồm một lượng lớn thông tin trong một khoảng giới hạn. Vùng chứa thường thấy là widgets và sidebar.</p> <p><img alt="Các yếu tố trong thiết kế UI " data-entity-type="file" data-entity-uuid="aa257373-566c-42f6-8e99-045505e3690e" height="659" src="/sites/default/files/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui-5.jpg" width="1200" /></p> <p>&nbsp;</p> <h2>Nguyên tắc thiết kế UI&nbsp;</h2> <p>Hình ảnh đồ hoạ, typeface, cấu trúc thông tin, copywriting là những yếu tố mà UI designer cần cân nhắc tới khi họ thiết kế giao diện người dùng. Có rất nhiều nguyên tắc thiết kế mà cả UI designer và UX designer cần biết, dưới đây là một trong những nguyên tắc quan trọng nhất:</p> <h3>1. &nbsp;Lấy người dùng làm trung tâm</h3> <p>Giao diện người dùng cần tập trung vào người dùng và mục tiêu chính là tạo ra một giao diện thuận tiện cho việc điều hướng. Để đạt được điều ấy, designer sẽ phải thực hiện phỏng vấn người dùng, thử nghiệm sản phẩm để kiểm tra khả năng sử dụng của sản phẩm.</p> <h3>2. Thiết kế rõ ràng, đơn giản</h3> <p>Giao diện người dùng thành công là khi người dùng có thể nhận biết các phần có tương tác trên sản phẩm, biết các tương tác ấy sẽ dẫn tới điểm nào trong luồng tương tác. Để người dùng có thể nhanh chóng hiểu và làm quen với sản phẩm, thiết kế của sản phẩm cần đơn giản, rõ ràng.</p> <h3>3. Giảm tối đa tùy chọn</h3> <p>Để đảm bao điều hướng, bạn nên giảm tối thiểu tùy chọn các bước, hành động và tập trung một trang có một hành động chính. Để những hành động khác ở bước tiếp theo, nếu hành động ấy mang lại giá trị lớn cho người dùng, hãy thiết kế cho nó một trang riêng.&nbsp;</p> <h3>4. Thống nhất và thân thuộc</h3> <p>Khi sản phẩm tương tác như cách người dùng kỳ vọng, nó sẽ khiến họ cảm thấy thoải mái. Ví dụ một đoạn văn bản nhìn giống như nó chưa link và người dùng click vào nó, nếu nó chuyển tới một trang khác nó khiến họ cảm thấy an toàn, tin tưởng, ngược lại, nếu nó không chuyển trang nó sẽ khiến người dùng thấy khó hiểu. Thiết kế tốt là khi người dùng có thể dự đoán được kết quả của tương tác được tạo ra khi nhìn qua giao diện.</p> <h3>5. Đừng khiến người dùng phải nghĩ</h3> <p>Thiết kế tốt là thiết kế vô hình. Khi người dùng đạt được mục tiêu của họ trên sản phẩm mà không gặp phải bất cứ khó khăn nào, họ được tập trung vào hành động và mục tiêu của họ thay vì thiết kế.</p> <h3>6. Undo và phản hồi</h3> <p>Đã bao lần bạn click nhầm vào một link nhưng lúng túng không biết làm sao để quay lại? Tình huống ấy hết sức phổ biến và designer cần cân nhắc tới nó khi thiết kế giao diện. Người dùng có thể nhấn nhầm vậy nên hãy để họ quay lại bước trước đó một cách dễ dàng, đừng để họ cảm thấy căng thẳng trong tình huống ấy. Bên cạnh đó, thông báo cho người dùng về quá trình xử lý cũng quan trọng. Thiết kế cửa sổ thông báo và cho họ biết hành động đang được thực hiện, hoàn thành hoặc có lỗi.</p> <h3>7. Khả năng tiếp cận và tính linh hoạt</h3> <p>Khi thiết kế giao diện cũng cần cân nhắc tới khả năng tiếp cận của người dùng. Có rất nhiều người dùng bị hạn chế thị giác hoặc mù màu, họ thường xuyên gặp vấn đề khi sử dụng những giao diện trên laptop và smartphone. Designer nên để thiết kế của mình linh hoạt, có thể tương thích với nhiều màn hình và nền tảng, để có thể cung cấp cùng một giá trị cho nhiều người dùng khác nhau.</p> <p><img alt="Nguyên tắc thiết kế UI " data-entity-type="file" data-entity-uuid="1ed06305-329d-4a65-a650-8c16127054ba" height="617" src="/sites/default/files/tong-quan-ve-digital-design-gioi-thieu-ve-ux-ui.jpg" width="1200" /></p> <p>&nbsp;</p> <h2>Kết luận</h2> <p>Làn sóng công nghệ đã tác động tới rất nhiều lĩnh vực, trong đó có cả thiết kế. Trong những năm quá, thiết kế đã phát triển và thay đổi rất nhiều. Nhiều công cụ mà chúng ta đang dùng hằng ngày không tồn tại trong vài năm trước đó. Một thứ công cụ mới được sinh ra sẽ thay thế một hoặc thậm chí nhiều thứ cũ. Nằm trong làn sóng ấy, chúng ta cần theo sát xu hướng, đồng thời, suy nghĩ về những khả năng và thách thức cho cả chúng ta và người dùng trong tương lai.</p> <p>Nếu chúng ta không nghĩ về tương lai, rất nhiều khả năng chúng ta sẽ bị bỏ lại phía sau. Một vài năm trước, chúng ta thiết kế máy phát CD, giờ đây, chúng ta thiết kế giao diện cho Spotify, Deezer và Apple music. Bởi vậy, chúng cần thích ứng, phát triển kỹ năng dựa trên những phát triển của công nghệ. Tương tự với việc kinh doanh, nếu không nhận thức được sự phát triển và thay đổi của ngành, việc phát triển sản phẩm sẽ đi tới điểm thất bại.&nbsp;</p> <p>Mọi thứ nói ở trên chứng minh một điều: thiết kế giống như sự sống, nó phát triển và thích ứng theo sự thay đổi của công nghệ và nhu cầu của người dùng. Không có gì tồn tại mãi, nhưng điều chắc chắn là trong lĩnh vực thiết kế và phát triển sản phẩm số, chúng ta mới chỉ bước những bước đầu, sẽ còn nhiều thứ đang chờ đợi chúng ta phía trước.</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/cam-nang-cho-ceo-cach-tranh-10-cam-bay-lam-cham-qua-trinh-chuyen-doi-so" hreflang="vi">Cẩm nang cho CEO: Cách tránh 10 cạm bẫy làm chậm quá trình chuyển đổi số</a> <a href="/vi/goc-nhin/xay-dung-chien-luoc-website-tap-doan-nham-dat-duoc-muc-tieu-trong-ngan-va-dai-han" hreflang="vi">Xây dựng chiến lược website tập đoàn nhằm đạt được mục tiêu trong ngắn và dài hạn</a> <a href="/vi/chuyen-doi-so-mo-hinh-kinh-doanh-de-bat-kip-xu-the-40" hreflang="vi">Chuyển đổi số mô hình kinh doanh để bắt kịp xu thế 4.0</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Thu, 30 Jun 2022 08:17:26 +0000 content 237 at http://beau.vn