8 xu hướng thiết kế trải nghiệm người dùng (UX) tương tác cho năm 2023

Các nhà thiết kế đang tìm kiếm và áp dụng trí tuệ nhân tạo, hiệu ứng di chuột và phong cách điều hướng mới để tạo ra trải nghiệm thương hiệu kích thích. Tăng cường tương tác của người dùng với môi trường 3D sống động, dưới đây là những xu hướng thiết kế trải nghiệm người dùng (thiết kế UX) hàng đầu sắp tới cho năm 2023.

8 xu hướng thiết kế UX hấp dẫn cho năm 2023:

1. Hiệu ứng di chuột tiết lộ sản phẩm
2. Di chuyển tinh vi
3. Thách thức thời gian dừng lại (Dwell time)
4. Điều hướng tương tác, hấp dẫn
5. Tăng tính giải trí cho người dùng
6. AI tinh vi hóa lĩnh vực chatbot
7. Tìm kiếm hoặc hỗ trợ nhận dạng giọng nói
8. Kích thích quá mức
 

1. Hiệu ứng di chuột tiết lộ sản phẩm

Vào năm 2023, xu hướng thiết kế UX ưu tiên trải nghiệm hơn là tính dễ sử dụng và tốc độ. Đó là việc tạo ra những kỷ niệm độc đáo với trải nghiệm thương hiệu trong cuộc hành trình nhanh chóng của người dùng. Sử dụng hiệu ứng di chuột cho hình ảnh sản phẩm của bạn là một phần độc đáo của câu đố tương tác này.

Simply Chocolate khuyến khích khách truy cập nhấp vào thanh sô cô la để hiển thị thanh đó, Simply Chocolate
 

Vậy nó trông như thế nào? Sản phẩm xuất hiện dưới dạng hiệu ứng di chuột tiết lộ sản phẩm hoặc thông tin mới về sản phẩm cho người dùng. Nó chỉ cho người dùng cách sử dụng và cung cấp thêm thông tin về các tính năng của nó. Nhiều trang web cho phép người dùng tùy chỉnh sản phẩm, giúp họ hiểu rõ hơn về cách sản phẩm sẽ xuất hiện trong không gian thực mà không cần đến cửa hàng hoặc phòng trưng bày. Điều này có thể đặc biệt hữu ích cho các cửa hàng may mặc và kinh doanh xe ô tô. Một số nhà thiết kế thậm chí có thể sử dụng hiệu ứng này để giới thiệu các sản phẩm hoặc dịch vụ sắp ra mắt. Đó là một cách thú vị để khiến khách truy cập khao khát được gần gũi hơn với thương hiệu của bạn, đồng thời khiến họ nhấp vào lời kêu gọi hành động, chẳng hạn như đăng ký nhận thông tin cập nhật qua email.

Volvo và nhiều nhà sản xuất ô tô khác sử dụng hiệu ứng di chuột và cuộn để tiết lộ nội thất và các tính năng khác, Volvo
 

Khi thiết kế với hiệu ứng di chuột hiển thị, hãy nghĩ về mục đích. Bạn muốn giới thiệu một sản phẩm sắp ra mắt, hướng dẫn khách truy cập cách sử dụng hoặc giới thiệu các tính năng sáng tạo? Thiết kế có mục đích sẽ dẫn đến một hành động cụ thể của người dùng như tìm hiểu thêm về sản phẩm hoặc dịch vụ, mua hoặc đặt lịch hẹn trực tiếp. Đó là một cách mới lạ để hiển thị những điều khách hàng chưa biết. 

Ví dụ: Danh sách căn hộ trên ứng dụng có thể thêm những hình ảnh tiết lộ ban công, nhà tắm hoặc phòng chứa đồ trông như thế nào. Việc thêm lớp tương tác này sẽ giúp người dùng tương tác và giúp sản phẩm của bạn nổi bật giữa rất nhiều sản phẩm cùng loại.
 

2. Di chuyển tinh vi

Di chuyển tinh vi là một xu hướng thiết kế UX vào năm ngoái và năm nay, nó đã được phát triển nhiều hơn. Hãy suy nghĩ về cách bạn tương tác với các ứng dụng và trang web yêu thích của mình. Bạn di chuyển chúng theo nhiều cách: không đối xứng, đa hướng và thậm chí kết hợp cuộn trang với cử chỉ xoay và thu phóng to nhỏ.
 

Trang web này sử dụng di chuyển thị sai kết hợp với hoạt ảnh để có cảm giác đắm chìm hơn, Repeat
 

