<b>Микроанимации ломают интерфейс чаще, чем плохой цвет — если их не проверить на сценарий</b>

<b>Микроанимации ломают интерфейс чаще, чем плохой цвет — если их не проверить на сценарий</b>

Микроинтеракции нужны не для «вау», а чтобы подтвердить действие, показать состояние и снять тревогу. Если анимация не отвечает на вопрос «что сейчас произошло?», она лишняя.

Проверьте три вещи:
— действие должно быть видно без звука и без подсказки;
— состояние должно отличаться до/во время/после;
— анимация не должна тормозить следующий шаг пользователя.
Если хотя бы один пункт провисает, это уже не паттерн, а декор.

Типовые ошибки:
— слишком длинный переход, из-за которого кнопка «зависает»;
— одинаковая реакция на успех и ошибку;
— движение ради эффекта, а не ради обратной связи;
— скрытая логика: пользователь не понимает, почему элемент изменился.

Что делать на практике: сначала рисуйте статический флоу, потом добавляйте один микро-эффект на один смысл. Для каждого состояния задайте триггер, длительность, финальное состояние и правило отмены. Если это нельзя описать в одном предложении — анимацию нужно упрощать.

Хорошая микроинтеракция не запоминается как фича. Она просто делает интерфейс предсказуемым.