Design http://beau.vn/vi vi Data & Design - Cách thiết kế và dữ liệu song hành tạo nên trải nghiệm http://beau.vn/vi/data-va-design-song-hanh-tao-nen-trai-nghiem <span class="field field--name-title field--type-string field--label-hidden">Data &amp; Design - Cách thiết kế và dữ liệu song hành tạo nên trải nghiệm</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">T4, 05/22/2024 - 17:12</span> <a href="/vi/cam-hung-thiet-ke-sang-tao" hreflang="vi">Cảm hứng thiết kế sáng tạo</a> <p><span id="cke_bm_731S" style="display: none;"> </span></p> <p>“Đằng sau mỗi mảnh dữ liệu là con người - một con người thực sự” - Rochelle King, Giám đốc Thiết kế và Trải nghiệm người dùng của Spotify. </p> <p>Trong thế giới ngày càng biến đổi, dữ liệu đã trở thành công cụ quan trọng với các dự án nói chung và các nhà thiết kế nói riêng. Một sản phẩm được làm ra có thể đáp ứng nhu cầu người dùng và mục tiêu kinh doanh của công ty, chính là nhờ những dữ liệu nghiên cứu hành vi khách hàng.</p> <p>Là designer, chúng ta chính là tiền tuyến để các tiến bộ công nghệ có thể giao tiếp với xã hội qua một bộ mặt / giao diện tối ưu. Đó là lí do quan trọng mà người thiết kế cần hiểu hơn về dữ liệu, các nguồn cung cấp, và cách sử dụng sao cho có trách nhiệm nhất.</p> <a href="/vi/chien-luoc-dua-vao-du-lieu" hreflang="vi">Chiến lược dựa vào dữ liệu</a> <a href="/vi/khai-thac-du-lieu" hreflang="vi">Khai thác dữ liệu</a> <a href="/vi/big-data" hreflang="vi">Big Data</a> <a href="/vi/design" hreflang="vi">Design</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2024-05/cover-data-va-design-song-hanh-tao-nen-trai-nghiem_1.jpg" alt="Data &amp; Design - Cách thiết kế và dữ liệu song hành tạo nên trải nghiệm"> </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>“Đằng sau mỗi mảnh dữ liệu là con người - một con người thực sự” - Rochelle King, Giám đốc Thiết kế và Trải nghiệm người dùng của Spotify.&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/tai-sao-ban-can-cau-truc-quan-ly-du-lieu-data-governance-de-xay-dung-mot-doanh-nghiep-so">Tại sao bạn cần cấu trúc quản lý dữ liệu (Data Governance) để xây dựng một doanh nghiệp số thành công <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/data-visualization-tac-dong-nhan-thuc">Cách data visualization (trực quan hóa dữ liệu) tác động tới nhận thức của chúng ta về sự thật <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/goc-nhin/big-data-chia-khoa-thanh-cong-cua-marketing-thoi-dai-so">BIG DATA – Chìa Khóa Thành Công của marketing Thời Đại Số <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 sau mỗi mảnh dữ liệu là con người - một con người thực sự” - Rochelle King, Giám đốc Thiết kế và Trải nghiệm người dùng của Spotify.&nbsp;</p> <p>Trong thế giới ngày càng biến đổi, dữ liệu đã trở thành công cụ quan trọng với các dự án nói chung và các nhà thiết kế nói riêng. Một sản phẩm được làm ra có thể đáp ứng nhu cầu người dùng và mục tiêu kinh doanh của công ty, chính là nhờ những dữ liệu nghiên cứu hành vi khách hàng.</p> <p>Là designer, chúng ta chính là tiền tuyến để các tiến bộ công nghệ có thể giao tiếp với xã hội qua một bộ mặt / giao diện tối ưu. Đó là lí do quan trọng mà người thiết kế cần hiểu hơn về dữ liệu, các nguồn cung cấp, và cách sử dụng sao cho có trách nhiệm nhất.</p> <h2>Sức mạnh của dữ liệu với các quyết định thiết kế</h2> <p>Liệu thiết kế có cần dựa trên dữ liệu? Hoàn toàn không. Bạn có thể tạo ra một sản phẩm chi dựa trên cảm quan trực giác của mình về cái đẹp và tạo ra một thứ tuyệt vời. Nhưng đó sẽ là một canh bạc thực sự.</p> <p>Với thiết kế có sự trợ giúp của dữ liệu (giả sử là các dữ liệu này đã được xử lý phù hợp cho mục đich của dự án), bạn có thể tận dụng những kỹ năng đang có để đáp ứng người dùng tốt hơn. Chúng tôi tin rằng việc thu thập, quản lý, và phân tích dữ liệu là cách tốt nhất để kết nối giữa thiết kế, trải nghiệm người dùng, và các mục tiêu của doanh nghiệp.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/lam-the-nao-de-do-luong-va-xac-dinh-gia-tri-cua-data-du-lieu-doanh-nghiep" target="_blank">Làm thế nào để đo lường và xác định giá trị của data - dữ liệu doanh nghiệp?</a></strong></p> <p>Nếu những điều sau nghe giống bạn với tư cách là một designer, hãy đọc tiếp để tìm hiểu về dữ liệu và thiết kế nhé:</p> <ul> <li>Bạn đam mê tạo một trải nghiệm người dùng tuyệt vời, và có mục tiêu về thay đổi hành vi của khách hàng</li> <li>Bạn hứng thú cách hành vi con người tác động đến sản phẩm, và đã tập quan sát cách mọi người sử dụng các thiết bị.</li> <li>Bạn suy nghĩ sâu sắc về các đối tượng người dùng hiện tại và tiềm năng.</li> <li>Bạn muốn giải quyết nhiều vấn đề để có giải pháp tốt nhất cho người dùng lẫn doanh nghiệp</li> <li>Bạn muốn hiểu về cách sử dụng dữ liệu để thử nghiệm các ý tưởng và tìm ra lựa chọn chiến thắng.</li> </ul> <h2>Các cách thu thập dữ liệu để sử dụng cho thiết kế</h2> <p>Làm sao để biết dữ liệu nào là cần thiết cho dự án và nên bắt đầu từ đâu? Dù mỗi dự án đều khác nhau, hai yếu tố chính sẽ tác động đến nhu cầu dữ liệu: Chủ đề cần nghiên cứu &nbsp;và Bản chất của các câu hỏi.</p> <p>Erica Hal đem đến một mô hình tuyệt vời để xác định cả hai yếu tố trên và xác định các hình thức để thu thập dữ liệu phù hợp.&nbsp;</p> <p><img alt="Các cách thu thập dữ liệu để sử dụng cho thiết kế" data-entity-type="file" data-entity-uuid="6537ee48-8613-46dc-be1b-cb2dc850b739" height="800" src="/sites/default/files/Thu%20tha%CC%A3%CC%82p%20du%CC%9B%CC%83%20lie%CC%A3%CC%82u%20%C4%91e%CC%82%CC%89%20su%CC%9B%CC%89%20du%CC%A3ng%20cho%20thie%CC%82%CC%81t%20ke%CC%82%CC%81%20%281%29.jpg" width="1200" /></p> <p><br /> 1. Nếu có câu hỏi về <strong>Con người và Tổ chức</strong>, hãy nghiên cứu để mô tả thực trạng thông qua: Phỏng vấn, Tìm hiểu bối cảnh, Phân tích tài Liệu.<br /> 2. Nếu có câu hỏi về <strong>Con người và Sản phẩm</strong>, hãy nghiên cứu để đánh giá và mô tả thông qua: Phỏng vấn, Usability testing, A/B testing.<br /> 3. Nếu có câu hỏi về <strong>Tổ chức và Đối thủ</strong>, hãy đánh giá sự phân tích thông qua: Phân tích SWOT, Brand audit<br /> 4. Nếu có câu hỏi về <strong>Sản phẩm và Đối thủ,</strong> hãy phân tích các đánh giá về: Usability testing, Phân tích đối thủ, Đánh giá Heuristic</p> <p>Các nguồn dữ liệu để thu thập cũng rất đa dạng, có thể kể tới như: Các bài nghiên cứu đã có, Các phân tích dữ liệu từ bên thứ 3, Dữ liệu từ chính phủ, Khảo sát online, etc. Tuỳ theo nhu cầu và tính hình thực tế, ta sẽ chọn được cách sử dụng dữ liệu phù hợp nhất như trong phần tiếp theo mô tả.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/nghien-cuu-ux-dinh-luong-khac-gi-voi-phan-tich-du-lieu-quantitive-ux-research-vs-data-analysis" target="_blank">Nghiên cứu UX định lượng khác gì với Phân tích dữ liệu?</a></strong></p> <h2>Cách sử dụng dữ liệu vào quy trình thiết kế của dự án</h2> <p>Chắc hẳn bạn đã nghe về thiết kế lấy người dùng làm trung tâm - User Centered Design. Từ thấu hiểu đến xây dựng sản phẩm, ta đều có cách để sử dụng dữ liệu, và phần này sẽ giới thiệu cách ứng dụng vào từng phân đoạn của dự án.</p> <p><img alt="Cách sử dụng dữ liệu vào quy trình thiết kế của dự án" data-entity-type="file" data-entity-uuid="099b9fe8-2afc-4e49-8aca-c8164b3b2105" height="800" src="/sites/default/files/user-centered%20design%20process%20%281%29.jpg" width="1200" /></p> <p>Khi đặt vào một mô hình tuyến tính, ta sẽ thấy từng giai đoạn của dự án diễn ra như sau, với dữ liệu có thể được thu thập và xử lý để đưa ra quyết định ở bất kỳ khâu nào của chu trình.</p> <p><img alt="từng giai đoạn của dự án và dữ liệu" data-entity-type="file" data-entity-uuid="aaade681-ade9-41a1-a0f1-466edd30315a" height="800" src="/sites/default/files/data%20driven%20cycle%20in%20design.jpg" width="1200" /></p> <ul> <li><strong>Thu thập dữ liệu</strong>: ở giai đoạn này, dữ liệu được thu thập qua nghiên cứu định tính (phỏng vấn, user testing) để thấu hiểu cảm xúc và động lực của người dùng; và nghiên cứu định lượng (khảo sát, phân tích dữ liệu) để có số liệu về hành vi.</li> <li><strong>Phân tích dữ liệu</strong>: Dữ liệu đã thu thập được phân tích để tìm ra insights, xu hướng, pain point, và các cơ hội. Bạn có thể sử dụng Bản đồ thấu cảm (Empathy map) và Phân loại thẻ để có cái nhìn toàn cảnh với thông tin hữu ích</li> <li><strong>Sử dụng dữ liệu</strong>: Các thông tin sẽ giúp designer quyết định dựa trên dữ liệu, từ đó thiết kế trải nghiệm với những tính năng phù hợp nhu cầu người dùng lẫn mục tiêu kinh doanh nhất.</li> <li><strong>Kiểm tra</strong>: Các giải pháp thiết kế được kiểm tra qua các phương pháp như A/B testing, usability testing, đánh giá Heuristic, và hơn nữa để xem đã đáp ứng các mục tiêu đề ra.</li> <li><strong>Kết quả</strong>: Sau khi sản phẩm được ra mắt, dữ liệu tiếp tục đóng vai trò phản hồi để tối ưu trải nghiệm hơn nữa. Các số liệu về hiệu suất và feedback từ người dùng sẽ được tổng hợp để lên kế hoạch cải thiện sản phẩm.</li> </ul> <h2>Ý nghĩa của dữ liệu với designer</h2> <p>Designer không cần phải trở thành một data analyst, đấy là điều chắc chắn. Nhưng càng thấu hiểu về quy trình xử lý và sử dụng dữ liệu, bạn càng có nhiều kiến thức để khiến cho quy trình trở nên hiệu quả hơn. Thực chất, có tới 3 cấp độ của việc áp dụng dữ liệu vào thiết kế, đó là:</p> <ul> <li>Dữ liệu thúc đẩy quyết định</li> <li>Dữ liệu hỗ trợ quyết định</li> <li>Dữ liệu cung cấp nhận thức để quyết định</li> </ul> <p><img alt="Ý nghĩa của dữ liệu với designer" data-entity-type="file" data-entity-uuid="3cf6181f-0ba4-4049-afa7-2916fe77b27d" height="800" src="/sites/default/files/y%CC%81%20nghi%CC%83a%20du%CC%9B%CC%83%20lie%CC%A3%CC%82u%20vo%CC%9B%CC%81i%20designer%20%281%29.jpg" width="1200" /></p> <p>Ở cấp độ cuối cùng, với nhận thức về dữ liệu, bạn sẽ có thể thấy được bức tranh toàn cảnh cách dữ liệu tác động lẫn nhau, và đa dạng giải pháp cho các vấn đề tìm thấy. Lúc này, dữ liệu là thành quả của một quá trình sáng tạo để tạo ra những thông tin phù hợp với mục đích của quyết định cuối cùng.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/ket-hop-du-lieu-va-thiet-ke-nhu-the-nao-de-thuc-day-doi-moi-sang-tao-trong-san-pham-va-quy-trinh" target="_blank">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 ?</a></strong></p> <p>Hoá ra dữ liệu và thiết kế không quá khác nhau phải không? Và đó cũng là điều chúng tôi tin, rằng thiết kế tối ưu và dữ liệu thông minh là những yếu tố quan trọng quyết định sự thành công của chiến lược doanh nghiệp.</p> <p>Vậy, bạn đã sẵn sàng đưa thêm dữ liệu vào quy trình thiết kế của mình?<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/xay-dung-san-pham-bang-kien-thuc-design-thinking-phan-1" hreflang="vi">Xây dựng sản phẩm bằng kiến thức Design Thinking- Phần 1</a> <a href="/vi/7-chien-luoc-de-cai-thien-trai-nghiem-khach-ngan-hang" hreflang="vi">7 chiến lược chắc thắng để cải thiện trải nghiệm khách ngân hàng - Phần 1</a> <a href="/vi/thiet-ke-mot-trai-nghiem-tai-chinh-lien-mach" hreflang="vi">Thiết kế một trải nghiệm tài chính liền mạch cho các nhóm người dùng mọi nơi</a> <a href="/vi/thiet-ke-ung-dung-giao-duc-huong-toi-tre-em-va-suc-khoe-tam-ly-ux-casestudy" hreflang="vi">Thiết kế ứng dụng giáo dục hướng tới trẻ em và sức khoẻ tâm lý - UX Case study</a> <a href="/vi/cach-su-dung-atomic-design-de-xay-dung-mot-design-system-hieu-qua" hreflang="vi">Cách sử dụng atomic design để xây dựng một design system hiệu quả</a> <a href="/vi/he-sinh-thai-so-digital-ecosystem" hreflang="vi">Hệ sinh thái số - Digital ecosystem: Khai phá tiềm năng của doanh nghiệp bằng sự kết nối</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Wed, 22 May 2024 10:12:49 +0000 content2 415 at http://beau.vn Tại sao Team Design cần một Design Hub? http://beau.vn/vi/tai-sao-team-design-can-mot-design-hub <span class="field field--name-title field--type-string field--label-hidden">Tại sao Team Design cần một Design Hub?</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, 11/07/2022 - 16:35</span> <a href="/vi/cam-hung-thiet-ke-sang-tao" hreflang="vi">Cảm hứng thiết kế sáng tạo</a> <p><span id="cke_bm_946S" style="display: none;"> </span>Công nghệ gắn liền với cuộc sống, vậy nên, nó phải bắt kịp với nhịp sống. Tuy nhiên, đứng dưới góc nhìn từ những người chịu trách nhiệm cho những sản phẩm ấy, đôi khi chúng ta kiệt sức và những hành vi “máy móc” trong công việc cũng sẽ khiến chúng ta mất đi những kỹ năng mềm cần thiết.</p> <p>Sản phẩm của chúng ta được thiết kế dựa trên nhu cầu của người khác, nhưng khi không có sự đồng cảm, thấu hiểu chúng ta không thể thực sự hiểu vì sao họ có nhu cầu ấy là gì, hay cơ hội nào tiềm năng và không tiềm năng. Bởi vậy, bỏ qua sức khỏe tâm lý trong nội bộ cũng sẽ ảnh hưởng trực tiếp tới chất lượng sản phẩm mà chúng ta xây dựng.</p> <h2>Một vấn đề phổ biến</h2> <p>Trong nhiều doanh nghiệp, bộ phận nhân sự (HR) thường phải đau đầu vì số nhân sự gắn bó với doanh nghiệp bị thấp. Với một số doanh nghiệp, vấn đề ấy kéo dài nhiều năm nhưng vẫn không tìm ra cách giải quyết.</p> <p>Nguyên nhân của việc này vì sự thiếu hài lòng của nhân viên đối với vị trí hoặc văn hóa trong công ty. Các doanh nghiệp thường bỏ phí thời gian và tài năng của nhân sự để làm những báo cáo số khô khan. Kèm theo đó, HR hiếm khi gần gũi với các nhân sự khác trong công ty. Tình trạng bổ phiến đó là mất kết nối, vác nhân sự mất kết nối với nhau, hay nhân sự mất kết nối với mục tiêu và tầm nhìn của doanh nghiệp. Họ không biết với tư cách là một tập thể, tập thể này đang làm gì, đang cố gắng vì điều gì. Điều này xảy ra thường do tổ chức thiếu văn hóa doanh nghiệp, họ thiếu một danh tính cho tập thể ấy.</p> <h2>Design hub là gì?</h2> <p>Đầu tiên, design hud không phải là một hệ thống hay công cụ thiết kế. Một design hud là một cộng đồng. Nó là nơi chúng ta gặp gỡ mọi người, trao đổi những vấn đề xung quanh thiết kế và phát triển sản phẩm. Hơn thế nữa, nó có thể là nơi chúng ta cùng chia sẻ về tâm nhìn, suy nghĩ, những ý tưởng hay, những trải nghiệm và cả những thứ chúng ta kỳ vọng cho sự nghiệp. Một design hud sẽ trở thành nơi nắm giữ tinh thần của nhóm, tạo ra những giá trị cốt lõi để các thành viên tận tâm với công việc.</p> <p>Nhiều công ty lớn đã có những trang riêng trên website để highlight những dự án nổi bật, nguyên tắc làm việc và đội ngũ nhân sự mà họ tự hào. Thế nhưng, đó chỉ là những thứ chúng ta truyền thông ra bên ngoài, nó không thực sự tác động vào bên trong. </p> <p>Điểm độc đáo mà một design hud có thể mang lại đó là sự kết nối chặt chẽ giữa nhân sự với nhân sự và giữa nhân sự với doanh nghiệp. Với một đội ngũ nhân sự sẵn sàng chia sẻ tầm nhìn, quan điểm, kinh nghiệm, nó sẽ thúc đẩy công việc, thúc đẩy tính sáng tạo và đổi mới. Hãy tưởng tượng khả năng vô tận mà một tập thể gắn kết có thể làm. <br />  </p> <p><img alt="" data-entity-type="file" data-entity-uuid="574959d4-c64d-48ea-9e8b-ad951c0c0b3b" height="800" src="/sites/default/files/tai-sao-team-design-can-mot-design-hub-1.jpg" width="1200" loading="lazy" /></p> <h2>Làm sao để bắt đầu?</h2> <p>Để bắt đầu tạo ra một design hud, chúng ta cần xét tới 3 yếu tố:</p> <p>Thứ nhất, chúng ta phải cùng cam kết sẽ chấp nhận nhiều rủi ro hơn, đón nhận những ý tưởng mới. Việc này nhằm tránh việc ý tưởng đổi mới bị gạt bỏ hoặc biến dạng do thói quen làm việc máy móc.</p> <p>Thứ hai, chúng ta cần trao đổi thương xuyên, ghim những ý tưởng mới hằng tuần. Điều này sẽ duy trì ngọn lửa nhiệt huyết của nhóm, đồng thời tạo sự phát triển lành mạnh cho cả doanh nghiệp và dự án.</p> <p>Thứ ba, chúng ta phải đưa một số trong những ý tưởng ấy vào thực tế. Bởi nếu ý tưởng được đưa ra những chỉ được ghim lại và không sử dụng, lần tới sẽ không có ai muốn đưa thêm ý tưởng nữa. Hơn nữa, ý tưởng hay nên được ứng dụng, cho nó có cơ hội cải thiện quy trình và sản phẩm mà chúng ta làm.</p> <p><strong>Đọc thêm: <a href="https://beau.vn/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)</a></strong></p> <h2>Làm sao để có thành viên tham gia?</h2> <p>Khi mới xây dựng design hub, có thể sẽ có những thành viên không muốn tham gia, điều ấy hết sức bình thường. Tuy nhiên, chúng ta vẫn nên chia sẻ với đội ngũ về tại sao chúng ta làm vậy, nó có ích lợi gì cho cả tập thể và cá nhân. Với nhu cầu phát triển bản thân, kết nối với người có cùng tầm nhìn, chắc chắn sẽ có nhiều thành viên muốn tham gia.</p> <p>Khi đã thu hút được sự chú ý, chúng ta sẽ biết cụ thể chúng ta sẽ làm gì trong hud. Trong bộ máy doanh nghiệp đang gặp vấn đề gì? quy trình thiết kế có cần cải thiện không? Hãy đem những thứ ấy ra thảo luận. Sau cùng chúng ta sẽ có giải pháp cho bộ máy, đồng thời, có thể hướng cả tập thể theo một mục tiêu chung.<br />  </p> <p><img alt="" data-entity-type="file" data-entity-uuid="6b89dd84-8393-48d8-ba77-93c64e0d80d1" height="800" src="/sites/default/files/tai-sao-team-design-can-mot-design-hub-2%20%281%29.jpg" width="1200" loading="lazy" /></p> <h2>Xây dựng và phát triển với tầm nhìn từ bên trong?</h2> <p>Để có được tầm nhìn cho hud, chúng ta cần cân nhắc tới tầm nhìn chung của công ty, các dự án chúng ta phát triển và tất cả những nhu cầu, thế mạnh của đội ngũ. Hãy khám phá những vấn đề ấy như thể chúng ta chưa biết gì về chúng, đưa chúng vào một sơ đồ để có thể nhìn rõ được tổng thể và nhận ra những vấn đề quan trọng.</p> <p>Sơ đồ này sẽ là nền tảng để chúng ta tìm ra tầm nhìn chung của nhóm. Từ đó, toàn bộ công việc như lên kế hoạch, thiết kế, đặt câu hỏi, thử nghiệm,...đều được bắt đầu và triển khai theo tầm nhìn chung. Đó sẽ là mục tiêu chung của nhóm, giúp các thành viên hiểu rõ thứ mình đang làm và vì sao mình làm nó.</p> <p>Với sơ đồ ấy, khi chúng ta làm việc với đối tác hay nhà đầu tư, chúng ta có thể rõ ràng về quan điểm, giải pháp, từ đó khiến họ cảm thấy an toàn và tin tưởng khi làm việc với chúng ta hơn.</p> <p>Dưới đây là một số lợi ích có thể nhận được từ việc có một sơ đồ tầm nhìn ở cấp độ tài liệu:</p> <ul><li>Hiểu rõ hơn về cấu trúc nhân sự, với những vai trò, năng lực cụ thể. Điều này rất quan trọng để có thể chọn ra nhận sự phù hợp khi tuyển dụng nhân sự mới.</li> <li>Quy trình rõ ràng, cho chúng ta biết chúng ta đang ở đâu trong dự án, cũng như có thể nhìn rõ tổng thể cả dự án.</li> <li>Công cụ thiết kế như framework, artifact, phần mềm, ứng dụng,...</li> <li>Hệ sinh thái người dùng</li> </ul><p>Và ở cấp độ nhân sự:</p> <ul><li>Tầm nhìn chung cho cả nhóm</li> <li>Hiểu về nhu cầu, suy nghĩ về công việc của từng thành viên</li> <li>Kho kiến thức được chia sẻ từ thành viên</li> <li>Những cuộc thảo luận về phương pháp, xu hướng, ý tưởng</li> <li>Mục tiêu và thành tích của mỗi tháng</li> </ul><p><strong>Đọc thêm: <a href="https://beau.vn/vi/he-thong-thiet-ke-design-system">Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế</a></strong></p> <h2>Loại bỏ tư duy khô khan bằng cách tạo một <a href="https://beau.vn/vi/du-an/cong-dong-sang-tao-viet-nam">cộng đồng</a></h2> <p>Như chúng ta đã đề cập ở đầu bài viết, doanh nghiệp thường quá tập trung vào sản phẩm và những mục tiêu bắt kịp thị trường. Thế nhưng, nó cũng tạo ra vấn đề cho chính những sản phẩm và quy trình mà chúng ta thực hiện. </p> <p>Có thể chúng ta tự hào vì mình được làm việc trong một tập đoàn lớn, nhưng thực tế, chúng ta không làm thứ gì đặc biệt ngoài những thứ chúng ta phải làm. Sự đổi mới chỉ có thể được tạo ra khi chúng ta thoát khỏi tư duy ấy và bắt đầu nghĩ về những tầng sâu hơn của công việc. Tại sao chúng ta làm công việc này?</p> <p>Nó có tác động gì tới những thứ xung quanh?</p> <p>Design hub không phải là chìa khóa quyết định thành công, nhưng nó là phương tiện giúp chúng ta đến với thành công nhanh hơn. Design hud sẽ giúp doanh nghiệp xây dựng văn hóa, như Adam Bryant từng chia sẻ:</p> <p>“Xây dựng một đội ngũ nhân sự không phải là tìm một nhóm những người có những kỹ năng chuyên nghiệp, mà thật sự nó là những câu hỏi rằng: Chúng ta đang đi đâu? Và làm sao để chúng ta đến đó?”</p> <a href="/vi/designer" hreflang="vi">Designer</a> <a href="/vi/design" hreflang="vi">Design</a> <a href="/vi/he-thong-thiet-ke" hreflang="vi">hệ thống thiết kế</a> <a href="/vi/hop-tac" hreflang="vi">Hợp tác</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2022-11/cover-tai_sao_team_design_can_mot_design_hub.jpg" alt="Tại sao Team Design cần một Design Hub?"> </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>Sống trong môi trường doanh nghiệp, những nhà thiết kế và phát triển sản phẩm số như chúng ta có những task list dài vô tận.</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-da-thay-doi-nganh-marketing-nhu-the-nao">Chuyển đổi số đã thay đổi ngành Marketing như thế nào? <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/9-nguyen-tac-phai-biet-khi-nghien-cuu-thiet-ke-design-research">9 nguyên tắc phải biết khi nghiên cứu thiết kế (Design Research) <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/nghe-thiet-ke-trai-nghiem-nguoi-dung-ui-ux-designer-co-phai-nghe-sieu-de">Nghề thiết kế trải nghiệm người dùng (UI/UX Designer) có phải &quot;nghề siêu dễ&quot;? <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>Công nghệ gắn liền với cuộc sống, vậy nên, nó phải bắt kịp với nhịp sống. Tuy nhiên, đứng dưới góc nhìn từ những người chịu trách nhiệm cho những sản phẩm ấy, đôi khi chúng ta kiệt sức và những hành vi “máy móc” trong công việc cũng sẽ khiến chúng ta mất đi những kỹ năng mềm cần thiết.</p> <p>Sản phẩm của chúng ta được thiết kế dựa trên nhu cầu của người khác, nhưng khi không có sự đồng cảm, thấu hiểu chúng ta không thể thực sự hiểu vì sao họ có nhu cầu ấy là gì, hay cơ hội nào tiềm năng và không tiềm năng. Bởi vậy, bỏ qua sức khỏe tâm lý trong nội bộ cũng sẽ ảnh hưởng trực tiếp tới chất lượng sản phẩm mà chúng ta xây dựng.</p> <h2>Một vấn đề phổ biến</h2> <p>Trong nhiều doanh nghiệp, bộ phận nhân sự (HR) thường phải đau đầu vì số nhân sự gắn bó với doanh nghiệp bị thấp. Với một số doanh nghiệp, vấn đề ấy kéo dài nhiều năm nhưng vẫn không tìm ra cách giải quyết.</p> <p>Nguyên nhân của việc này vì sự thiếu hài lòng của nhân viên đối với vị trí hoặc văn hóa trong công ty. Các doanh nghiệp thường bỏ phí thời gian và tài năng của nhân sự để làm những báo cáo số khô khan. Kèm theo đó, HR hiếm khi gần gũi với các nhân sự khác trong công ty. Tình trạng bổ phiến đó là mất kết nối, vác nhân sự mất kết nối với nhau, hay nhân sự mất kết nối với mục tiêu và tầm nhìn của doanh nghiệp. Họ không biết với tư cách là một tập thể, tập thể này đang làm gì, đang cố gắng vì điều gì. Điều này xảy ra thường do tổ chức thiếu văn hóa doanh nghiệp, họ thiếu một danh tính cho tập thể ấy.</p> <h2>Design hub là gì?</h2> <p>Đầu tiên, design hub không phải là một hệ thống hay công cụ thiết kế. Một design hub là một cộng đồng. Nó là nơi chúng ta gặp gỡ mọi người, trao đổi những vấn đề xung quanh thiết kế và phát triển sản phẩm. Hơn thế nữa, nó có thể là nơi chúng ta cùng chia sẻ về tâm nhìn, suy nghĩ, những ý tưởng hay, những trải nghiệm và cả những thứ chúng ta kỳ vọng cho sự nghiệp. Một design hud sẽ trở thành nơi nắm giữ tinh thần của nhóm, tạo ra những giá trị cốt lõi để các thành viên tận tâm với công việc.</p> <p>Nhiều công ty lớn đã có những trang riêng trên website để highlight những dự án nổi bật, nguyên tắc làm việc và đội ngũ nhân sự mà họ tự hào. Thế nhưng, đó chỉ là những thứ chúng ta truyền thông ra bên ngoài, nó không thực sự tác động vào bên trong.&nbsp;</p> <p>Điểm độc đáo mà một design hub có thể mang lại đó là sự kết nối chặt chẽ giữa nhân sự với nhân sự và giữa nhân sự với doanh nghiệp. Với một đội ngũ nhân sự sẵn sàng chia sẻ tầm nhìn, quan điểm, kinh nghiệm, nó sẽ thúc đẩy công việc, thúc đẩy tính sáng tạo và đổi mới. Hãy tưởng tượng khả năng vô tận mà một tập thể gắn kết có thể làm.&nbsp;<br /> &nbsp;</p> <p><img alt="Tại sao Team Design cần một Design Hub?" data-entity-type="file" data-entity-uuid="574959d4-c64d-48ea-9e8b-ad951c0c0b3b" height="800" src="/sites/default/files/tai-sao-team-design-can-mot-design-hub-1.jpg" width="1200" /></p> <h2>Làm sao để bắt đầu?</h2> <p>Để bắt đầu tạo ra một design hud, chúng ta cần xét tới 3 yếu tố:</p> <p>Thứ nhất, chúng ta phải cùng cam kết sẽ chấp nhận nhiều rủi ro hơn, đón nhận những ý tưởng mới. Việc này nhằm tránh việc ý tưởng đổi mới bị gạt bỏ hoặc biến dạng do thói quen làm việc máy móc.</p> <p>Thứ hai, chúng ta cần trao đổi thương xuyên, ghim những ý tưởng mới hằng tuần. Điều này sẽ duy trì ngọn lửa nhiệt huyết của nhóm, đồng thời tạo sự phát triển lành mạnh cho cả doanh nghiệp và dự án.</p> <p>Thứ ba, chúng ta phải đưa một số trong những ý tưởng ấy vào thực tế. Bởi nếu ý tưởng được đưa ra những chỉ được ghim lại và không sử dụng, lần tới sẽ không có ai muốn đưa thêm ý tưởng nữa. Hơn nữa, ý tưởng hay nên được ứng dụng, cho nó có cơ hội cải thiện quy trình và sản phẩm mà chúng ta làm.</p> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/tim-hieu-ve-thiet-ke-trai-nghiem-nguoi-dung-ux-design" target="_blank">Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design)</a></strong></p> <h2>Làm sao để có thành viên tham gia?</h2> <p>Khi mới xây dựng design hub, có thể sẽ có những thành viên không muốn tham gia, điều ấy hết sức bình thường. Tuy nhiên, chúng ta vẫn nên chia sẻ với đội ngũ về tại sao chúng ta làm vậy, nó có ích lợi gì cho cả tập thể và cá nhân. Với nhu cầu phát triển bản thân, kết nối với người có cùng tầm nhìn, chắc chắn sẽ có nhiều thành viên muốn tham gia.</p> <p>Khi đã thu hút được sự chú ý, chúng ta sẽ biết cụ thể chúng ta sẽ làm gì trong hud. Trong bộ máy doanh nghiệp đang gặp vấn đề gì? quy trình thiết kế có cần cải thiện không? Hãy đem những thứ ấy ra thảo luận. Sau cùng chúng ta sẽ có giải pháp cho bộ máy, đồng thời, có thể hướng cả tập thể theo một mục tiêu chung.<br /> &nbsp;</p> <p><img alt="Tại sao Team Design cần một Design Hub?" data-entity-type="file" data-entity-uuid="6b89dd84-8393-48d8-ba77-93c64e0d80d1" height="800" src="/sites/default/files/tai-sao-team-design-can-mot-design-hub-2%20%281%29.jpg" width="1200" /></p> <h2>Xây dựng và phát triển với tầm nhìn từ bên trong?</h2> <p>Để có được tầm nhìn cho hub, chúng ta cần cân nhắc tới tầm nhìn chung của công ty, các dự án chúng ta phát triển và tất cả những nhu cầu, thế mạnh của đội ngũ. Hãy khám phá những vấn đề ấy như thể chúng ta chưa biết gì về chúng, đưa chúng vào một sơ đồ để có thể nhìn rõ được tổng thể và nhận ra những vấn đề quan trọng.</p> <p>Sơ đồ này sẽ là nền tảng để chúng ta tìm ra tầm nhìn chung của nhóm. Từ đó, toàn bộ công việc như lên kế hoạch, thiết kế, đặt câu hỏi, thử nghiệm,...đều được bắt đầu và triển khai theo tầm nhìn chung. Đó sẽ là mục tiêu chung của nhóm, giúp các thành viên hiểu rõ thứ mình đang làm và vì sao mình làm nó.</p> <p>Với sơ đồ ấy, khi chúng ta làm việc với đối tác hay nhà đầu tư, chúng ta có thể rõ ràng về quan điểm, giải pháp, từ đó khiến họ cảm thấy an toàn và tin tưởng khi làm việc với chúng ta hơn.</p> <p>Dưới đây là một số lợi ích có thể nhận được từ việc có một sơ đồ tầm nhìn ở cấp độ tài liệu:</p> <ul> <li>Hiểu rõ hơn về cấu trúc nhân sự, với những vai trò, năng lực cụ thể. Điều này rất quan trọng để có thể chọn ra nhận sự phù hợp khi tuyển dụng nhân sự mới.</li> <li>Quy trình rõ ràng, cho chúng ta biết chúng ta đang ở đâu trong dự án, cũng như có thể nhìn rõ tổng thể cả dự án.</li> <li>Công cụ thiết kế như framework, artifact, phần mềm, ứng dụng,...</li> <li>Hệ sinh thái người dùng</li> </ul> <p>Và ở cấp độ nhân sự:</p> <ul> <li>Tầm nhìn chung cho cả nhóm</li> <li>Hiểu về nhu cầu, suy nghĩ về công việc của từng thành viên</li> <li>Kho kiến thức được chia sẻ từ thành viên</li> <li>Những cuộc thảo luận về phương pháp, xu hướng, ý tưởng</li> <li>Mục tiêu và thành tích của mỗi tháng</li> </ul> <p><strong>Đọc thêm:&nbsp;<a href="https://beau.vn/vi/he-thong-thiet-ke-design-system" target="_blank">Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế</a></strong></p> <h2>Loại bỏ tư duy khô khan bằng cách tạo một <a href="https://beau.vn/vi/du-an/cong-dong-sang-tao-viet-nam" target="_blank">cộng đồng</a></h2> <p>Như chúng ta đã đề cập ở đầu bài viết, doanh nghiệp thường quá tập trung vào sản phẩm và những mục tiêu bắt kịp thị trường. Thế nhưng, nó cũng tạo ra vấn đề cho chính những sản phẩm và quy trình mà chúng ta thực hiện.&nbsp;</p> <p>Có thể chúng ta tự hào vì mình được làm việc trong một tập đoàn lớn, nhưng thực tế, chúng ta không làm thứ gì đặc biệt ngoài những thứ chúng ta phải làm. Sự đổi mới chỉ có thể được tạo ra khi chúng ta thoát khỏi tư duy ấy và bắt đầu nghĩ về những tầng sâu hơn của công việc. Tại sao chúng ta làm công việc này?</p> <p>Nó có tác động gì tới những thứ xung quanh?</p> <p>Design hub không phải là chìa khóa quyết định thành công, nhưng nó là phương tiện giúp chúng ta đến với thành công nhanh hơn. Design hud sẽ giúp doanh nghiệp xây dựng văn hóa, như Adam Bryant từng chia sẻ:</p> <p>“Xây dựng một đội ngũ nhân sự không phải là tìm một nhóm những người có những kỹ năng chuyên nghiệp, mà thật sự nó là những câu hỏi rằng: Chúng ta đang đi đâu? Và làm sao để chúng ta đến đó?”<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/goc-nhin/tan-dung-cac-mo-hinh-nhan-thuc-vao-thiet-ke-san-pham-p2" hreflang="vi">Tận Dụng Các Mô Hình Nhận Thức Vào Thiết Kế Sản Phẩm p2</a> <a href="/vi/goc-nhin/tan-dung-cac-mo-hinh-nhan-thuc-vao-san-pham-thiet-ke-p1" hreflang="vi">Tận Dụng Các Mô Hình Nhận Thức Vào Sản Phẩm Thiết Kế p1</a> <a href="/vi/goc-nhin/tich-hop-toi-da-hoa-van-hanh-va-nhat-quan-moi-truong-so-trong-doanh-nghiep" hreflang="vi">Tích hợp, tối đa hoá, vận hành, và nhất quán môi trường số trong doanh nghiệp</a> <a href="/vi/goc-nhin/chuyen-doi-so-chia-khoa-tu-cac-nha-lanh-dao-tao-nen-tang-truong-doanh-thu-hon-5-lan" hreflang="vi">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</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/quan-diem-khong-co-cua-cho-dan-lam-sang-tao-o-ha-noi-co-lam-ban-nan-long" hreflang="vi">Quan điểm &quot;không có cửa cho dân làm sáng tạo ở Hà Nội &quot; có làm bạn nản lòng?</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> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Mon, 07 Nov 2022 09:35:03 +0000 content2 294 at http://beau.vn Những nguyên tắc Gestalt - Khai thác quy luật thị giác trong thiết kế UI http://beau.vn/vi/goc-nhin/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui <span class="field field--name-title field--type-string field--label-hidden">Những nguyên tắc Gestalt - Khai thác quy luật thị giác trong thiết kế UI </span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/6" typeof="schema:Person" property="schema:name" datatype="">hapham</span></span> <span class="field field--name-created field--type-created field--label-hidden">T5, 09/19/2019 - 15:14</span> <a href="/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02" hreflang="vi">UX/UI</a> <div class="container"> <div class="row"> <div class="col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2 "> <p>Đã bao giờ bạn nhìn lên những đám mây trên bầu trời và tự vẽ lên cho mình những hình ảnh của một con thú quen thuộc hay một đồ vật nào đó chưa?  Và đã bao giờ bạn tự hỏi rằng, tại sao chúng ta luôn liên tưởng những hình ảnh như vậy từ những đám mây không có hình dạng nhất định? Đó là bởi cách thức bộ não chúng ta vận hành.</p> <p><img alt="11" data-entity-type="file" data-entity-uuid="dddc3de2-7ed5-4a26-b1d8-2d0e4ef4478c" src="/sites/default/files/inline-images/Slice_0.png" width="985" height="383" loading="lazy" /></p> <p>Bộ não con người luôn cố gắng gán ý nghĩa cho thế giới quan bằng cách so sánh với những trải nghiệm hoặc những hình ảnh chúng đã từng thấy trước đó và sau đó kết nối chúng lại với nhau. Đúng vậy, để vẽ bức tranh tổng quan, bộ não con người nhận biết hình dáng, hình thức, nhóm thông tin và điền vào những khoảng trống theo một cách khá “kì quặc” của riêng nó.</p> <p>Hiểu cách thức hoạt động của bộ não con người sẽ giúp bạn trở thành một người thiết kế khôn ngoan hơn, hay hơn thế nữa, bạn có thể trở thành một bậc thầy Visual Communication (Truyền Thông Thị Giác). Bạn có thể quyết định được yếu tố thị giác nào hiệu quả và phù hợp trong một tình huống nhất định, từ đó gây ảnh hưởng đến sự nhận thức, thu hút sự chú ý và tạo nên thay đổi trong hành vi của đối tượng. Điều này đặc biệt hữu ích cho các thiết kế trực quan có định hướng mục tiêu nhằm giải quyết vấn đề, đó là Thiết kế giao diện người dùng (UI Design).</p> <p>Ông Laura Busche, Chiến lược gia nội dung thương hiệu tại Autodesk chia sẻ rằng: “Một người thiết kế giỏi hiểu được sức mạnh của tâm lý học trong việc nhận thức về mặt thị giác. Điều gì sẽ xảy ra nếu ai đó nhìn vào sản phẩm thiết kế của bạn? Họ sẽ phản ứng ra sao với thông điệp mà bạn gửi gắm trong sản phẩm của bạn?” </p> <p>Rõ ràng là, thiết kế và tâm lý có một sự kết nối chặt chẽ với nhau, và chúng có thể ảnh hưởng lẫn nhau. Các nguyên tắc Gestalt sẽ giúp chúng ta hiểu rõ và kiểm soát được những liên kết này. </p> <p> </p> <p><b>Gestalt là gì? </b></p> <p>Gestalt (trong tiếng Đức mang nghĩa là hình dáng, hình thức) là một tập hợp của những nguyên tắc nhận thức về mặt thị giác, được phát triển bởi những nhà tâm lý học người Đức vào những năm 1920. Nó được xây dựng dựa trên lý thuyết “con người sẽ luôn nhìn nhận một tổng thể hơn là tập trung vào các phần nhỏ của nó”.</p> <blockquote> <p> “The whole is other than the sum of the parts.”</p> </blockquote> <p> <i>—</i> <i>Kurt Koffka</i></p> <p>Nguyên tắc Gestalt miêu tả cách con người tiếp nhận những yếu tố thị giác trong những điều kiện nhất định. Các nguyên tắc được xây trên 4 ý chính: </p> <p><b>Emergence</b></p> <p>Con người thường nhận ra các yếu tố thị giác thông qua phác thảo tổng quan của chúng. Bộ não của chúng ta có khả năng nhận dạng được một vật thể đơn giản được định nghĩa rõ ràng nhanh hơn là một vật thể chi tiết.</p> <p><img alt="Chú chó dom" data-entity-type="file" data-entity-uuid="ca34855b-65b1-4ced-a931-d2a915505496" src="/sites/default/files/inline-images/03.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Reification</b></p> <p>Con người có khả năng nhận ra các đối tượng nhất định kể cả khi đối tượng bị thiếu một phần. Đó là vì bộ não của chúng ta luôn kết nối các hình ảnh quen thuộc trong trí nhớ, và rồi tự động lấp đầy những khoảng không.</p> <p><img alt="Panda gau truc" data-entity-type="file" data-entity-uuid="8ba63e40-17ed-4fde-aff2-03b4e1e4b4fd" src="/sites/default/files/inline-images/04_0.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Multi-Stability</b></p> <p>Con người thường phân tích những đối tượng không rõ ràng theo nhiều cách khác nhau. Bộ não của chúng ta thường cân nhắc giữa các lựa chọn khác nhau để tìm kiếm sự chắc chắn. Kết quả là, một hình ảnh sẽ độc chiếm trong trí não của chúng ta trong khi hình ảnh còn lại sẽ khó để nhìn ra hơn. </p> <p><img alt="43" data-entity-type="file" data-entity-uuid="af6dba3c-c48c-4cd6-862e-e41c0d1bd1a8" src="/sites/default/files/inline-images/05_0.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Invariance</b></p> <p>Con người có thể nhận ra những đối tượng đơn giản, kể cả khi chúng bị xoay chuyển, thay đổi kích thước và biến dạng. Bộ não của chúng ta có thể nhận thức được đối tượng từ nhiều khía cạnh khác nhau mặc cho sự thay đổi của hình dáng của chúng</p> <p><img alt="Quy luật thị giác" data-entity-type="file" data-entity-uuid="4ba7f199-3ac1-4491-a2d7-5522da2b4c54" src="/sites/default/files/inline-images/06.jpg" width="940" height="620" loading="lazy" /></p> <p>Những nguyên tắc Gestalt dưới đây có thể gói gọn việc thiết kế UI ngày nay.</p> <p><b>Proximity</b></p> <p>Các đối tượng được sắp xếp gần với nhau được cho là gắn kết hơn là những đối tượng đặt ở xa. Theo nguyên tắc này, các yếu tố khác nhau được nhìn nhận chủ yếu theo một nhóm hơn là những yếu tố riêng biệt.</p> <p><img alt="Quy luat thi giac UI" data-entity-type="file" data-entity-uuid="e3655fcf-cbbe-42d0-9d54-bd7229979683" src="/sites/default/files/inline-images/07_1.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Nguyên tắc Proximity (Tính Gần Nhau) được áp dụng trong thiết kế UI như thế nào? </b></p> <p>Chúng ta có thể sử dụng nguyên tắc Proximity trong thiết kế UI bằng việc nhóm lại các thông tin tương đồng, sắp xếp nội dung và bố cục. Nếu biết áp dụng đúng cách, các nguyên tắc này sẽ có ảnh hưởng tích cực lên truyền thông thị giác và trải nghiệm người dùng. </p> <p>Như đã đề cập phía trên, những yếu tố mang tính liên kết nên được đặt gần nhau, trong khi những yếu tố không liên quan cần cách xa. Hơn thế nữa, những khoảng trắng (white space) đóng một vai trò quan trọng trong việc tạo nên sự tương phản, từ đó dẫn mắt người nhìn đi theo một hướng có chủ đích. Ngoài ra, các khoảng trắng có thể tăng cường phân cấp thị giác và luồng thông tin, giúp cho bố cục thoáng và dễ quét thông tin hơn. Điều này sẽ giúp người dùng đáp ứng được nhu cầu nhanh hơn và đào sâu được vào phần nội dung hơn.</p> <img alt="" data-entity-type="file" data-entity-uuid="86a2d1dd-2297-42d1-8d8a-72207941315d" height="1620" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-1.jpg" width="2881" class="align-center" loading="lazy" /><p> </p> <p><i>Chúng ta có thể áp dụng nguyên tắc Proximity khá nhiều ở mọi nơi từ thanh điều hướng, thẻ, gallery và banner cho đến danh sách, văn bản và phân trang.</i></p> <p> </p> <p><b>Common Region</b></p> <p>Tương tự như nguyên tắc Proximity, những yếu tố được đặt gần nhau trong một khu vực được nhìn nhận như một nhóm.</p> <p><b>Nguyên tắc Common Region được áp dụng trong thiết kế UI như thế nào? </b></p> <p> </p> <p>Nguyên tắc Common Region đặc biệt hữu ích trong việc nhóm các luồng thông tin và sắp xếp nội dung, đồng thời phân tách nội dung để người dùng tập trung vào các tiêu điểm (focal point). </p> <p>Nguyên tắc này tăng tính phân cấp, khả năng quét và hỗ trợ quảng bá thông tin.</p> <p>Nguyên tắc Common Region có thể kết hợp rất nhiều yếu tố khác nhau, đảm bảo sự thống nhất với của chúng bên trong một tổ hợp lớn hơn. Chúng ta có đạt được điều này qua việc sử dụng các đường thẳng, màu sắc, hình dạng và đổ bóng.</p> <p> </p> <p><i>Một ví dụ về việc áp dụng tốt nguyên tắc Common Region trong thiết kế UI; các thẻ được định nghĩa rõ ràng trong một diện tích hình chữ nhật.</i></p> <p><b>Similarity</b></p> <p>Những yếu tố thiết kế mang những đặc điểm thị giác tương đồng thường được xem là liên quan đến nhau hơn.</p> <p> </p> <p><img alt="Quy luật thị giác Thiết kế UI" data-entity-type="file" data-entity-uuid="511ac262-91ff-4d41-88b7-ada1a9d376e4" src="/sites/default/files/inline-images/09_1.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Nguyên tắc Similarity áp dụng trong thiết kế UI như thế nào? </b></p> <p>Chúng ta có xu hướng nhận thức các yếu tố theo một nhóm hoặc mô hình. Chúng ta cũng cho rằng chúng phục vụ chung mục đích. Sự tương đồng có thể giúp chúng ta tổ chức và phân loại các đối tượng trong một nhóm và liên kết chúng với một ý nghĩa hoặc chức năng cụ thể.</p> <p>Có nhiều cách để thiết kế các yếu tố sao cho các yếu tố trông tương đồng và liên quan tới nhau. Những cách đó bao gồm tương đồng về màu sắc, kích thước, hình dáng, chất liệu, không gian và định hướng; trong đó một vài yếu tố sẽ đưa ra thông điệp mạnh hơn (ví dụ như màu sắc &gt; kích thước &gt; hình dáng). Khi nguyên tắc Similarity được áp dụng, một yếu tố có thể được nhận mạnh bằng cách trông khác biệt với các yếu tố khác, cách thức này được gọi là “Anomaly” và có thể sử dụng tạo tính tương phản. Cách này tập trung sự chú ý của người dùng vào một nội dung nhất định (focal point) trong khi vẫn đảm bảo tính dễ quét, dễ nhận diện và luồng tổng quan.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="391db509-b850-4639-bb57-ae1706a8c8cd" height="1621" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-2.jpg" width="2881" loading="lazy" /></p> <p><i>Chúng ta có thể sử dụng nguyên tắc Similarity cho điều hướng, link, button, tiêu đề, call to action…</i></p> <p> </p> <p><b>Closure</b></p> <p>Một tập hợp các yếu tố thường được nhìn nhận như một hình dạng nhất định. Nguyên tắc Closure cũng được áp dụng khi một đối tượng không hoàn thiện.</p> <p><img alt="tr" data-entity-type="file" data-entity-uuid="b33b0b2b-e9df-4c9a-ac4c-7b64a7e90e53" src="/sites/default/files/inline-images/11.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Nguyên tắc Closure được áp dụng trong thiết kế UI như thế nào? </b></p> <p>Theo nguyên tắc Closure, khi được cung cấp một lượng thông tin phù hợp, não bộ sẽ tự động đưa ra kết luận bằng cách lấp vào những khoảng trống và tạo nên một thể thống nhất. Bằng cách này, chúng ta có thể giảm số lượng các yếu tố cần thiết để truyền đạt thông tin, giảm mức độ phức tạp và làm cho các thiết kế trở nên thu hút hơn. Ngoài ra, áp dụng nguyên tắc Closure có thể giúp giảm thiểu độ nhiễu khi truyền tải thông điệp, nhất là trong những không gian hạn chế.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="a942d51a-baca-4e38-8703-c1046465ad62" height="1621" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-3.jpg" width="2881" loading="lazy" /></p> <p> </p> <p><i>Chúng có thể áp dụng nguyên tắc Closure trong thiết kế icon, sự đơn giản giúp truyền tải ý nghĩa nhanh chóng và ngắn gọn.</i></p> <p> </p> <p><b>Symmetry</b></p> <p>Các yếu tố đối xứng thường được đánh giá liên quan tới nhau, mặc cho khoảng cách của chúng. Điều này tạo cho chúng ta một cảm giác liên kết và mạch lạc. </p> <p><img alt="1" data-entity-type="file" data-entity-uuid="f79c44ac-58b4-4580-9231-4d88dae48c2c" src="/sites/default/files/inline-images/13.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Nguyên tắc Symmetry được áp dụng trong thiết kế UI như thế nào? </b></p> <p>Các yếu tố đối xứng rất đơn giản, hài hoà và thoả mãn thị giác. Mắt của chúng ta luôn tìm kiếm thuộc tính mạch lạc và ổn định, chính vì vậy, áp dụng nguyên tắc Symmetry sẽ giúp truyền tải thông tin nhanh hơn, hiệu quả hơn bởi người nhìn có thể dễ dàng tập trung vào những nội dung quan trọng. </p> <p>Các tổ hợp đối xứng nhìn chung tạo được sự thỏa mãn trong mắt người nhìn, nhưng đồng thời chúng có thể trở nên tĩnh và buồn tẻ. Việc cho thêm những yếu tố bất đối xứng vào những thiết kế đối xứng có thể thu hút được sự chú ý và gây được ấn tượng mạnh mẽ hơn. Điều này sẽ hữu ích trong việc thiết kế những điểm cần thú hút sự chú ý, ví dụ như Call to Action. Việc cân bằng giữa việc áp dụng sự đối xứng và bất đối xứng là rất quan trọng trong bất cứ thiết kế nào.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="b53f3245-8ef8-4b2f-9e01-218313280b6f" height="1620" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-4.jpg" width="2881" loading="lazy" /></p> <p><i>Nên sử dụng Nguyên tắc Symmetry cho portfolio, gallery, hiển thị chi tiết sản phẩm, list liệt kê, điều hướng, banner và các trang nặng về content.</i></p> <p> </p> <p><b>Continuation</b><br /> Các yếu tố được sắp xếp trên một đường thẳng hay một đường cong mềm mại được nhìn nhận liên kết với nhau hơn là sắp xếp một cách ngẫu nhiên. </p> <p><img alt="Quy luật thị giác Thiết kế UI" data-entity-type="file" data-entity-uuid="992743b1-4763-41fc-8a87-9217fa9840dc" src="/sites/default/files/inline-images/15.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Nguyên tắc Continuity được áp dụng trong thiết kế UI như thế nào? </b></p> <p>Những yếu tố thiết kế được đặt trên một đường liền mạch thường được xem như một nhóm. Áp dụng nguyên tắc Continuity giúp căn gióng các yếu tố và hướng đường mắt đi xuyên suốt thiết kế, tăng mức độ dễ đọc. Đồng thời, nguyên tắc này nhấn mạnh các thông tin theo nhóm, tăng cường phân cấp và dẫn dắt người dùng tới những phân đoạn content khác nhau. Sự gián đoạn của tính liên tục có thể báo hiệu sự kết thúc của một phần và hướng sự chú ý tới một phần nội dung mới.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="e2c0a2a5-aa15-4269-844e-2a5a7fb98592" height="1621" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-5.jpg" width="2881" loading="lazy" /></p> <p> </p> <p><i>Sự sắp xếp theo đường thẳng của các cột dọc và hàng ngang là những ví dụ điển hình cho Nguyên tắc Continuity, ví dụ như ở menu và sub-menu, danh sách liệt kê, sản phẩm, dịch vụ hoặc trình bày quy trình.</i></p> <p> </p> <p><b>Common Fate</b></p> <p>Những yếu tố chuyển động theo cùng một hướng được nhìn nhận như một tập hợp có liên quan chặt chẽ hơn là những yếu tố chuyển động theo những hướng khác nhau hoặc không chuyển động.</p> <p><img alt="Quy luật thị giác Thiết kế UI" data-entity-type="file" data-entity-uuid="80b5c882-5129-4881-92a9-866e7eb56fd5" src="/sites/default/files/inline-images/17.jpg" width="940" height="620" loading="lazy" /></p> <p><b>Nguyên tắc Common Fate được áp dụng trong thiết kế UI như thế nào? </b></p> <p>Mặc cho sự sắp xếp xa cách và sự khác nhau về bề ngoài của những yếu tố thiết kế, nếu chúng đều di chuyển động cùng hướng với nhau, người dùng vẫn sẽ nhìn nhận chúng như một tập hơn có sự gắn kết chặt chẽ. </p> <p>Nguyên tắc Common Fate sẽ trở nên hiệu quả hơn khi các yếu tố di chuyển một cách đồng bộ: cùng chiều hướng, thời gian và vận tốc. Thêm nữa, điều này cũng hỗ trợ trong việc nhóm các thông tin liên quan lại với nhau. Sự gián đoạn trong  những chuyển động mang tính đồng bộ này có thể thu hút con mắt người dùng tới một điểm yếu tố cụ thể. Ngoài ra, điều này còn giúp thiết lập mối quan hệ giữa các nhóm khác nhau. </p> <p><img alt="" data-entity-type="file" data-entity-uuid="5e690ebc-f652-4bed-a164-e39d8ee9afd7" height="1620" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-6.jpg" width="2881" loading="lazy" /></p> <p><i>Chúng ta có thể sử dụng nguyên tắc Common Fate trong các menu mở rộng, accordions, mẹo công cụ, thanh trượt sản phẩm, và chỉ dẫn cuộn, parallax.</i></p> <p> </p> <p><b>Tạm Kết </b></p> <p>Thiết Kế Giao Diện Người Dùng không chỉ dừng lại ở việc nắn nót từng pixel hay đồ hoạ cuốn hút. Thực tế, các thiết kế phải được dựa vào tính giao tiếp, kết nối và thuận lợi cho người dùng. Những nguyên tắc Gestalt được áp dụng để đạt được các mục tiêu trên, mang đến một trải nghiệm dễ dùng cho người sử dụng và mang lại một thành công lớn cho doanh nghiệp. </p> <p> </p> <p>Dịch nguồn: <a href="https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965">muz.li</a></p> </div> </div> </div> <a href="/vi/quy-luat-thi-giac" hreflang="vi">Quy luật thị giác</a> <a href="/vi/design" hreflang="vi">Design</a> <a href="/vi/thiet-ke" hreflang="vi">thiết kế</a> <a href="/vi/thiet-ke-website" hreflang="vi">Thiết kế Website</a> <a href="/vi/brand-identity" hreflang="vi">Brand Identity</a> <a href="/vi/visual-perception" hreflang="vi">visual perception</a> <div class="f-img" style="margin-bottom: 45px"> <img src="/sites/default/files/2021-11/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui.jpg" alt="Những nguyên tắc Gestalt - Khai thác quy luật thị giác trong thiết kế 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"> <blockquote> <p>Đã bao giờ bạn nhìn lên những đám mây trên bầu trời và tự vẽ lên cho mình những hình ảnh của một con thú quen thuộc hay một đồ vật nào đó chưa? Và đã bao giờ bạn tự hỏi rằng, tại sao chúng ta luôn liên tưởng những hình ảnh như vậy từ những đám mây không có hình dạng nhất định? Đó là bởi cách thức bộ não chúng ta vận hành theo quy luật thị giác, một quy luật được áp dụng thường xuyên trong thiết kế UI. </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="relateEntry-detail"> <h3 class="f-title">Bài viết liên quan</h3> <ul class="f-list"> <li><a href="/vi/nhan-thuc-thi-giac-trong-thiet-ke-trai-nghiem-nguoi-dung">Nhận thức thị giác (Visual Perception) trong thiết kế trải nghiệm người dùng <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/cach-nhan-thuc-thi-giac-hoat-dong">Cách nhận thức thị giác (Visual Perception) hoạt động <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/kien-thuc-thiet-ke-co-ban-tam-ly-hoc-hinh-dang">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 <span class="f-icon"><i class="agency-arrow-right"></i></span></a></li> <li><a href="/vi/tim-hieu-ve-tuong-phan-contrast-va-nhan-thuc-thi-giac-trong-thiet-ke">Tìm hiểu về tương phản (Contrast) và nhận thức thị giác (Visual Perception) trong thiết kế <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>&nbsp;</p> <img alt="11" data-align="center" data-entity-type="file" data-entity-uuid="dddc3de2-7ed5-4a26-b1d8-2d0e4ef4478c" src="/sites/default/files/inline-images/Slice_0.png" /> <p>Bộ não con người luôn cố gắng gán ý nghĩa cho thế giới quan bằng cách so sánh với những trải nghiệm hoặc những hình ảnh&nbsp;đã từng thấy trước đó và rồi kết nối chúng lại với nhau. Đúng vậy, để vẽ bức tranh tổng quan, bộ não con người nhận biết hình dáng, hình thức, nhóm thông tin và điền vào những khoảng trống theo một cách khá “kì quặc” của riêng nó.</p> <p>Hiểu cách thức hoạt động của bộ não con người sẽ giúp bạn trở thành một người thiết kế khôn ngoan hơn, hay hơn thế nữa, bạn có thể trở thành một bậc thầy Visual Communication (Truyền Thông Thị Giác). Bạn có thể quyết định được yếu tố thị giác nào hiệu quả và phù hợp trong một tình huống nhất định, từ đó gây ảnh hưởng đến sự nhận thức, thu hút sự chú ý và tạo nên thay đổi trong hành vi của đối tượng. Điều này đặc biệt hữu ích cho các thiết kế trực quan có định hướng mục tiêu nhằm giải quyết vấn đề, đó là <a href="https://beau.vn/vi/goc-nhin/10-nguyen-tac-cot-loi-de-co-mot-thiet-ke-website-dep">Thiết kế UI</a> - thiết kế giao diện người dùng (UI Design).</p> <p>Laura Busche, Chiến lược gia nội dung thương hiệu tại Autodesk chia sẻ rằng: “Một người thiết kế giỏi nên hiểu được sức mạnh của tâm lý học và quy luật thị giác. Điều gì sẽ xảy ra nếu ai đó nhìn vào sản phẩm thiết kế của bạn? Họ sẽ phản ứng ra sao với thông điệp mà sản phẩm&nbsp;gửi gắm?”&nbsp;</p> <p>Rõ ràng là, thiết kế và tâm lý có một sự kết nối chặt chẽ với nhau, và chúng có thể ảnh hưởng lẫn nhau. Các nguyên tắc quy luật thị giác Gestalt sẽ giúp chúng ta hiểu rõ và kiểm soát được những liên kết này.&nbsp;</p> <p><strong>Xem thêm:&nbsp;<em><a href="https://beau.vn/vi/goc-nhin/thiet-ke-web-chuyen-nghiep-nen-tang-thanh-cong-cua-cac-doanh-nghiep">Thiết Kế Web Chuyên Nghiệp – Nền Tảng Thành Công Của Các Doanh Nghiệp</a></em></strong></p> <p><b>Quy luật thị giác Gestalt là gì?&nbsp;</b></p> <p>Gestalt (trong tiếng Đức mang nghĩa là hình dáng, hình thức) là một tập hợp của những nguyên tắc nhận thức về mặt thị giác, được phát triển bởi những nhà tâm lý học người Đức vào những năm 1920. Nó được xây dựng dựa trên lý thuyết “con người sẽ luôn ưu tiên&nbsp;nhìn nhận tổng thể hơn là tập trung vào các chi tiết”.</p> <blockquote> <p>&nbsp;“The whole is other than the sum of the parts.”</p> </blockquote> <p> <i>—</i> <i>Kurt&nbsp;Koffka</i></p> <p>Nguyên tắc Gestalt miêu tả cách con người tiếp nhận những yếu tố thị giác trong những điều kiện nhất định. Các nguyên tắc được xây trên 4 ý chính:&nbsp;</p> <p><b>Emergence</b></p> <p>Con người thường nhận ra các yếu tố thị giác thông qua phác thảo tổng quan của chúng. Bộ não của chúng ta có khả năng nhận dạng được một vật thể đơn giản được định nghĩa rõ ràng nhanh hơn là một vật thể chi tiết.</p> <p><img alt="Chú chó dom" data-entity-type="file" data-entity-uuid="ca34855b-65b1-4ced-a931-d2a915505496" src="/sites/default/files/inline-images/03.jpg" /></p> <p><b>Reification</b></p> <p>Con người có khả năng nhận ra các đối tượng nhất định kể cả khi đối tượng bị thiếu một phần. Đó là vì bộ não của chúng ta luôn kết nối các hình ảnh quen thuộc trong trí nhớ, và rồi tự động lấp đầy những khoảng không.</p> <p><img alt="Panda gau truc" data-entity-type="file" data-entity-uuid="8ba63e40-17ed-4fde-aff2-03b4e1e4b4fd" src="/sites/default/files/inline-images/04_0.jpg" /></p> <p><b>Multi-Stability</b></p> <p>Con người thường phân tích những đối tượng không rõ ràng theo nhiều cách khác nhau. Bộ não của chúng ta thường cân nhắc giữa các lựa chọn khác nhau để tìm kiếm sự chắc chắn. Kết quả là, một hình ảnh sẽ độc chiếm trong trí não của chúng ta trong khi hình ảnh còn lại sẽ khó để nhìn ra hơn.&nbsp;</p> <p><img alt="43" data-entity-type="file" data-entity-uuid="af6dba3c-c48c-4cd6-862e-e41c0d1bd1a8" src="/sites/default/files/inline-images/05_0.jpg" /></p> <p><b>Invariance</b></p> <p>Con người có thể nhận ra những đối tượng đơn giản, kể cả khi chúng bị xoay chuyển, thay đổi kích thước và biến dạng. Bộ não của chúng ta có thể nhận thức được đối tượng từ nhiều khía cạnh khác nhau mặc cho sự thay đổi của hình dáng của chúng</p> <p><img alt="Quy luật thị giác" data-entity-type="file" data-entity-uuid="4ba7f199-3ac1-4491-a2d7-5522da2b4c54" src="/sites/default/files/inline-images/06.jpg" /></p> <p>Những nguyên tắc quy luật thị giác&nbsp;Gestalt dưới đây có thể gói gọn việc thiết kế UI ngày nay.</p> <p><b>Proximity</b></p> <p>Các đối tượng được sắp xếp gần với nhau được cho là gắn kết hơn là những đối tượng đặt ở xa. Theo nguyên tắc này, các yếu tố khác nhau được nhìn nhận chủ yếu theo một nhóm hơn là những yếu tố riêng biệt.</p> <p><img alt="Quy luat thi giac UI" data-entity-type="file" data-entity-uuid="e3655fcf-cbbe-42d0-9d54-bd7229979683" src="/sites/default/files/inline-images/07_1.jpg" /></p> <p><b>Nguyên tắc Proximity (Tính Gần Nhau) được áp dụng trong thiết kế UI như thế nào để tận dụng quy luật thị giác?&nbsp;</b></p> <p>Chúng ta có thể sử dụng nguyên tắc Proximity trong thiết kế UI bằng việc nhóm lại các thông tin tương đồng, sắp xếp nội dung và bố cục. Nếu biết áp dụng đúng cách, các nguyên tắc này sẽ có ảnh hưởng tích cực lên truyền thông thị giác và trải nghiệm người dùng.&nbsp;</p> <p>Như đã đề cập phía trên, những yếu tố mang tính liên kết nên được đặt gần nhau, trong khi những yếu tố không liên quan cần cách xa. Hơn thế nữa, những khoảng trắng (white space) đóng một vai trò quan trọng trong việc tạo nên sự tương phản, từ đó dẫn mắt người nhìn đi theo một hướng có chủ đích. Ngoài ra, các khoảng trắng có thể tăng cường phân cấp thị giác và luồng thông tin, giúp cho bố cục thoáng và dễ quét thông tin hơn. Điều này sẽ giúp người dùng đáp ứng được nhu cầu nhanh hơn và đào sâu được vào phần nội dung hơn.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="86a2d1dd-2297-42d1-8d8a-72207941315d" height="1620" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-1.jpg" width="2881" /></p> <p><i>Chúng ta có thể áp dụng nguyên tắc Proximity khá nhiều ở mọi nơi từ thanh điều hướng, thẻ, gallery và banner cho đến danh sách, văn bản và phân trang.</i></p> <p><a href="https://beau.vn/vi/goc-nhin/10-nguyen-tac-cot-loi-de-co-mot-thiet-ke-website-dep"><em><strong>=&gt;&nbsp;10 nguyên tắc cốt lõi để có một thiết kế Website đẹp</strong></em></a></p> <p><b>Common Region</b></p> <p>Tương tự như nguyên tắc Proximity, những yếu tố được đặt gần nhau trong một khu vực được nhìn nhận như một nhóm.</p> <p><b>Nguyên tắc Common Region được áp dụng trong <a href="https://beau.vn/vi/uxui-Trai-Nghiem-Nguoi-Dung-Giao-Dien-Nguoi-Dung-02?page=0">thiết kế UI</a> như thế nào?&nbsp;</b></p> <p>Nguyên tắc Common Region đặc biệt hữu ích trong việc nhóm các luồng thông tin và sắp xếp nội dung, đồng thời phân tách nội dung để người dùng tập trung vào các tiêu điểm (focal point).&nbsp;</p> <p>Nguyên tắc này tăng tính phân cấp, khả năng quét và hỗ trợ quảng bá thông tin.</p> <p>Nguyên tắc Common Region có thể kết hợp rất nhiều yếu tố khác nhau, đảm bảo sự thống nhất với của chúng bên trong một tổ hợp lớn hơn. Chúng ta có đạt được điều này qua việc sử dụng các đường thẳng, màu sắc, hình dạng và đổ bóng.</p> <p><b>Similarity</b></p> <p>Những yếu tố thiết kế mang những đặc điểm thị giác tương đồng thường được xem là liên quan đến nhau hơn.</p> <p><img alt="Quy luật thị giác Thiết kế UI" data-entity-type="file" data-entity-uuid="511ac262-91ff-4d41-88b7-ada1a9d376e4" src="/sites/default/files/inline-images/09_1.jpg" /></p> <p><b>Nguyên tắc Similarity áp dụng trong thiết kế UI như thế nào? </b></p> <p>Chúng ta có xu hướng nhận thức các yếu tố theo một nhóm hoặc mô hình. Chúng ta cũng cho rằng chúng phục vụ chung mục đích. Sự tương đồng có thể giúp chúng ta tổ chức và phân loại các đối tượng trong một nhóm và liên kết chúng với một ý nghĩa hoặc chức năng cụ thể.</p> <p>Có nhiều cách để thiết kế các yếu tố sao cho các yếu tố trông tương đồng và liên quan tới nhau. Những cách đó bao gồm tương đồng về màu sắc, kích thước, hình dáng, chất liệu, không gian và định hướng; trong đó một vài yếu tố sẽ đưa ra thông điệp mạnh hơn (ví dụ như màu sắc &gt; kích thước &gt; hình dáng). Khi nguyên tắc Similarity được áp dụng, một yếu tố có thể được nhận mạnh bằng cách trông khác biệt với các yếu tố khác, cách thức này được gọi là “Anomaly” và có thể sử dụng tạo tính tương phản. Cách này tập trung sự chú ý của người dùng vào một nội dung nhất định (focal point) trong khi vẫn đảm bảo tính dễ quét, dễ nhận diện và luồng tổng quan.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="391db509-b850-4639-bb57-ae1706a8c8cd" height="1621" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-2.jpg" width="2881" /></p> <p><i>Chúng ta có thể sử dụng nguyên tắc Similarity cho điều hướng, link, button, tiêu đề, call to action…</i></p> <p>&nbsp;</p> <p><b>Closure</b></p> <p>Một tập hợp các yếu tố thường được nhìn nhận như một hình dạng nhất định. Nguyên tắc Closure cũng được áp dụng khi một đối tượng không hoàn thiện.</p> <p><img alt="tr" data-entity-type="file" data-entity-uuid="b33b0b2b-e9df-4c9a-ac4c-7b64a7e90e53" src="/sites/default/files/inline-images/11.jpg" /></p> <p><b>Nguyên tắc Closure được áp dụng trong thiết kế UI như thế nào?&nbsp;</b></p> <p>Theo nguyên tắc Closure, khi được cung cấp một lượng thông tin phù hợp, não bộ sẽ tự động đưa ra kết luận bằng cách lấp vào những khoảng trống và tạo nên một thể thống nhất. Bằng cách này, chúng ta có thể giảm số lượng các yếu tố cần thiết để truyền đạt thông tin, giảm mức độ phức tạp và làm cho các thiết kế trở nên thu hút hơn. Ngoài ra, áp dụng nguyên tắc Closure có thể giúp giảm thiểu độ nhiễu khi truyền tải thông điệp, nhất là trong những không gian hạn chế.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="a942d51a-baca-4e38-8703-c1046465ad62" height="1621" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-3.jpg" width="2881" /></p> <p><i>Chúng có thể áp dụng nguyên tắc Closure trong thiết kế icon, sự đơn giản giúp truyền tải ý nghĩa nhanh chóng và ngắn gọn.</i></p> <p>&nbsp;</p> <p><b>Symmetry</b></p> <p>Các yếu tố đối xứng thường được đánh giá liên quan tới nhau, mặc cho khoảng cách của chúng. Điều này tạo cho chúng ta một cảm giác liên kết và mạch lạc.&nbsp;</p> <p><img alt="1" data-entity-type="file" data-entity-uuid="f79c44ac-58b4-4580-9231-4d88dae48c2c" src="/sites/default/files/inline-images/13.jpg" /></p> <p><b>Nguyên tắc Symmetry được áp dụng trong thiết kế UI như thế nào?&nbsp;</b></p> <p>Các yếu tố đối xứng rất đơn giản, hài hoà và thoả mãn thị giác. Mắt của chúng ta luôn tìm kiếm thuộc tính mạch lạc và ổn định, chính vì vậy, áp dụng nguyên tắc Symmetry sẽ giúp truyền tải thông tin nhanh hơn, hiệu quả hơn bởi người nhìn có thể dễ dàng tập trung vào những nội dung quan trọng.&nbsp;</p> <p>Các tổ hợp đối xứng nhìn chung tạo được sự thỏa mãn trong mắt người nhìn, nhưng đồng thời chúng có thể trở nên tĩnh và buồn tẻ. Việc cho thêm những yếu tố bất đối xứng vào những thiết kế đối xứng có thể thu hút được sự chú ý và gây được ấn tượng mạnh mẽ hơn. Điều này sẽ hữu ích trong việc thiết kế những điểm cần thú hút sự chú ý, ví dụ như Call to Action. Việc cân bằng giữa việc áp dụng sự đối xứng và bất đối xứng là rất quan trọng trong bất cứ thiết kế nào.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="b53f3245-8ef8-4b2f-9e01-218313280b6f" height="1620" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-4.jpg" width="2881" /></p> <p><i>Nên sử dụng Nguyên tắc Symmetry cho portfolio, gallery, hiển thị chi tiết sản phẩm, list liệt kê, điều hướng, banner và các trang nặng về content.</i></p> <p>&nbsp;</p> <p><b>Continuation</b><br /> Các yếu tố được sắp xếp trên một đường thẳng hay một đường cong mềm mại được nhìn nhận liên kết với nhau hơn là sắp xếp một cách ngẫu nhiên.&nbsp;</p> <img alt="Quy luật thị giác Thiết kế UI" data-align="center" data-entity-type="file" data-entity-uuid="992743b1-4763-41fc-8a87-9217fa9840dc" src="/sites/default/files/inline-images/15.jpg" /> <p><b>Nguyên tắc Continuity được áp dụng trong thiết kế UI như thế nào?&nbsp;</b></p> <p>Những yếu tố thiết kế được đặt trên một đường liền mạch thường được xem như một nhóm. Áp dụng nguyên tắc Continuity giúp căn gióng các yếu tố và hướng đường mắt đi xuyên suốt thiết kế, tăng mức độ dễ đọc. Đồng thời, nguyên tắc này nhấn mạnh các thông tin theo nhóm, tăng cường phân cấp và dẫn dắt người dùng tới những phân đoạn content khác nhau. Sự gián đoạn của tính liên tục có thể báo hiệu sự kết thúc của một phần và hướng sự chú ý tới một phần nội dung mới.</p> <p><img alt="" data-entity-type="file" data-entity-uuid="e2c0a2a5-aa15-4269-844e-2a5a7fb98592" height="1621" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-5.jpg" width="2881" /></p> <p><i>Sự sắp xếp theo đường thẳng của các cột dọc và hàng ngang là những ví dụ điển hình cho Nguyên tắc Continuity, ví dụ như ở menu và sub-menu, danh sách liệt kê, sản phẩm, dịch vụ hoặc trình bày quy trình.</i></p> <p><b>Common Fate</b></p> <p>Những yếu tố chuyển động theo cùng một hướng được nhìn nhận như một tập hợp có liên quan chặt chẽ hơn là những yếu tố chuyển động theo những hướng khác nhau hoặc không chuyển động.</p> <img alt="Quy luật thị giác Thiết kế UI" data-align="center" data-entity-type="file" data-entity-uuid="80b5c882-5129-4881-92a9-866e7eb56fd5" src="/sites/default/files/inline-images/17.jpg" /> <p><b>Nguyên tắc Common Fate được áp dụng trong thiết kế UI như thế nào?&nbsp;</b></p> <p>Mặc cho sự sắp xếp xa cách và sự khác nhau về bề ngoài của những yếu tố thiết kế, nếu chúng đều di chuyển động cùng hướng với nhau, người dùng vẫn sẽ nhìn nhận chúng như một tập hơn có sự gắn kết chặt chẽ.&nbsp;</p> <p>Nguyên tắc Common Fate sẽ trở nên hiệu quả hơn khi các yếu tố di chuyển một cách đồng bộ: cùng chiều hướng, thời gian và vận tốc. Thêm nữa, điều này cũng hỗ trợ trong việc nhóm các thông tin liên quan lại với nhau. Sự gián đoạn trong&nbsp; những chuyển động mang tính đồng bộ này có thể thu hút con mắt người dùng tới một điểm yếu tố cụ thể. Ngoài ra, điều này còn giúp thiết lập mối quan hệ giữa các nhóm khác nhau.&nbsp;</p> <p><img alt="" data-entity-type="file" data-entity-uuid="5e690ebc-f652-4bed-a164-e39d8ee9afd7" height="1620" src="/sites/default/files/nhung-nguyen-tac-gestalt-khai-thac-quy-luat-thi-giac-trong-thiet-ke-ui-6.jpg" width="2881" /></p> <p><i>Chúng ta có thể sử dụng nguyên tắc Common Fate trong các menu mở rộng, accordions, mẹo công cụ, thanh trượt sản phẩm, và chỉ dẫn cuộn, parallax.</i></p> <p>&nbsp;</p> <p><b>Tạm Kết&nbsp;</b></p> <p>Thiết Kế UI - Thiết Kế&nbsp;Giao Diện Người Dùng không chỉ dừng lại ở việc nắn nót từng pixel hay đồ hoạ cuốn hút. Thực tế, các thiết kế phải được dựa vào tính giao tiếp, kết nối và thuận lợi cho người dùng. Những nguyên tắc quy luật thị giác&nbsp;Gestalt được áp dụng để đạt được các mục tiêu trên, mang đến một trải nghiệm dễ dùng cho người sử dụng và mang lại một thành công lớn cho doanh nghiệp.&nbsp;</p> <p><strong>Xem thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/tam-ly-hoc-ve-mau-sac-va-ung-dung-trong-thiet-ke"><em>Tâm lý học về Màu sắc và ứng dụng trong thiết kế</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/xu-huong-thiet-ke-website-2018-2020" hreflang="vi">Xu Hướng Thiết Kế Website 2018 - 2020</a> <a href="/vi/goc-nhin/thiet-ke-logo-mau-sac-noi-len-dieu-gi-ve-thuong-hieu-cua-ban" hreflang="vi">Thiết kế Logo: Màu sắc nói lên điều gì về Thương hiệu của bạn?</a> <a href="/vi/goc-nhin/tan-dung-cac-mo-hinh-nhan-thuc-vao-thiet-ke-san-pham-p2" hreflang="vi">Tận Dụng Các Mô Hình Nhận Thức Vào Thiết Kế Sản Phẩm p2</a> <a href="/vi/goc-nhin/tan-dung-cac-mo-hinh-nhan-thuc-vao-san-pham-thiet-ke-p1" hreflang="vi">Tận Dụng Các Mô Hình Nhận Thức Vào Sản Phẩm Thiết Kế p1</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/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> <a href="/vi/goc-nhin/series-typography-trong-quy-trinh-xay-dung-trai-nghiem-so-1-lua-chon-font-chu" hreflang="vi">Series: Typography trong quy trình xây dựng trải nghiệm số #1: Lựa chọn font chữ</a> <a href="/vi/truyen-thong-thi-giac-nhan-thuc-va-thao-tung" hreflang="vi">Truyền Thông Thị Giác: Nhận Thức Và Thao Túng</a> <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/nghien-cuu-ux-dinh-luong-khac-gi-voi-phan-tich-du-lieu-quantitive-ux-research-vs-data-analysis" hreflang="vi">Nghiên cứu UX định lượng khác gì với Phân tích dữ liệu?</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Thu, 19 Sep 2019 08:14:58 +0000 hapham 101 at http://beau.vn Đối mặt với Scope creep (vượt phạm vi dự án) P1 http://beau.vn/vi/goc-nhin/doi-mat-voi-scope-creep-vuot-pham-vi-du-an-p1 <span class="field field--name-title field--type-string field--label-hidden">Đối mặt với Scope creep (vượt phạm vi dự án) P1</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/6" typeof="schema:Person" property="schema:name" datatype="">hapham</span></span> <span class="field field--name-created field--type-created field--label-hidden">T2, 06/25/2018 - 08:55</span> <a href="/vi/agency-ngoai-truyen" hreflang="vi">Agency ngoại truyện</a> <div class="container"> <div class="row"> <div class="col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2 "> <p><em>Thuật ngữ Scope creep có thể gây ra sự sợ hãi trong lòng người quản lý dự án, chủ doanh nghiệp, và thậm chí cả khách hàng. Biết làm thế nào để ngăn chặn creep phạm vi có thể làm cho sự khác biệt giữa một dự án có lợi nhuận và một sự mất mát kinh doanh.</em></p> <h3><strong>Vượt phạm vi dự án?</strong></h3> <p>Cả khi làm việc như một Freelancer hay trong những <a href="https://beau.vn/">Agency</a>, tôi đều có trách nhiệm phải đảm bảo tất cả dự án chạy trên một đường ray chuẩn xác nhất. Và những khi ấy việc vượt phạm vi dự án trở thành một trong những kẻ thù đáng sợ nhất.</p> <p>Tôi chắc chắn rằng bạn đã ít nhất một lần trải qua những dự án không thể kiểm soát được. Đó là khi các tính năng, sản phẩm hoặc kỳ vọng được thêm vào dự án mà không có ngân sách, thời gian hay nguồn lực để kiểm soát chúng.</p> <p>Việc dự án bị vượt khỏi phạm vi chẳng khác nào một ống nước rò rỉ. Một vài giọt không phải là một vấn đề lớn nhưng khi nó tích tụ lại mỗi ngày, mỗi tuần và thậm chí cả tháng sẽ trở thành một điều tồi tệ.</p> <p>Cùng với sự quản lý kém, Scope creep có thể biến thành sự tổn thất lợi nhuận, phá hỏng mối quan hệ với khách hàng và có thể làm mất tinh thần, động lực của các thành viên trong nhóm của bạn.</p> <p>Và nói từ kinh nghiệm cá nhân, đối phó với sự vượt quá phạm vi sau khi thực tế là một trong những cơn ác mộng lớn nhất của quản lý dự án. Nó giống như bị mắc kẹt khi đâm vào giữa một lũ quạ quỷ dữ.</p> <p>Từ kinh nghiệm cá nhân, đối phó với sự vượt quá phạm vi của dự án là một trong những cơn ác mộng của người quản lý dự án. Công việc của người quản lý dự án là làm cho khách hàng hài lòng, giữ nhiệt cho team của bạn, đảm bảo dự án luôn đúng thời gian, ngân sách và mục tiêu kinh doanh của doanh nghiệp. Và thật sự rất khó để dung hòa được tất cả. Tuy nhiên, dù khó khăn đến thế nào thì việc kiểm soát sự vượt quá phạm vi cũng là trách nhiệm quan trọng nhất của PM.</p> <p>Vì vậy, làm thế nào để bạn có thể ngăn chặn việc dự án vượt ngoài phạm vi và tầm kiểm soát?</p> <h3><strong>Hiểu được mục tiêu của khách hàng</strong></h3> <p>Trước khi bắt đầu một dự án, bạn cần phải xác định rõ những gì khách hàng muốn, nhu cầu và mong muốn của cả hai bên cần đạt được trong dự án này. Để làm được điều đó, bạn cần một buổi gặp gỡ trực tiếp giữa khách hàng và những thành viên chủ chốt trong team của bạn. Trong buổi gặp gỡ đó, bạn cần thu thập nhiều thông tin nhất có thể: Mong muốn của khách hàng, đặc trưng sản phẩm, sứ mệnh của doanh nghiệp, thời gian triển khai dự án, ngân sách cho dự án, … Bằng cách này, bạn có thể có một đầu vào tốt nhất để lên kế hoạch sơ bộ về các tính năng, giao diện thiết kế thậm chí là đưa ra một bản thiết kế demo. Khi nhận được sự đồng ý của các thành viên, bạn có thể đưa ra một bản kế hoạch chi tiết hơn về các khía cạnh và quản lý dễ dàng hơn.</p> <h3><strong>Chia các dự án lớn thành các dự án nhỏ</strong></h3> <p>Những miếng bánh nhỏ, có kích cỡ vừa ăn sẽ an toàn và ngon hơn. Dự án của bạn cũng vậy. Một dự án nhỏ bao giờ cũng đơn giản và dễ dàng xác định phạm vi hơn trong việc kiểm soát trong khi các dự án lớn bao giờ cũng khó kiểm soát hơn. Chính vì vậy, bạn hoàn toàn có thể chia nhỏ dự án của bạn nếu nó quá lớn và chia nhỏ ngân sách cho các dự án riêng biệt đó. Khi giai đoạn đầu tiên của dự án kết thúc, bạn có thể đánh giá lại để thay đổi và bổ sung cho giai đoạn tiếp theo. Điều này cho phép bạn điều chỉnh dự án mà không ảnh hưởng đến tổng thể.</p> <h3><strong>Làm rõ dự án và trách nhiệm của các thành viên tham gia</strong></h3> <p>Khi bạn hiểu được nhu cầu của khách hàng và những gì bạn sẽ mang đến cho họ, việc của bạn là truyền đạt lại điều đó với nhóm của bạn. Người quản lý lúc này đóng vai trò người <a href="https://beau.vn/lien-he/">liên lạc</a> giữa khách hàng và đội ngũ doanh nghiệp đảm bảo các bên hiểu được nhau sâu nhất. Bạn phải chắc rằng không có sự mơ hồ về thời gian, công việc, trách nhiệm và chi phí để giảm thiểu tối đa những xung đột không đáng có – một trong những nguyên nhân khiến dự án vượt quá phạm vi dự kiến.</p> <p>Để ngăn chặn Scope creep của <a href="https://beau.vn/du-an/">dự án</a>, tất cả phải được làm rõ ngay từ những bước đầu tiên. Có thể ban đầu bạn sẽ cảm thấy khó khăn để làm được tất cả mọi thứ, nhưng nó thực sự sẽ đem lại cho bạn sự thuận tiện sau này. Đơn giản như khi khách hàng yêu cầu gửi 4 phiên bản thiết kế logo khi ngân sách quy định rõ chỉ có thể là hai phiên bản. Như vậy, với việc cụ thể hóa ngay từ khâu đầu tiên, bạn đã tránh được việc dự án vượt quá phạm vi về số lượng phiên bản thiết kế.</p> <p>Và tất nhiên khách hàng cũng sẽ đánh giá cao điều này. Nếu họ cảm thấy họ hiểu chính xác những gì sẽ xảy ra, họ sẽ tin tưởng ý kiến của bạn hơn</p> <p>Và khách hàng cũng đánh giá cao điều này. Nếu họ cảm thấy họ hiểu chính xác những gì sẽ xảy ra, nó sẽ cho họ sự tự tin để tin tưởng ý kiến của bạn và kiểm soát tốt hơn dự án của họ. Nhờ đó, các email không đáng có hay những cuộc gọi giận dữ yêu cầu công việc cũng sẽ được giảm thiểu tối đa.</p> <p><em>Một vài gợi ý khác:</em></p> <p>Hãy gửi thông tin đến từng cá nhân bằng cách trực tiếp như gọi điện, Skype, … để đảm bảo rằng tất cả mọi người đều hiểu về dự án đó. Không phải ai cũng đọc và hiểu những tài liệu chi tiết của bạn. Chính vì thế hãy chỉ ra cho họ những điểm cốt yếu để chắc rằng điều bạn hiểu và họ hiểu là giống nhau.</p> <p>Xem thêm tại: <a href="https://beau.vn/vi/goc-nhin/doi-mat-voi-scope-creep-vuot-pham-vi-du-an-p2"><em><strong>Đối mặt với Scope creep (vượt phạm vi dự án) P2</strong></em></a></p> <p>Theo Jennifer Faulkner trên Proposify, July 18, 2017</p> </div> </div> </div> <a href="/vi/thuong-hieu" hreflang="vi">Thương Hiệu</a> <a href="/vi/client-agency" hreflang="vi">Client Agency</a> <a href="/vi/client-agency-relationship" hreflang="vi">client agency relationship</a> <a href="/vi/design" hreflang="vi">Design</a> <a href="/vi/marketing" hreflang="vi">marketing</a> <a href="/vi/moi-quan-he-client-agency" hreflang="vi">Mối quan hệ Client – Agency</a> <a href="/vi/quan-tri-du-an" hreflang="vi">Quản trị dự án</a> <a href="/vi/scope-creep" hreflang="vi">Scope creep</a> <a href="/vi/vuot-pham-vi-du-an" hreflang="vi">Vượt phạm vi dự án</a> <div class="desktop-space" style="height: 150px"></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"> <div class="f-text"> <p><em>Thuật ngữ <a href="https://beau.vn/vi/goc-nhin/cam-nang-cho-ceo-cach-tranh-10-cam-bay-lam-cham-qua-trinh-chuyen-doi-so"><u><strong>Scope creep</strong></u></a> có thể gây ra sự sợ hãi trong lòng người quản lý dự án, chủ doanh nghiệp, và thậm chí cả khách hàng. Biết làm thế nào để ngăn chặn creep phạm vi có thể làm cho sự khác biệt giữa một dự án có lợi nhuận và một sự mất mát kinh doanh.</em></p> <h3><strong>Vượt phạm vi dự án?</strong></h3> <p>Nếu bạn từng phải quản lý dự án, tôi chắc bạn đã nghe thấy thuật ngữ này nhiều hơn một lần. Đó là khi các tính năng, sản phẩm hoặc kỳ vọng dần được thêm vào dự án mà không có ngân sách, thời gian hay nguồn lực để kiểm soát chúng.</p> <p><br /> Việc dự án bị vượt khỏi phạm vi chẳng khác nào một ống nước rò rỉ. Một vài giọt không phải là một vấn đề lớn nhưng khi nó tích tụ lại mỗi ngày, mỗi tuần và thậm chí cả tháng sẽ trở thành một điều tồi tệ. Nếu quản lý kém, vượt phảm vi dự án có thể thành tổn thất lợi nhuận, phá hỏng mối quan hệ với khách hàng và có thể làm mất tinh thần, động lực của các thành viên trong nhóm của bạn.</p> <p>Và nói từ kinh nghiệm cá nhân, đối phó với việc dự án vượt quá phạm vi là một trong những cơn ác mộng của người làm quản lý. Công việc của người quản lý dự án là làm cho khách hàng hài lòng, giữ nhiệt cho team của bạn, đảm bảo dự án luôn đúng thời gian, ngân sách và mục tiêu kinh doanh. Và thật sự nó rất khó để dung hòa. Tuy nhiên, dù khó khăn đến thế nào thì việc kiểm soát sự vượt quá phạm vi cũng là trách nhiệm quan trọng nhất của quản lý dự án.</p> <h4><em>Vì vậy, làm thế nào để bạn có thể ngăn chặn việc dự án vượt ngoài phạm vi và tầm kiểm soát?</em></h4> <h3>Nguyên nhân dẫn tới vượt phạm vi dự án?</h3> <p><strong>Xem thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/xay-dung-chien-luoc-website-tap-doan-nham-dat-duoc-muc-tieu-trong-ngan-va-dai-han"><em>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</em></a></strong><br /> <br /> Dưới đây là 8 nguyên nhân phổ biến gây ra vượt phạm vi dự án, hãy cẩn thận:</p> <ul> <li>Không làm rõ và quản lý mục tiêu và kỳ vọng của khách hàng với dự án</li> <li>Không tiến hành dự án nhanh gọn</li> <li>Không xác định được phạm vi dự án ngay từ đầu</li> <li>Không rõ ràng về trách nhiệm và nghĩa vụ của bản thân và khách hàng với dự án</li> <li>Không có kế hoạch dự trù</li> <li>Không văn bản hoá công việc</li> <li>Không sử dụng phầm mềm quản lý dự án</li> <li>Không theo dõi nhân lực và upselling</li> <li>Không trao đổi rõ với khách hàng về cách xử lý yêu cầu sửa đổi</li> </ul> <p>Làm sao để ngăn việc vượt phạm vi dự án?</p> <h3><strong>Hiểu được mục tiêu của khách hàng</strong></h3> <p>Trước khi bắt đầu một dự án, bạn cần phải xác định rõ những gì khách hàng muốn, nhu cầu và mong muốn của cả hai bên cần đạt được trong dự án này. Để làm được điều đó, bạn cần một buổi gặp gỡ trực tiếp giữa khách hàng và những thành viên chủ chốt trong team của bạn. Trong buổi gặp gỡ đó, bạn cần thu thập nhiều thông tin nhất có thể: Mong muốn của khách hàng, đặc trưng sản phẩm, sứ mệnh của doanh nghiệp, thời gian triển khai dự án, ngân sách cho dự án,… Bằng cách này, bạn có thể có một đầu vào tốt nhất để lên kế hoạch sơ bộ về các tính năng, giao diện thiết kế thậm chí là đưa ra một bản thiết kế demo. Khi nhận được sự đồng ý của các thành viên, bạn có thể đưa ra một bản kế hoạch chi tiết hơn về các khía cạnh và quản lý dễ dàng hơn.</p> <h3><strong>Chia các dự án lớn thành các dự án nhỏ</strong></h3> <p>Một trong những nguyên nhân phổ biến của vượt phạm vi dự án là cắn nhiều hơn những gì bạn có thể nhai, những miếng bánh nhỏ, có kích cỡ vừa ăn sẽ an toàn và ngon hơn. Dự án của bạn cũng vậy. Một dự án nhỏ bao giờ cũng đơn giản và dễ dàng hơn để xác định và quản lý. Ngược lại, trong khi một dự án lớn điều này sẽ khó hơn, đồng nghĩa có nhiều khả năng phát sinh vấn đề hơn. Chính vì vậy, bạn nên chia nhỏ dự án của bạn thành các giai đoạn, cùng với đó chia ngân sách cho từng giai đoạn riêng biệt đó. Khi giai đoạn đầu tiên kết thúc, bạn đánh giá lại để sửa đổi và bổ sung cho giai đoạn tiếp theo.</p> <h3>Để đội ngũ của bạn tham gia khi xác định phạm vi dự án</h3> <p><a href="https://beau.vn/vi/goc-nhin/cam-nang-cho-ceo-cach-tranh-10-cam-bay-lam-cham-qua-trinh-chuyen-doi-so"><strong><em>=&gt; 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ố</em></strong></a><br /> <br /> Khi đã biết phải làm gì, bạn cần chắc chắn rằng bạn hiểu cách thức và thời gian tiến hành. Tôi đã tạo thói quen hỏi ý kiến các thành viên trong nhóm trước khi hoàn thiện quy trình, phân bổ và ngân sách cho dự án. Không ai hiểu rõ công việc họ làm bằng chính họ. vậy nên hỏi ý kiến họ là cần thiết. Nhưng thật ngạc nhiên khi những quản lý dự án, sale hay account lại vội vàng hứa hẹn với khách hàng, đưa ra giả định về dự án mà không hỏi qua người có chuyên môn.&nbsp;</p> <p>Với kinh nghiệm, việc ước tính công việc trong dự án trở nên dễ dàng hơn nhưng tôi vẫn luôn muốn tham khảo ý kiến của những designer, developer hay copywriter trong team của tôi. Bởi nó hoàn toàn có khả năng có những việc tôi nghĩ là đơn giản nhưng thực tế nó lại mất một đống thời gian và chi phí. Hoặc đôi khi, các thành viên có góc nhìn mà tôi không có. Những thứ mà có thể làm phức tạp hoặc đơn giản dự án nhưng luôn cần được tính trước.<br /> &nbsp;</p> <h3><strong>Làm rõ dự án và trách nhiệm của các thành viên tham gia</strong></h3> <p>Khi bạn hiểu được nhu cầu của khách hàng và những gì bạn sẽ mang đến cho họ, việc của bạn là truyền đạt lại điều đó với team của bạn. Người quản lý lúc này đóng vai trò người liên lạc giữa khách hàng và đội ngũ doanh nghiệp đảm bảo các bên hiểu được nhau sâu nhất. Bạn phải chắc rằng không có sự mơ hồ về thời gian, công việc, trách nhiệm và chi phí để giảm thiểu tối đa những xung đột không đáng có – một trong những nguyên nhân khiến dự án vượt quá phạm vi dự kiến.</p> <p>Để ngăn chặn vượt phạm vi dụ án, tất cả phải được làm rõ ngay từ những bước đầu tiên. Có thể ban đầu bạn sẽ cảm thấy khó khăn để làm rõ tất cả mọi thứ, nhưng nó thực sự sẽ đem lại cho bạn sự thuận tiện sau này. Đơn giản như khi khách hàng yêu cầu gửi 4 phiên bản thiết kế logo khi ngân sách quy định rõ chỉ có thể là 2 bản. Như vậy, với việc cụ thể hóa ngay từ khâu đầu tiên, bạn đã tránh được việc dự án vượt quá phạm vi về số lượng phiên bản thiết kế.</p> <p>Và tất nhiên khách hàng cũng sẽ đánh giá cao điều này. Nếu họ được biết chính xác những gì sẽ được tiến hành, họ sẽ tin tưởng ý kiến của bạn hơn. Nhờ đó, các email, cuộc gọi giận dữ về tiến độ công việc sẽ không còn nữa.</p> <p>Và khách hàng cũng đánh giá cao điều này. Nếu họ cảm thấy họ hiểu chính xác những gì sẽ xảy ra, nó sẽ cho họ sự tự tin để tin tưởng ý kiến của bạn và kiểm soát tốt hơn dự án của họ. Nhờ đó, các email không đáng có hay những cuộc gọi giận dữ yêu cầu công việc cũng sẽ được giảm thiểu tối đa.</p> <p><em>Một vài gợi ý khác:</em></p> <p>Cung cấp thông tin khái quát về dự án, trực tiếp hoặc ít nhất là qua cuộc gọi. Đừng gửi cho họ cả một bản tài liệu đầy chữ rồi để họ tự muốn hiểu như thế nào thì hiểu. Trình bày chúng với họ để cả hai được rõ ràng và hiểu thấu đáo những gì có trong dự án.</p> <h3>Có kể hoạch dự trù</h3> <p><br /> Cuộc đời bấp bênh, không thể biết trước, và khách hàng cũng có thể như vậy. Phạm vi của dự án có thể thay đổi ngay cả khi bạn đã tính toán kỹ, vậy nên bạn cần rất rõ ràng với khách hàng về kế hoạch dự trù cho những vấn đề có thể phát sinh. Làm rõ cách những đề nghị sửa đổi sẽ được thực hiện, ai chịu trách nhiệm và cách chúng ảnh hưởng tới ngân sách và timeline dự án. Làm rõ những vấn đề này ngay từ đầu, giữ cho kỳ vọng của khách hàng cùng dự án tập trung vào mục tiêu. Nếu khách hàng hiểu đúng về ảnh hưởng của việc sửa đổi hay bổ sung vào dự án thì họ cũng sẽ cân nhắc hơn trong việc đưa ra yêu cầu.</p> <h3>Ký kết hợp đồng</h3> <p><br /> Khi đã lên đầy đủ kế hoạch, trao đổi rõ với khách hàng, điều tiếp theo là làm hợp đồng. Chúng ta cần một hợp đồng rõ ràng được ký bởi cả hai bên, để xác định rõ những vai trò, trách nhiệm cũng như những vấn đề pháp lý có thể có. Làm việc mà không có hợp đồng tiềm ẩn rất nhiều nguy cơ, vượt phạm vi dự án cũng là một trong số ấy.</p> <h3>Quan sát team của bạn</h3> <p><br /> Công bằng mà nói, chúng ta không thể đổ mọi lỗi lầm cho khách hàng. Bạn hẳn đã từng làm việc trong vài dự án, nơi mà có ai đó trong team bay hơi quá, gây ảnh hưởng tới chất lượng và tiến độ dự án.</p> <p>Tôi từng làm việc với một giám đốc nghệ thuật và gần như đã phải ở cạnh anh ấy mọi lúc để đảm bảo anh ấy chỉ làm những thứ mà tôi giao. Như một lần phải thiết kế lại một bao bì sản phẩm, chỉ vì anh ấy thấy logo của khách hàng xấu mà anh ấy dành 20h để thiết kế lại nó, trong khi tôi không hề hay biết. Vấn đề là nếu anh ấy báo trước và giải thích với tôi nguyên nhân mà nó cần sửa đổi hay kéo dài tôi sẽ có thể quản lý dự án tốt hơn, cũng như có thể đàm phán với khách hàng về thời gian, chi phí trước khi đi vào thực hiện. Nhưng khi nó diễn ra khi người quan lý không hay biết, nó sẽ kéo dài dự án, thậm chí chậm deadline, trong khi không hề được trả thêm phí.</p> <p>Hãy đảm bảo thành viên trong nhóm của bạn ước tính thời gian thực thi chính xác nhất có thể, thường xuyên trao đổi với các thành viên về tiến độ, đảm bảo mọi thứ đang đi đúng hướng, cũng như sẵn sàng nếu có phát sinh vấn đề.</p> <p><strong>Xem thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/doi-mat-voi-scope-creep-vuot-pham-vi-du-an-p2"><em>Đối mặt với Scope creep (vượt phạm vi dự án)  P2</em></a></strong></p> <h3><strong>Kết</strong></h3> <p>Vượt phạm vi dự án luôn là mối đe doạ, nó luôn có khả năng xảy ra dù bạn đã tính toán rất kỹ. Có vô số lý do để phải sửa đổi dự án, và không phải lần sửa đổi nào cũng là không tốt. Chúng sẽ tốt hơn cho dự án nếu nó hợp lý và bạn có kế hoạch để đối phó với vấn đề phát sinh. Phương pháp ứng phó với thay đổi phạm vi dự án nên là một phần của kế hoạch ban đầu. Cuối cùng, nó sẽ bảo vệ doanh nghiệp của bạn, cùng với khách hàng, dự án.</p> <p>Theo Jennifer Faulkner trên <em>Proposify, July 18, 2017</em></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/lam-the-nao-de-hop-tac-hieu-qua-voi-cac-agency" hreflang="vi">Làm thế nào để hợp tác hiệu quả với các Agency</a> <a href="/vi/goc-nhin/hop-tac-client-va-agency-nhung-goc-nhin-moi" hreflang="vi">Hợp tác Client và Agency: Những góc nhìn mới</a> <a href="/vi/goc-nhin/doi-mat-voi-scope-creep-vuot-pham-vi-du-an-p1" hreflang="vi">Đối mặt với Scope creep (vượt phạm vi dự án) P1</a> <a href="/vi/goc-nhin/doi-mat-voi-scope-creep-vuot-pham-vi-du-an-p2" hreflang="vi">Đối mặt với Scope creep (vượt phạm vi dự án) P2</a> <a href="/vi/goc-nhin/thu-gui-agency-client-thuc-su-muon-gi" hreflang="vi">Thư gửi Agency: Client thực sự muốn gì?</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Mon, 25 Jun 2018 01:55:58 +0000 hapham 29 at http://beau.vn Xu Hướng Thiết Kế Website 2018 - 2020 http://beau.vn/vi/goc-nhin/xu-huong-thiet-ke-website-2018-2020 <span class="field field--name-title field--type-string field--label-hidden">Xu Hướng Thiết Kế Website 2018 - 2020</span> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/vi/user/6" typeof="schema:Person" property="schema:name" datatype="">hapham</span></span> <span class="field field--name-created field--type-created field--label-hidden">T7, 12/23/2017 - 09:59</span> <a href="/vi/cam-hung-thiet-ke-sang-tao" hreflang="vi">Cảm hứng thiết kế sáng tạo</a> <div class="container"> <div class="row"> <div class="col-lg-8 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-2 "> <h3><strong>01 <a href="https://beau.vn/">Minimal</a> – trường phái tối giản</strong></h3> <p>Xu hướng này vẫn đang được duy trì mang tính đương đại, loại bỏ các chi tiết thừa như khối, viền và một số thông tin cấp 2 sẽ được chuyển vào bước 2 như hover, popup hoặc detail. Màu sắc đơn giản hoá dùng đơn sắc tương phản sắc độ. Thành phần giờ còn lại typo, image chủ đạo và các khoảng thoáng.</p> <p><a href="http://divenamicone.enjoy-aiia.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04170454/awwwards-sotd-Divenamic-1-1024x524.jpg" width="" /></a></p> <p>Project:<strong><a href="http://divenamicone.enjoy-aiia.com/">Divenamic</a></strong><br /> by Vintage from Ukraine</p> <p><a href="https://www.awwwards.com/sites/marc-goncalves"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04170512/marc-goncalves-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://www.awwwards.com/sites/marc-goncalves">Marc Gonçalves</a><br /> by Marc Gonçalves from France</p> <p><a href="https://201d.jp/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04170436/201-brand-2-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://201d.jp/">201˚ BRAND SITE</a><br /> by SHIFTBRAIN Inc.from Japan</p> <h3><strong>02 Hình minh hoạ</strong></h3> <p>Sau hình ảnh, video giờ đây chất liệu illustrator được tận dụng để truyền tải nội dung một cách trực quan đơn giản. Tuy nhiên, illustrator giúp tiết kiệm chi phí sản xuất cũng như khả năng lồng ghép ý đồ vào thiết kế.</p> <p><a href="http://ruya.ae/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04183719/ruya-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="http://ruya.ae/">Ruya profile</a><br /> Design by RUYA</p> <p><a href="https://hellobloom.io/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04183700/bloom-2-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://hellobloom.io/">Bloom </a><br /> Design by Griflan</p> <p><a href="http://hleb-dom.ru/en/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04183623/awwwards-sotd-House-At-Khlebny-1-1024x595.jpg" width="" /></a></p> <p>Project: <a href="http://hleb-dom.ru/en/">House At Khlebny</a><br /> by Vide Infra from Latvia</p> <h3><strong>03 Landing page</strong></h3> <p>Cấu trúc nội dung web dần thay đổi, mô hình cũ với layout có cấu trúc nhất quán nhường đất cho mô hình phi cấu trúc. Nó giúp hiển thị nội dung linh hoạt hơN đến từng tập người dùng đồng thời tăng tỷ lệ chuyển đổi trong chiến lược digital marketing.</p> <p><a href="https://dribbble.com/shots/3811546-Caykur-Redesign-Landing-Page/attachments/860966"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194046/Screen-Shot-2017-12-04-at-7.40.07-PM-1024x687.png" width="" /></a></p> <p>Project: <a href="https://dribbble.com/shots/3811546-Caykur-Redesign-Landing-Page/attachments/860966">Caykur – Redesign Landing Page</a><br /> by Alper Tornaci on Sep 16, 2017</p> <p><a href="https://www.ge.com/digitalvolcano/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04192352/A-Digital-Volcano-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://www.ge.com/digitalvolcano/">A Digital Volcano</a><br /> by Gin Lane from U.S.A.</p> <p><a href="http://psikontacto.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04192412/psikontacto-1024x606.png" width="" /></a></p> <p>Project: <a href="http://psikontacto.com/">Psikontacto</a><br /> by Bürocratik from Portugal</p> <h3><strong>04 Bố cục tự do</strong></h3> <p>Creative và impressive  là cảm nhận đầu tiên với loại website này tuy nhiên tính ứng dụng không cao vì rất khó thể hiện cũng như kén người xem. Ở một số lĩnh vực như lifestyle và entertainment thì nó là sự lựa chọn mới lạ của designer.</p> <p><a href="https://music.airfrance.com/en"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194318/air-france-music-1-1024x556.jpg" width="" /></a><a href="https://music.airfrance.com/en"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194336/air-france-music-2-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://music.airfrance.com/en">Air France Music</a><br /> by BETC Digital Studio from France</p> <p><a href="http://www.igkhair.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194354/igk-website-1024x591.jpg" width="" /></a></p> <p>Project: <a href="http://www.igkhair.com/">IGK</a><br /> by Domani Studios from U.S.A.</p> <h3><strong>05 Video story</strong></h3> <p>Cùng với xu hướng truyển thông và marketing bằng video, việc ứng dụng chất liêu này vào thiết kế web là trào lưu tất yếu. đặc tính là khả năng truyển tải thông điệp rõ ràng lôi cuốn và thực sự ấn tượng.</p> <p><a href="https://aghost.store/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04211856/awwwards-a-ghost-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://aghost.store/">A Ghost Store</a><br /> by Watson/DG from U.S.A.</p> <p><a href="https://www.evert45.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04211920/awwwards-Evert_45-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://www.evert45.com/">Evert_45 blogs from the past</a><br /> by Superhero Cheesecake from Netherlands</p> <p><a href="http://endover.ee/voltaloftid/en/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04211948/endover.ee_-1024x563.png" width="" /></a></p> <p>Project: <a href="http://endover.ee/voltaloftid/en/">Volta Lofts</a><br /> by LOOVVOOL (Hong Kong – Macau)</p> <h3><strong>06 Fullframe thiết kế tràn khung</strong></h3> <p>Fullframe dạng thiết kế đã có từ rất lâu ngay từ khi web flash thịnh hành. Nhưng giờ đây với những công nghệ như CSS3, HTML5, JS đã giúp cho loại thiết kế này sự linh hoạt hơn trong trải nghiệm người dùng. Xu hướng thiết kế này tận dụng tối đa sự vào ra nội dung trên khung hình</p> <p><a href="http://hannahpurmort.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213042/awwwards-sotd-Hannah-Purmort-0-1024x525.jpg" width="" /></a><a href="http://hannahpurmort.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213120/awwwards-sotd-Hannah-Purmort-1024x524.jpg" width="" /></a><a href="http://hannahpurmort.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213101/awwwards-sotd-Hannah-Purmort-3-1-1024x524.jpg" width="" /></a></p> <p>Project: <a href="http://hannahpurmort.com/">Hannah Purmort</a><br /> by Grave from U.S.A.</p> <p><a href="https://fauteuils.operadeparis.fr/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213321/awwwards-opera-paris-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://fauteuils.operadeparis.fr/">Fauteuils de l’Opéra de Paris</a><br /> by Rezo Zero from France</p> <h3><strong>07 Gradient</strong></h3> <p>Toàn nhưng thứ xưa như trái đất tuy nhiên nó đã quay trở lại âm thầm lặng lẽ ở một số chi tiết như background, buttom … trường phái tối giản đã làm cho mọi thứ mất dần cảm xúc thì tiếp đây chắc sẽ là những ngày mùa của màu sắc</p> <p><a href="https://dribbble.com/shots/2719343-magic-co-landing-page-concept/attachments/550387"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04215631/Screen-Shot-2017-12-04-at-9.55.51-PM-1024x643.png" width="" /></a></p> <p>Project: <a href="https://dribbble.com/shots/2719343-magic-co-landing-page-concept/attachments/550387">magic.co landing page concept</a><br /> by Ludmila Shevchenko</p> <p><a href="https://dribbble.com/shots/3824068-Hair-salon-landing-page/attachments/864915"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04214111/Hair-salon-lan-1024x579.png" width="" /></a></p> <p>Project: <a href="https://dribbble.com/shots/3824068-Hair-salon-landing-page/attachments/864915">Hair salon landing page</a><br /> by Divan Raj</p> <p><a href="https://www.engine.xyz/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04214842/The-Engine-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://www.engine.xyz/">The Engine</a><br /> by Upstatement from U.S.A.</p> <h3><strong>08 Humanist Typeface</strong></h3> <p>Loại typeface này dần được lựa chọn nhiều hơn vì cảm giác thân thuộc mà nó mang lại. Tương tự như nét chữ chúng ta viết. Có lẽ những thứ khô khan đang bắt đầu nhường chỗ cho thiết kế nhân bản. Con người đang có gắng tìm lại mình trong dòng chảy công nghệ.</p> <p><a href="https://www.futurelibrary.no/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220859/awwwards-sotd-future-library-1-1024x595.jpg" width="" /></a><a href="https://www.futurelibrary.no/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220837/awwwards-future-library-2-1024x595.jpg" width="" /></a></p> <p>Project: <a href="https://www.futurelibrary.no/">Future Library 2014 — 2114</a><br /> by Hello Monday from U.S.A.</p> <p><a href="http://www.rsq.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220921/awwwards-sotd-RSQ-1-1024x558.jpg" width="" /></a><a href="http://www.rsq.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220941/awwwards-sotd-RSQ-2-1024x522.jpg" width="" /></a></p> <p>Project: <a href="http://www.rsq.com/">RSQ</a><br /> by RSQ from U.S.A.</p> <p><a href="https://www.pieromilano.it/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220958/Piero-Milano-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://www.pieromilano.it/">Piero Milano</a><br /> by AQuest from Italy</p> <h3><strong>09</strong><strong> Tăng tương phản font</strong></h3> <p>Trào lưu quá tay này có thể nhận ra ở một số UI bạn dùng hàng ngày đó là cách chơi typo ở ios11 . Title đậm hơn dày hơn và to hơn. thiết kế này giúp nhấn mạnh thông điệp ở từng frame, phù hợp khi bạn tối giản nội dung và quá nhiều khoảng trống</p> <p><a href="https://www.aristidebenoist.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04222052/aristidebenoist-2-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://www.aristidebenoist.com/">Aristide Benoist – Portfolio</a><br /> by aristidebenoist from France</p> <p><a href="http://www.jennyjohannesson.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04214051/awwwards-sotd-Jenny-Johannesson-1-1024x525.jpg" width="" /></a></p> <p>Project: <a href="http://www.jennyjohannesson.com/">Jenny Johannesson – Portfolio</a><br /> by Jenny Johannesson from U.S.A.</p> <p><a href="http://www.weareimpero.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04222112/we-are-impero-agency-1024x556.jpg" width="" /></a></p> <p>Project: <a href="http://www.weareimpero.com/">Impero Website</a><br /> by Impero from United Kingdom</p> <h3><strong>10 SVG</strong></h3> <p>Là thành phần đồ hoạ được nhúng lên web. Thời điểm trước chỉ đơn giản là icon logo, hiện nay svg ứng dụng ở phần chia khối, bo hình, minh hoạ, background. với việc sử dụng svg chúng giúp hiển thị tốt trên các thiết bị, tạo ra đường nét mềm mại hơn, hỗ trợ tạo animation bắt mắt nhất.</p> <p><a href="https://insidethehead.co/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04223215/inside-the-head-2-1-1024x556.jpg" width="" /></a></p> <p>Project: <a href="https://insidethehead.co/">Inside The Head</a><br /> by Sara Svensson from Sweden</p> <p><a href="https://dribbble.com/shots/3961041-E-commerce-shop-UI/attachments/904896"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04223238/store-1024x659.png" width="" /></a></p> <p>Project: <a href="https://dribbble.com/shots/3961041-E-commerce-shop-UI/attachments/904896">E-commerce shop UI</a><br /> by Giga Tamarashvili</p> <p><a href="http://helloheco.com/"><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04223320/awwwards-sotd-Heco-Partners-1-1024x602.jpg" width="" /></a></p> <p>Project: <a href="http://helloheco.com/">Heco Partners</a><br /> by Heco from U.S.A.</p> <h3><strong>Tổng kết</strong></h3> <p>Trên đây là một số dự đoán dòng dịch chuyển mạnh của xu hướng thiết kế <a href="https://beau.vn/">website</a>năm 2018. Với những ai từng tham gia lĩnh vực phát triển web đều có thể có cho mình một số nhận định cho năm tới. Tuy nhiên xu hướng chỉ là một trong những yếu tố để đưa sản phẩm dễ gần với khách hàng và người xem đúng thời điểm, còn tầng sâu của nó vẫn là tổng hòa của các yếu tố đúng như đúng định hướng, đúng khách hàng, đáng nhu cầu, đúng nội dung, đúng phong cách, đúng cảm nhận.</p> <p>Chúc anh chị em trong ngành kế thừa và tạo ra được những xu hướng mới của mới.</p> </div> </div> </div> <a href="/vi/creative" hreflang="vi">Creative</a> <a href="/vi/creative-agency" hreflang="vi">Creative Agency</a> <a href="/vi/design" hreflang="vi">Design</a> <a href="/vi/designer" hreflang="vi">Designer</a> <a href="/vi/fullframe" hreflang="vi">Fullframe</a> <a href="/vi/gradient" hreflang="vi">Gradient</a> <a href="/vi/hot-trend" hreflang="vi">Hot Trend</a> <a href="/vi/humanist-typeface" hreflang="vi">Humanist Typeface</a> <a href="/vi/landing-page" hreflang="vi">Landing page</a> <a href="/vi/minimal" hreflang="vi">Minimal</a> <a href="/vi/svg" hreflang="vi">SVG</a> <a href="/vi/thiet-ke" hreflang="vi">thiết kế</a> <a href="/vi/thiet-ke-web" hreflang="vi">Thiết kế Web</a> <a href="/vi/thiet-ke-website" hreflang="vi">Thiết kế Website</a> <a href="/vi/trend" hreflang="vi">trend</a> <a href="/vi/trending" hreflang="vi">Trending</a> <a href="/vi/xu-huong" hreflang="vi">xu hướng</a> <a href="/vi/xu-huong-thiet-ke" hreflang="vi">Xu hướng thiết kế</a> <div class="desktop-space" style="height: 150px"></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"> <div class="f-text"> <p><em><strong>=&gt;&nbsp;<a href="https://beau.vn/vi/goc-nhin/tai-sao-website-quan-trong-voi-doanh-nghiep">Tại sao Website quan trọng với doanh nghiệp?</a></strong></em><br /> &nbsp;</p> <h2><strong>1.&nbsp;<a href="https://beau.vn/">Minimal</a>&nbsp;– trường phái tối giản</strong></h2> <p>Xu hướng này vẫn đang được duy trì và mang đầy tính đương đại, loại bỏ các chi tiết thừa như khối, viền và một số thông tin cấp 2 sẽ được chuyển vào bước 2 như hover, popup hoặc detail. Màu sắc đơn giản hoá, dùng màu đơn sắc với tương phản về sắc độ, sử dụng nhiều khoảng trắng với typo và hình ảnh làm chủ đạo.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04170454/awwwards-sotd-Divenamic-1-1024x524.jpg" width="" /></p> <p>Project:<strong><a href="http://divenamicone.enjoy-aiia.com/" target="_blank">Divenamic</a></strong><br /> by&nbsp;Vintage&nbsp;from Ukraine</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04170512/marc-goncalves-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.awwwards.com/sites/marc-goncalves" target="_blank">Marc Gonçalves</a></strong><br /> by&nbsp;Marc Gonçalves from France</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04170436/201-brand-2-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://201d.jp/" target="_blank">201˚ BRAND SITE</a></strong><br /> by&nbsp;SHIFTBRAIN Inc.from Japan</p> <p>&nbsp;</p> <h2><strong>2. Hình minh hoạ</strong></h2> <p>Sau hình ảnh và video, giờ đây chất liệu minh hoạ được tận dụng để truyền tải nội dung một cách thú vị nhưng vẫn đơn giản trực quan. Bên cạnh đó, hình minh hoạ cũng giúp tiết kiệm chi phí sản xuất, với khả năng chủ động để lồng ghép ý đồ vào thiết kế.</p> <p><strong>Xem thêm:&nbsp;<a href="https://beau.vn/vi/goc-nhin/lua-chon-hinh-anh-cho-website-doanh-nghiep"><em>Lựa Chọn Hình Ảnh Cho Website Doanh Nghiệp</em></a></strong></p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04183719/ruya-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="http://ruya.ae/" target="_blank">Ruya profile</a></strong><br /> Design by RUYA</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04183700/bloom-2-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://hellobloom.io/" target="_blank">Bloom&nbsp;</a></strong><br /> Design by&nbsp;Griflan</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04183623/awwwards-sotd-House-At-Khlebny-1-1024x595.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="http://hleb-dom.ru/en/" target="_blank">House At Khlebny</a></strong><br /> by Vide Infra from Latvia</p> <p>&nbsp;</p> <h2><strong>3. Landing page</strong></h2> <p>Giao diện web đang dần thay đổi, giao diện cũ với nội dung dày đặc, cấu trúc chặt chẽ nhường đất cho những giao diện phi cấu trúc, thoáng mắt. Nó giúp truyền tải nội dung trực quan hơn, linh hoạt và phù hợp với nhiều tập người dùng, tăng tỷ lệ chuyển đổi trong chiến lược digital marketing.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194046/Screen-Shot-2017-12-04-at-7.40.07-PM-1024x687.png" width="" /></p> <p>Project:&nbsp;<strong><a href="https://dribbble.com/shots/3811546-Caykur-Redesign-Landing-Page/attachments/860966" target="_blank">Caykur – Redesign Landing Page</a></strong><br /> by Alper Tornaci on Sep 16, 2017</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04192352/A-Digital-Volcano-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.ge.com/digitalvolcano/" target="_blank">A Digital Volcano</a></strong><br /> by Gin Lane from U.S.A.</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04192412/psikontacto-1024x606.png" width="" /></p> <p>Project:&nbsp;<strong><a href="http://psikontacto.com/" target="_blank">Psikontacto</a></strong><br /> by&nbsp;Bürocratik&nbsp;from Portugal</p> <p>&nbsp;</p> <h2><strong>4. Bố cục tự do</strong></h2> <p>Sáng tạo và ấn tượng là cảm nhận đầu tiên với loại website này. Tuy tính ứng dụng không cao nhưng với một số lĩnh vực như lifestyle và entertainment, nó sẽ là sự lựa chọn mới lạ, làm mới trải nghiệm người dùng.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194318/air-france-music-1-1024x556.jpg" width="" /><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194336/air-france-music-2-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://music.airfrance.com/en" target="_blank">Air France Music</a></strong><br /> by BETC Digital Studio from France</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04194354/igk-website-1024x591.jpg" width="" /></p> <p>Project:<strong>&nbsp;<a href="http://www.igkhair.com/" target="_blank">IGK</a></strong><br /> by&nbsp;Domani Studios&nbsp;from U.S.A.</p> <p>&nbsp;</p> <h2><strong>5. Video story</strong></h2> <p>Cùng với xu hướng truyển thông và marketing bằng video, việc ứng dụng chất liệu này vào thiết kế web là xu hướng tất yếu. Ưu điểm là khả năng truyển tải thông điệp rõ ràng, lôi cuốn, dễ dàng gây ấn tượng cho người dùng.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04211856/awwwards-a-ghost-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://aghost.store/" target="_blank">A Ghost Store</a></strong><br /> by Watson/DG from U.S.A.</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04211920/awwwards-Evert_45-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.evert45.com/" target="_blank">Evert_45 blogs from the past</a></strong><br /> by Superhero Cheesecake from Netherlands</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04211948/endover.ee_-1024x563.png" width="" /></p> <p>Project:&nbsp;<strong><a href="http://endover.ee/voltaloftid/en/" target="_blank">Volta Lofts</a></strong><br /> by&nbsp;LOOVVOOL&nbsp;(Hong Kong – Macau)</p> <p>&nbsp;</p> <h2><strong>6.&nbsp;Fullframe thiết kế tràn khung</strong></h2> <p>Fullframe dạng thiết kế đã có từ rất lâu ngay từ khi web flash thịnh hành, nhưng giờ đây với những công nghệ như CSS3, HTML5, JS đã giúp phong cách thiết kế này trở nên linh hoạt hơn, tận dụng tối đa sự ra vào nội dung trên khung hình, tạo ra những trải nghiệm thú vị.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213042/awwwards-sotd-Hannah-Purmort-0-1024x525.jpg" width="" /><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213120/awwwards-sotd-Hannah-Purmort-1024x524.jpg" width="" /><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213101/awwwards-sotd-Hannah-Purmort-3-1-1024x524.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="http://hannahpurmort.com/" target="_blank">Hannah Purmort</a></strong><br /> by Grave from U.S.A.</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04213321/awwwards-opera-paris-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://fauteuils.operadeparis.fr/" target="_blank">Fauteuils de l’Opéra de Paris</a></strong><br /> by Rezo Zero from France</p> <p>&nbsp;</p> <h2><strong>7. Gradient</strong></h2> <p>Là thứ xưa như trái đất tuy nhiên nó đã quay trở lại âm thầm lặng lẽ, ứng dụng với một số chi tiết như background, buttom… trường phái tối giản đã làm cho mọi thứ mất dần cảm xúc thì tiếp đây, gradient chắc chắn sẽ làm website những ngày tới tràn đầy màu sắc.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04215631/Screen-Shot-2017-12-04-at-9.55.51-PM-1024x643.png" width="" /></p> <p>Project:&nbsp;<strong><a href="https://dribbble.com/shots/2719343-magic-co-landing-page-concept/attachments/550387" target="_blank">magic.co landing page concept</a></strong><br /> by&nbsp;Ludmila Shevchenko</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04214111/Hair-salon-lan-1024x579.png" width="" /></p> <p>Project:&nbsp;<strong><a href="https://dribbble.com/shots/3824068-Hair-salon-landing-page/attachments/864915" target="_blank">Hair salon landing page</a></strong><br /> by&nbsp;Divan Raj</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04214842/The-Engine-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.engine.xyz/" target="_blank">The Engine</a></strong><br /> by Upstatement from U.S.A.</p> <p>&nbsp;</p> <h2><strong>8. Humanist Typeface</strong></h2> <p>Bởi mang lại cảm giác thân thuộc, có nét tương đồng với nét chữ viết, typeface Humanist đang dần được lựa chọn nhiều hơn. Có lẽ những thứ khô khan đang bắt đầu nhường chỗ cho thiết kế mang nét con người hơn, như cách con người đang cố gắng tìm lại mình trong dòng chảy công nghệ.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220859/awwwards-sotd-future-library-1-1024x595.jpg" width="" /><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220837/awwwards-future-library-2-1024x595.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.futurelibrary.no/" target="_blank">Future Library 2014 — 2114</a></strong><br /> by&nbsp;Hello Monday&nbsp;from U.S.A.</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220921/awwwards-sotd-RSQ-1-1024x558.jpg" width="" /><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220941/awwwards-sotd-RSQ-2-1024x522.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="http://www.rsq.com/" target="_blank">RSQ</a></strong><br /> by&nbsp;RSQ&nbsp;from U.S.A.</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04220958/Piero-Milano-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.pieromilano.it/" target="_blank">Piero Milano</a></strong><br /> by AQuest from Italy</p> <p>&nbsp;</p> <h2><strong>09</strong><strong>&nbsp;Tăng tương phản font</strong></h2> <p>Trào lưu quá tay này có thể nhận ra ở một số UI bạn dùng hàng ngày, bởi đó là cách chơi typo ở iOs11. Title đậm hơn, dày hơn và to hơn. Thiết kế này giúp nhấn mạnh thông điệp ở từng frame, phù hợp khi bạn tối giản nội dung, có nhiều khoảng trống</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04222052/aristidebenoist-2-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://www.aristidebenoist.com/" target="_blank">Aristide Benoist – Portfolio</a></strong><br /> by aristidebenoist from France</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04214051/awwwards-sotd-Jenny-Johannesson-1-1024x525.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="http://www.jennyjohannesson.com/" target="_blank">Jenny Johannesson – Portfolio</a></strong><br /> by Jenny Johannesson from U.S.A.</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04222112/we-are-impero-agency-1024x556.jpg" width="" /></p> <p>Project:<strong>&nbsp;<a href="http://www.weareimpero.com/">Impero Website</a></strong><br /> by Impero from United Kingdom</p> <p>&nbsp;</p> <h2><strong>10. SVG</strong></h2> <p>Là thành phần đồ hoạ được nhúng lên web, thời điểm trước chỉ đơn giản là icon logo, hiện nay svg ứng dụng ở phần chia khối, bo hình, minh hoạ, background. Việc sử dụng svg giúp hiển thị tốt trên các thiết bị, tạo ra đường nét mềm mại hơn, hỗ trợ tạo animation bắt mắt.</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04223215/inside-the-head-2-1-1024x556.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="https://insidethehead.co/" target="_blank">Inside The Head</a></strong><br /> by Sara Svensson from Sweden</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04223238/store-1024x659.png" width="" /></p> <p>Project:&nbsp;<strong><a href="https://dribbble.com/shots/3961041-E-commerce-shop-UI/attachments/904896" target="_blank">E-commerce shop UI</a></strong><br /> by&nbsp;Giga Tamarashvili</p> <p>&nbsp;</p> <p><img alt="" height="" src="https://static.beautheme.com/beauvn/2017/12/04223320/awwwards-sotd-Heco-Partners-1-1024x602.jpg" width="" /></p> <p>Project:&nbsp;<strong><a href="http://helloheco.com/" target="_blank">Heco Partners</a></strong><br /> by Heco from U.S.A.</p> <p><em><strong>Xem thêm các bài viết về Chiến lược Marketing tại <a href="https://beau.vn/vi/chien-luoc-kinh-doanh?page=2">đây.</a></strong></em></p> <h3><strong>Tổng kết</strong></h3> <p>Trên đây là một số dự đoán dòng dịch chuyển mạnh của xu hướng thiết kế&nbsp;<a href="https://beau.vn/">website</a>&nbsp;năm 2018. Những ai từng tham gia lĩnh vực phát triển web đều có thể có cho mình một số nhận định cho năm tới. Tuy nhiên xu hướng chỉ là một trong những yếu tố để đưa sản phẩm dễ dàng đến với người dùng, còn tầng sâu của nó vẫn là tổng hòa của các yếu tố, đánh đúng mục tiêu, đúng khách hàng, với đúng nội dung, đúng phong cách.</p> <p>Chúc các bạn trong ngành có thể kế thừa và tạo ra được những xu hướng mới của mới.</p> <p>&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/goc-nhin/tan-dung-cac-mo-hinh-nhan-thuc-vao-san-pham-thiet-ke-p1" hreflang="vi">Tận Dụng Các Mô Hình Nhận Thức Vào Sản Phẩm Thiết Kế p1</a> <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/tai-sao-website-quan-trong-voi-doanh-nghiep" hreflang="vi">Tại sao Website quan trọng với doanh nghiệp? </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/series-typography-trong-quy-trinh-xay-dung-trai-nghiem-so-1-lua-chon-font-chu" hreflang="vi">Series: Typography trong quy trình xây dựng trải nghiệm số #1: Lựa chọn font chữ</a> <a href="/vi/goc-nhin/series-typography-trong-quy-trinh-xay-dung-trai-nghiem-so-3-ung-dung-trong-thiet-ke" hreflang="vi">Series: Typography trong quy trình xây dựng trải nghiệm số #3: Ứng dụng trong thiết kế website/App</a> </div> </div> <div class="field field--name-field-hidden-article field--type-boolean field--label-above"> Off </div> Sat, 23 Dec 2017 02:59:39 +0000 hapham 32 at http://beau.vn