loading

15 ví dụ về sức hấp dẫn của micro-interaction trong thiết kế UX/UI

Micro-interaction (tương tác vi mô/tương tác tinh tế) là tất cả những thứ liên quan đến tương tác và chi tiết của một sản phẩm. Sự khác biệt giữa một sản phẩm có UX thân thiện và một sản phẩm bình thường nằm ở các micro-interaction.

Các micro-interaction đều dựa trên phương pháp thiết kế lấy người dùng làm trung tâm. Việc thiếu chú ý đến một chi tiết nhỏ có thể nhanh chóng tạo ra hiệu ứng domino về sự bất mãn của người dùng.

Ví dụ, sau khi bạn thực hiện một hành động trên ứng dụng, một animation xuất hiện thông báo hành động thành công, đó là một micro-interaction. Chúng được thiết kế để chào đón, tham gia và làm hài lòng người dùng, mỗi một hành động đều có mục đích riêng, nhưng vẫn gắn kết trong suốt quá trình trải nghiệm của người dùng, đó là một điều vô cùng quan trọng trong thiết kế UX. 

Trong bài viết này, chúng ta hãy cùng xem những thiết kế mirco-interaction vô cùng tinh tế đến người dùng dưới đây nhé!

1. Dashboard Micro Interactions bởi Barthelemy Chalvet

2. TextBox Micro Interaction Design bởi Selçuk Avcı

3. Smart Home Control App bởi Jitu Raut

4. Dashboard micro interactions bởi Robin Holesinsky

5. Micro Interactions bởi Sebastian Mantel

6. Short story of a Badge bởi Paarth Desai

7. Transfer money bởi Mateusz Kaczmarczyk

8. BMI Calculator Interaction bởi Jitu Raut

9. Micro-Interactions in HTML/CSS/JS bởi Milan Gladiš

10. Tab Bar Micro Interaction bởi Hoang Nguyen 

11. User Reviews Micro Interactions bởi UI8

12. Social Meet Up UI Kit – Motion & Product design bởi Aurélien Salomon 

13. Trash/Delete Button bởi Aaron Iker 

14. Insights Micro-Interaction bởi YesYou Studio 

15. Download Buttons bởi Aaron Iker


Biên tập: Thao Lee

Cùng tác giả

#Tag

cảm hứng thiết kế cảm hứng thiết kế UI micro-interactions tương tác vi mô ứng dụng ux/ui design web/app design

iDesign Must-try

‘Từ từ’, dự án thiết kế trang mạng về Tiếng Việt của Vi Trương: ‘Mình chỉ mới biết từ a đến ă’
‘Từ từ’, dự án thiết kế trang mạng về Tiếng Việt của Vi Trương: ‘Mình chỉ mới biết từ a đến ă’
“Với mình nếu hiện thực hóa được Từ Từ - một trang mạng tra từ và cung cấp kiến thức về tiếng Việt thì sẽ có cơ hội phát triển…
Thuật ngữ UX/UI kỳ 4: Website (Phần 1)
Thuật ngữ UX/UI kỳ 4: Website (Phần 1)
Trong các bài viết trước, chúng ta đã nghiên cứu đến tính khả dụng trong thiết kế, cũng như đã nêu lên được sự khác biệt thường bị nhầm lẫn…
Từ poster đến web: Mối tương quan giữa thiết kế in ấn và kỹ thuật số (Phần 1)
Từ poster đến web: Mối tương quan giữa thiết kế in ấn và kỹ thuật số (Phần 1)
Trong hàng thập kỉ qua, hình ảnh luôn đóng một vai trò quan trọng trong lịch sử loài người. Từ những bản vẽ sơ khai trong hang động, những biểu tượng,…
/viết một tay/ Những lầm tưởng về kỳ vọng của người dùng trong thiết kế trải nghiệm
/viết một tay/ Những lầm tưởng về kỳ vọng của người dùng trong thiết kế trải nghiệm
Dưới đây là một trong số hàng trăm thông báo mà bạn có thể nhận được mỗi ngày. Quan sát một phần lớn các sản phẩm digital hiện nay, hầu…
Các bộ phim Hollywood đã chinh phục khán giả bằng màu sắc như thế nào? (Phần 2)
Các bộ phim Hollywood đã chinh phục khán giả bằng màu sắc như thế nào? (Phần 2)
Có rất nhiều cách để tạo nên những yếu tố mang tính biểu tượng trong phim, và sử dụng nhiều dạng bảng màu khác nhau có lẽ là một trong…
Xu hướng thiết kế UX/UI năm 2021 và sự trỗi dậy mạnh mẽ của công nghệ (Phần 1)
Xu hướng thiết kế UX/UI năm 2021 và sự trỗi dậy mạnh mẽ của công nghệ (Phần 1)
Mỗi năm, xu hướng thiết kế UX/UI thay đổi nhằm mang đến cho người dùng trải nghiệm tốt nhất. Những ý tưởng sáng tạo cũng bắt đầu được áp dụng để thu…