wow-design-wiki/concepts/micro-interactions.md

title, created, updated, type, tags, sources, confidence

title	created	updated	type	tags	sources	confidence
Micro-Interactions	2026-06-02	2026-06-02	concept	web-design micro-interactions	raw/articles/crawford-new-rules-2026.md raw/articles/crawford-15-tips.md	medium

Micro-Interactions — Микро-взаимодействия

Принцип: Motion With Intention

Анимация должна направлять и давать обратную связь, а не впечатлять.

Примеры

• Hover на кнопке — изменение цвета/тени
• Scroll reveal — контент появляется при скролле
• Form feedback — успех/ошибка с анимацией
• Loading states — skeleton screen вместо спиннера
• Page transition — плавный переход между страницами

Когда НЕ нужно

• Если анимация замедляет загрузку (Crawford: >3s = -50%)
• Если отвлекает от смысла
• Если нет функциональной цели

Правило Crawford

Если люди замечают анимацию больше, чем ваш оффер — что-то не так.