Thư viện thuật ngữ / UI/UX

Giảm chuyển động là gì?

Còn gọi: reduced motion, prefers-reduced-motion, prefers reduced motion, reduce motion, tắt hiệu ứng chuyển động

Reduced motion là tuỳ chọn của hệ điều hành cho phép người dùng yêu cầu giảm hiệu ứng chuyển động; website đọc tuỳ chọn này qua media query prefers-reduced-motion để tắt hoặc làm dịu animation.

Hiểu kỹ hơn

Với một số người, đặc biệt người có rối loạn tiền đình, chuyển động lớn như parallax, phóng to toàn màn hình, xoay hay trượt nhanh có thể gây chóng mặt, buồn nôn. iOS, Android, macOS và Windows đều có cài đặt giảm chuyển động. Khi người dùng bật, giao diện nên thay chuyển động trượt và phóng bằng hiệu ứng mờ dần ngắn hoặc bỏ hẳn, dừng video nền tự chạy, tắt parallax. WCAG 2.2 có tiêu chí 2.3.3 (mức AAA) về chuyển động do tương tác, và tiêu chí 2.2.2 (mức A) yêu cầu nội dung tự chuyển động kéo dài hơn 5 giây phải có cách tạm dừng, dừng hoặc ẩn. Designer nên ghi rõ phương án giảm chuyển động cho mỗi animation quan trọng khi bàn giao.