Когда анимация помогает
- Показать, что элемент кликабельный
- Объяснить, откуда взялся новый блок и куда делся старый
- Удержать внимание на главном, не крича капслоком
- Дать ощущение отзывчивости: интерфейс отвечает на действие сразу
Когда мешает
- Когда её слишком много и она соревнуется с содержанием
- Когда движение задерживает: человек уже принял решение, а сайт «доигрывает»
- Когда она съедает ресурсы и всё начинает дёргаться на телефоне
- Когда игнорирует системную настройку уменьшения движения — а её включают люди с вестибулярными нарушениями
Как делаем мы
Разработка сайта с анимацией — это расчёт таймингов, а не набор эффектов из библиотеки. Мы используем свойства, которые браузер считает дёшево, проверяем на слабых устройствах и уважаем настройку prefers-reduced-motion.
Скорость при этом остаётся приоритетом: анимация не должна стоить вам позиций в поиске. Как это связано — в статье про скорость.
Стоимость
Анимация закладывается в стоимость разработки и зависит от сложности. Отдельно мы её не продаём: анимация, придуманная в отрыве от дизайна и вёрстки, обычно выглядит наклеенной.
Посмотреть, как это выглядит в работе, можно прямо на этой странице — сайт студии сделан нами.
Заказать сайт с анимацией
Покажите нам сайт, который вам нравится по ощущениям — мы сделаем не хуже, но с вашим характером.