Motion & Peripheral Vision

Guidelines

• Reduce unexpected motion; offer “reduce motion” preference support.
• Use subtle, short-duration easing; avoid parallax on content.
• Motion near edges grabs attention; reserve for important events.

Vestibular considerations

• Large parallax/zoom can induce motion sickness.
• Provide instant transitions when prefers-reduced-motion is set.

References

• WCAG 2.2 — Animation from Interactions 2.3.3: https://www.w3.org/TR/WCAG22/
• Apple HIG — Motion: https://developer.apple.com/design/human-interface-guidelines/motion
• Material Design — Motion: https://m3.material.io/styles/motion/overview