Các trang web hiện đại có tính năng di chuyển thị sai, một kỹ thuật giúp tăng cường độ sâu và sử dụng nhiều tốc độ cuộn cho các phần tử trong một trang. Đặc biệt, nền được thiết kế tốc độ cuộn khác với nội dung chính. Tính năng di chuyển tinh vi còn tiến xa hơn thế này một bước, thiết kế thêm các lớp giải trí và kích thích bằng hình ảnh độc đáo. Nó cung cấp cho người dùng nhiều thông tin hơn về tính cách thương hiệu của bạn, nghĩa là họ hy vọng có thể kết nối ở cấp độ cá nhân hơn.

Di chuyển tinh vi tạo ra những cách mới để trải nghiệm nghệ thuật kỹ thuật số, Mental Canvas 
 

3. Thách thức thời gian dừng lại (Dwell time)

'Dwell time' có nghĩa là thời gian dừng mà người dùng dành cho trang web, xu hướng thiết kế UX này đề cập đến việc ưu tiên trải nghiệm thương hiệu độc đáo, thân mật và đáng nhớ - trên trang web được thiết kế để giúp người dùng tìm thấy CTA nhanh nhất. Các thương hiệu muốn thể hiện cá tính của họ bằng cách khuyến khích tương tác nhiều hơn với người dùng, thường sử dụng nhiều công nghệ như trí tuệ nhân tạo và thực tế tăng cường.

Nhiều trang web mới đang ưu tiên trải nghiệm hơn khả năng sử dụng, chẳng hạn như danh mục đầu tư tương tác này, nơi bạn có thể lướt qua các phần của trang web, Joshua's World
 

Với việc mọi người trên toàn cầu dành trung bình gần 7 giờ trực tuyến hàng ngày, không có gì ngạc nhiên khi họ muốn thời gian trực tuyến của mình trở nên có ý nghĩa và hấp dẫn hơn. Hiệu ứng domino đã xảy ra kể từ khi Metaverse lần đầu tiên được công bố và các thương hiệu đang tạo ra trải nghiệm sống động với sự hiện diện kỹ thuật số của họ, để mang đến cho người dùng nhiều trải nghiệm, sự thỏa mãn và biểu hiện cá nhân hơn. Sử dụng xu hướng này một cách có trách nhiệm: nếu đối tượng mục tiêu của bạn chủ yếu là người dùng di động hoặc những người có tốc độ internet chậm, hãy cân nhắc thiết kế một trải nghiệm truyền thống hơn.

Trang web về Masar ở Mecca, nơi người dùng có thể khám phá trải nghiệm trực tuyến để tìm hiểu thêm về Masar, Masar Destination
 

4. Điều hướng tương tác, hấp dẫn

Giống như cách chúng ta cuộn qua các ứng dụng và trang web, việc điều hướng chúng đang trở nên thú vị hơn. Điều hướng tương tác, hấp dẫn là một xu hướng thiết kế UX hàng đầu khác, được tô điểm bằng hoạt ảnh, menu vui nhộn, hiệu ứng di chuột và bố cục độc đáo.

Cơ quan sáng tạo này bổ sung tính tương tác trang nhã trong menu hamburger của họ, Alfa Charlie
 

Các tính năng điều hướng đáng nhớ này giúp các trang web làm cho người dùng có cảm giác như đang trong một cuộc phiêu lưu. Nó kết hợp các hiệu ứng di chuyển tinh vi, di chuột và hiển thị được trang trí công phu trên các menu điều hướng để chuyển hướng khỏi những gì chúng ta đã quen. Nó thêm gia vị cho các trang web của bạn và hướng dẫn người dùng tương tác từ điểm A đến B một cách trực quan nhất có thể.

Một trang web tỏ lòng tôn kính với bộ phim năm 1902 của Georges Méliès, A Trip to the Moon, sử dụng cơ chế trò chơi để điều hướng, Monochrome Paris
 

5. Biến tiêu cực thành tích cực

Với sự không chắc chắn ngày càng cao của các sự kiện hiện tại, nhiều người dùng đang tìm kiếm cảm giác nhẹ nhõm và giải trí trực tuyến… ngay cả khi họ gặp trang web bị lỗi! Với 404 và cụ thể là các trang đang tải, tất cả chỉ cần biến các thông báo lỗi khó chịu và thời gian chờ đợi thành trải nghiệm tích cực để ghi dấu ấn với khách hàng.

Trang 404 này có bong bóng nổi với hình ảnh, thêm nét sáng tạo vào trang lỗi mà người ta không mong đợi nhiều, của The First The Last, Irina Horbunova và Shulgina Julia, Awwwards
 

