Почему красивые UI-анимации могут ухудшить продукт?
Автор: Джей Томас
UX-проектировщик; создает команды UX-исследований, руководит командами дизайна, внедряет в компаниях Jobs to be Done
Анимации делают интерфейс живым, но только если они гармонично встроены в логику взаимодействия. В хорошем контексте они направляют внимание пользователя, заполняют время ожидания и подсказывают микро-моменты. В противном же случае анимации не дополняют продукт, а мешают ему.
Первое, с чем часто сталкиваюсь—анимации, которые тормозят сценарий.
Плавные переходы, кастомные лоадеры, сложные эффекты—все это добавляет лишние миллисекунды. Когда пользователь делает одно и то же действие по несколько раз в день, даже небольшая задержка начинает раздражать. Особенно в продуктах, где важна скорость.
Решение простое: анимации—короткие, 200–300 мс. Переходы—не должны ждать, пока всё “доиграется”. Новый экран—сразу после клика.
Вторая история—анимации, которые отвлекают от сути.
Появления по скроллу (даже в SaaS продуктах), чрезмерные hover-эффекты, нестабильные движения—все это визуально эффектно, но внимание в таком контексте рассеивается. В результате—потеря фокуса, нарушение иерархии, больше времени на простые действия.
И третье—аномальные паттерны поведения.
Если пользователь не понимает, что произошло—это провал. Карточка улетела в корзину, но не ясно, добавилась ли. Форма шейкится, но не сообщает, в чём ошибка. Тут ключевой принцип в том, что эстетика не должна ломать ожидания.
Если без анимации интерфейс работает лучше—она была лишней. В хорошем UX всё, что движется, должно помогать и направлять внимание пользователя, а не рассеивать его.
Джей Томас
UX-проектировщик; создает команды UX-исследований, руководит командами дизайна, внедряет в компаниях Jobs to be Done. На протяжении 10 лет разрабатывает как сложные узкопрофильные админ-панели, так и функции, которыми пользуются многомиллионные аудитории.
В прошлом руководил командой развития пользовательского опыта в Домклик, и там же—руководил дизайн-системой. Приглашенный лектор в ВШЭ и Bang Bang Education. Обучался JTBD в Harvard Business School.
Работал с ONY, QIWI, Сбером, ЦИАН, Мегафон, Shell, МТС, Adidas и другими командами.
