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

Hình trong bài (5)