Các thương hiệu phải ghi nhớ rằng 25% người dùng internet sẽ rời khỏi bất kỳ trang web nào mất hơn 4 giây để tải. Vì vậy, nếu sắp xảy ra lỗi 404 hoặc trang đang tải, hãy chắc chắn rằng nó được thiết kế các hoạt ảnh ngớ ngẩn, video hoặc hình ảnh vui nhộn phù hợp với tính cách thương hiệu của bạn. Bằng cách thêm một chút tương tác, nó sẽ khiến khách truy cập, tương tác và giải trí với trải nghiệm thương hiệu của bạn.

Trong khi tải, trang web này có một con trỏ dễ thương phát ra tiếng kêu và phát ra các nốt nhạc khi được nhấp vào, Fils De Graphiste
 

Ví dụ: nếu bạn có trải nghiệm nhiều nội dung yêu cầu chỉ báo tải, hãy cung cấp cho người dùng của bạn một nhiệm vụ đơn giản, thú vị để thực hiện trong thời gian chờ đợi. Tăng sự gắn kết và nhất quán trong thiết kế của bạn, nó thể hiện khía cạnh con người, hài hước của thương hiệu của bạn. Điều quan trọng nữa là cung cấp cho người dùng một hành động, để cho họ biết cách tiến hành đúng. Nhưng bạn có thể kết hợp điều này vào hoạt ảnh của mình. Khách truy cập sẽ đánh giá cao tất cả sự chú ý đến từng chi tiết và sự quan tâm đến mọi khía cạnh của trải nghiệm, xây dựng niềm tin vào thương hiệu của bạn và kết nối với người dùng của bạn ở mức độ tình cảm.

Một trang 404 sử dụng hình ảnh vui nhộn và văn bản để chỉ một lỗi đánh gôn, Wishnewsky
 

6. AI tinh vi hóa lĩnh vực chatbot

Khi những tiến bộ trong AI trở thành xu hướng chủ đạo và sự kỳ vọng của người dùng đối với chatbot đã tăng vọt. Mọi người muốn cảm thấy họ đang nói chuyện với một con người, vì vậy có một sự thúc đẩy mạnh mẽ để nghiên cứu cho chatbot trở nên tự nhiên hơn là rườm rà và nhiều hạn chế. Một lần nữa, thiết kế web đã ra tay giải cứu: Năm 2023 dự đoán sẽ có nhiều chatbot được tích hợp vào các ứng dụng và trang web cùng với những cài đặt hội thoại theo ngôn ngữ tự nhiên hơn.

Một ứng dụng dành cho những "con Sen" có sử dụng chatbot để hướng dẫn người dùng về dịch vụ phù hợp, Nina Mikhaylova
 

Khi nhu cầu về dịch vụ khách hàng chất lượng cao tăng lên, thế giới công nghệ đang đầu tư rất nhiều vào máy học (machine learning). AI và máy học sẽ dẫn đến những cải tiến đáng kể trong các cuộc trò chuyện chatbot giống con người và cải thiện trải nghiệm của khách hàng. Những cải tiến của chatbot này bao gồm ngôn ngữ nghe tự nhiên hơn, ngữ pháp tốt hơn, từ vựng phức tạp hơn và thậm chí cả khả năng diễn giải các lỗi chính tả và lỗi đánh máy.

Ứng dụng tiền điện tử sử dụng tính năng trò chuyện do AI cung cấp để giúp người dùng giải quyết vấn đề và tìm hiểu thêm về các khoản đầu tư kỹ thuật số, của UI JEDI , Dmitriy Ratushniak , Michael Chadchenko và Diana Tsalan
 

Nếu chatbot có thể giải quyết vấn đề nhanh chóng và dễ dàng cho người dùng, thì người dùng của bạn có nhiều khả năng tin tưởng vào thương hiệu của bạn hơn. Họ sẽ có trải nghiệm tốt với dịch vụ khách hàng của bạn và có xu hướng chia sẻ cảm nhận này với bạn bè của họ nhiều hơn. Vì vậy, hãy làm cho chatbot của bạn thông minh hơn để người dùng tương tác. Sử dụng AI để đảm bảo bot đặt câu hỏi phù hợp vào đúng thời điểm và tận hưởng lợi ích từ một cơ sở khách hàng trung thành.

Domino's Pizza cho phép người dùng đang đói đặt pizza thông qua một chatbot, Dominos
 

7. Tìm kiếm hoặc hỗ trợ nhận dạng giọng nói

