Hacker News Digest

05 сентября 2025 г. в 14:34 • emilkowal.ski • ⭐ 499 • 💬 126

OriginalHN

#user-experience#ux#animation#ui-design#web-development#user-interface#css#accessibility#prefers-reduced-motion

Purposeful animations

Анимации не всегда нужны

Хорошая анимация делает интерфейс предсказуемым и живым, плохая — раздражает и снижает доверие.
Перед добавлением спроси себя: зачем она нужна?

  • Объясняет (как на linear.app/ai) — ок.
  • Подтверждает действие (кнопка слегка уменьшается) — ок.
  • Просто «красиво» — допустимо, если пользователь видит это редко.

Частота использования
Если элемент открывают сотни раз в день (Raycast, список команд), анимации быть не должно — они только тормозят.
Клавиатурные переходы никогда не анимируются.

Скорость
Всё, что дольше 300 мс, воспринимается как лаг.
Спиннеры быстрее = кажется, что грузит быстрее.
Тултипу нужна задержка при первом появлении, но при наведении на соседние — мгновенно и без анимации.

Итог
Добавляй анимацию, если она:

  1. решает задачу,
  2. видна редко,
  3. длится < 300 мс.
    Иначе — не добавляй.