Движение объясняет связь
Анимация полезна, когда показывает происхождение элемента или переход между состояниями. В айдентике СИНЕКДОХИ фрагменты собираются в целое: деталь интерфейса становится частью продукта, а часть слова раскрывает его значение.
Если эффект не помогает понять состояние или характер бренда, он требует отдельного обоснования. На странице услуги и в калькуляторе ясность действий важнее иммерсивной режиссуры.
Первый кадр доступен сразу
Заголовок, содержание и основной контакт должны быть доступны до загрузки WebGL. Для сцены нужен статичный вариант, который сохраняет смысл композиции. Ошибка графического контекста не должна превращать первый экран в пустое место.
Тяжёлую сцену загружают отдельно от текста. На устройствах с сенсорным вводом уместна другая постановка, а не уменьшенная копия desktop: меньше слоёв и ниже нагрузка, без зависимых от наведения действий.
Уважение к настройкам
Prefers-reduced-motion означает отказ от необязательного движения. Это касается не только большого 3D-объекта, но и параллакса, анимированного курсора и переходов страниц.
Прокрутка остаётся естественной. Клавиатурный фокус должен быть виден, а анимация не должна менять порядок элементов или задерживать переход к ссылке. Интро не может быть обязательным условием доступа к содержанию.
Проверять, а не предполагать
Проверка включает реальные размеры экранов, отсутствие горизонтального переполнения и работу без WebGL. Рендер нужно останавливать вне видимой области и в скрытой вкладке, а ресурсы освобождать при уходе со страницы.
Впечатление от motion оценивают вместе с читаемостью и отзывчивостью. Сильный первый экран не оправдывает медленный выбор услуги или сложный переход к обсуждению проекта.