Must I turn off all animation?

No. Reduce big movement and replace meaningful changes with fades.

Enable reduce motion in device settings or devtools and walk through key screens.

Reduced Motion

⚙️ Engineering & Technology By CampusDown Wiki Editorial Team Last updated October 27, 2026

Reduced motion is designing interfaces to minimize or replace large movements and transitions when users enable reduce motion.

Contents

1. Why it matters
2. Implementation
3. Replace, don't remove
4. FAQ
5. References

Why it matters

Zooming transitions and parallax can cause dizziness; Bos et al. (2008) explain sickness from visual-vestibular conflict. WCAG 2.2 (W3C, 2023) 2.3.3 asks that interaction motion can be disabled. Follow system settings, like dark mode.

Implementation

Use prefers-reduced-motion (MDN, n.d.); per technique C39, disable on 'reduce' or add motion only on 'no-preference'. Check iOS Reduce Motion and Android animation scale (Apple, n.d.). Stop autoplay and scroll-linked parallax.

Replace, don't remove

Animation conveys continuity (Chang & Ungar, 1993), so swap big moves for short fades and keep microinteraction state changes (web.dev, n.d.). Test with the setting on.

FAQ

Must I turn off all animation?: No. Reduce big movement and replace meaningful changes with fades.
How do I test?: Enable reduce motion in device settings or devtools and walk through key screens.

Sources reviewed: 2026-10-27

References

MDN Web Docs. (n.d.). prefers-reduced-motion. Media query for the OS setting.
Apple. (n.d.). Motion. Human Interface Guidelines. Purposeful motion on iOS.
web.dev. (n.d.). prefers-reduced-motion: Sometimes less movement is more. Examples of reduced alternatives.
W3C. (n.d.). C39: Using the CSS prefers-reduced-motion query to prevent motion. WCAG Techniques. Official sufficient technique.
Bos, J. E., Bles, W., & Groen, E. L. (2008). A theory on visually induced motion sickness. Displays, 29(2), 47–57. https://doi.org/10.1016/j.displa.2007.09.002 Theory of visually induced sickness.
Chang, B.-W., & Ungar, D. (1993). Animation: From cartoons to the user interface. In Proceedings of UIST '93 (pp. 45–55). ACM. https://doi.org/10.1145/168642.168647 Why animation aids continuity.
World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. Criterion 2.3.3 animation.

Reports and materials that use this theory (Korean)

There are no materials dedicated to this theory yet, but you can search related reports in the CampusDown library (Korean).

Find more reports · Search '모션 감소' on CampusDown →

MicrointeractionsSmall single-purpose interactions such as the like heart, toggle switch and pull-to-refresh: Saffer's four-part model, research on progress feedback and animation, mobile examples and reduced-motion accessibility.⚙️ Engineering & Technology Mobile AccessibilityMobile accessibility lets people with disabilities or situational limits use mobile apps and sites. Covers WCAG 2.2 mobile criteria, screen readers and gestures, touch targets, text scaling and practical testing.⚙️ Engineering & Technology Dark ModeThe evidence on dark mode: readability compared with light mode, OLED battery savings, colour design tips, accessibility contrast requirements and following system settings.⚙️ Engineering & Technology AI Search Algorithms: A* and MinimaxAI search algorithms explained: state-space search, breadth-first and depth-first search, Dijkstra, heuristics and A* (admissibility, consistency), game trees, minimax and alpha-beta pruning, based on the original papers.⚙️ Engineering & Technology

Latest ArticlesView all ›

New guides for college study and assignments (Korean)

This article was last updated on October 27, 2026. It is based on widely recognized original works and textbooks; when citing it in a paper, please check the original sources listed in the references.