移行中の知識
モーション軽減設定
Reduced Motion Preference
定義
モーション軽減設定（reduced motion preference）とは、userがnon-essential motionを最小化したいというsystem-level preferenceを、UI側が検出してpresentationを調整できる仕組みです。Webでは`prefers-reduced-motion` media featureで扱います。これは「すべてのanimationを削除する」命令ではなく、必要な状態変化や情報を保ちながら、不要または強いmotionを減らすための入力条件です。
実例
実際の場面で考える
同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。
page間やcarouselの画面遷移
大きなslide transitionを置き換える
見るポイント
reduced motionが有効な時は大きな移動・zoomを抑え、短いcross-fadeや即時切り替えなどで状態変化自体は伝える。情報まで消さない。
marketing site
parallaxやbackground motion
見るポイント
内容理解に不要なparallaxやcontinuous motionを軽減・停止できるようにする。motion停止後にもcontent hierarchyや操作可能性が維持されるか確認する。
注意
誤解しやすい点
- reduced motion preferenceを「animation禁止」とだけ解釈し、状態変化のfeedbackまで失う。
- preferenceが未指定なら、すべてのuserが強いmotionを望んでいると考える。
- durationを少し短くするだけで、移動量・zoom・continuous motionなどの負担も解決したとみなす。
関連
関連する概念
出典