Máy học (machine learning) cũng đang hỗ trợ tìm kiếm và hỗ trợ nhận dạng giọng nói, một xu hướng thiết kế UX mới lạ. Nhu cầu lớn hơn đối với đồng hồ thông minh đòi hỏi những bước đột phá quan trọng trong công nghệ AI bằng giọng nói, điều này giải thích cho việc thương mại hóa nó. Nó đang phát triển để giải thích các trọng âm chính xác hơn và hỗ trợ nhiều ngôn ngữ để có tính bao quát tốt hơn và giảm bớt sự thất vọng của người dùng.

Ứng dụng trợ lý giọng nói hướng dẫn người dùng và phiên âm những gì họ nói, Toghrul Afandi
 

Cuộc đối thoại với trợ lý giọng nói phải mang tính trò chuyện nhưng vẫn cung cấp nhiều thông tin. Cho người dùng biết yêu cầu của họ đã được xác nhận bằng cách trả lời bằng ngôn ngữ thân thiện, trang trọng. Nó có thể là một từ đơn giản như "ok" hoặc "Đã rõ". Để tránh nhầm lẫn nếu trợ lý giọng nói không thể xử lý lời nói của người dùng, hãy thiết kế một dòng phản hồi để xử lý việc này như cách bạn thực hiện trong cuộc trò chuyện bình thường. Nó có thể là "Xin lỗi, bạn có thể nhắc lại câu hỏi được không?" Âm thanh của trợ lý giọng nói càng giống người, kết nối cảm xúc của thương hiệu với người dùng càng lớn.

Mô hình ứng dụng tìm kiếm bằng giọng nói với trợ lý ảo, Ferdous Islam
 

8. Kích thích quá mức

Gần đây, bạn có thấy một trang web nào có thiết kế quá chói mắt, sáng sủa và gây khó chịu đến mức bạn phải tạm dừng một giây để xem không? Năm 2023 bạn sẽ được chứng kiến ​​nhiều thương hiệu Gen-Z ủng hộ chủ nghĩa tối đa một cách cuồng nhiệt đến mức sẽ khiến bạn choáng váng.

Trang web xuất bản hoạt động vì nữ quyền này có các hiệu ứng màu sắc khiến bạn cảm thấy choáng ngợp nhưng vẫn đẹp mắt về mặt thẩm mỹ, Polyester
 

Xu hướng làm chệch hướng các quy tắc thiết kế mà chúng ta đã quen thuộc, các nhà thiết kế đang loại bỏ chủ nghĩa tối giản trái, phải và trung tâm; đặc biệt là khi thương hiệu đó nhắm đến đối tượng trẻ trung hơn. Đối mặt với một tương lai vô định, Gen-Z đang tìm kiếm hy vọng, sự thoải mái và sự đoàn kết. Họ đang chuyển sang màu sắc tươi sáng để thể hiện sức mạnh, sự lạc quan và bắt đầu mua sắm ở những thương hiệu có được chúng.

Luaka Bop sử dụng nền màu vàng nổi bật kết hợp với đường viền trang web và hình ảnh ngôi trường cũ để kích thích các giác quan, Luaka Bop
 

Việc nhiều người thuộc nhóm nhân khẩu học này có thể trải nghiệm cuộc sống của họ như thế nào từ việc mua hàng tạp hóa hoặc tham quan phòng trưng bày — mà thậm chí không cần rời khỏi giường, thì có thể hiểu rằng các thương hiệu đang phải vượt lên trên tất cả để thỏa mãn các giác quan của họ. Khi nói đến thiết kế kỹ thuật số, điều đó có nghĩa là kích thích người dùng quá mức bằng tính thẩm mỹ cá tính, chân thực và mạnh mẽ, nó gần như khiến bạn phải giật mình. Xu hướng thiết kế kích thích quá mức bao gồm việc tạo hoạt ảnh cho mọi góc trong trang web của bạn.

Xin lưu ý rằng các trang web này có thể tác động tiêu cực đến khả năng tiếp cận. Vì vậy, hãy đảm bảo rằng tất cả văn bản đều dễ đọc, có thể tắt hoặc tạm dừng phát lại âm thanh và video, hình ảnh của bạn cần bao gồm cả văn bản để thuyết minh.

Gucci có một trang web tương tác hấp dẫn nhưng sáng sủa và sôi động, Gucci Flora
 

Phá vỡ quy tắc… của xu hướng thiết kếUX

Vào năm 2023, các trang web sẽ thu hút sự chú ý của bạn hơn bao giờ hết. Trải nghiệm tương tác phức tạp, choáng ngợp kết hợp với vô số hiệu ứng di chuột và di chuyển tinh vi đặc biệt. Chúng hoạt động cùng nhau để thống trị từng milimet trên trang web. 

Nguồn: 99designs
Dịch: Thế Giới In Ấn