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

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

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

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

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

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