Делай действия лёгкими

Закон Фиттса

Язык

Закон Фиттса связывает размер цели и дистанцию со временем попадания: крупнее и ближе — быстрее и меньше промахов, особенно на тач-экранах.

Малая далёкая цель и крупная близкая
Подтащите главное действие ближе и увеличьте его.
Вайрфрейм с выделенным основным контролом
Сделайте счастливый путь заметно проще попасть.

Тач и моторика

Люди жмут большим пальцем, на ходу, с настройками доступности. Минимальные тач-таргеты (~44×44 pt) — база, а не потолок для главных действий.

Следствия для лейаута

Дистанцируйте деструктив от частых тапов, расширяйте зону нажатия за пределы иконки, на мобиле ставьте частые действия в удобную зону большого пальца.

Десктоп и точность

Мелкие иконки у края экрана сложны и с мышью. Добавляйте отступы, крупные строки в меню и альтернативы с клавиатуры.

Практики

  • Кнопки основного действия на мобиле от ~48px для частых сценариев.
  • Расширяйте кликабельную область вокруг иконок.
  • Закрепляйте панель действий на длинном скролле.
  • Не делайте крошечный «закрыть» на модалках.

Типичные ошибки

  • Плотные ряды иконок без зазора.
  • «Удалить» рядом с «Сохранить» того же размера.
  • Только hover-цели, недоступные на таче.