Основы закона Фиттса: размер, расстояние и компромисс скорости-точности
В 1954 году Пол Фиттс сформулировал закон, который до сих пор остается краеугольным камнем в проектировании интерфейсов. Согласно его исследованию, время достижения цели зависит от её размера и расстояния до неё: чем меньше цель и чем дальше она расположена, тем дольше пользователь будет её «ловить». Кроме того, высокая скорость движения к цели увеличивает частоту ошибок — это вынуждает проектировщиков искать баланс между скоростью и точностью. Например, крошечная кнопка в углу экрана требует больше времени и внимания, чем крупная кнопка в зоне мгновенного доступа.
Ограничения закона: где работает, а где — нет
Закон Фиттса применим только к быстрым направленным движениям, таким как клик мышью или нажатие педали. Он не работает для продолжительных действий вроде письма или рисования. Исследования подтверждают это: в работе Лангольфа и Хэнкока (1975) закон использовали для анализа движений при микросборке, а Друри (1975) адаптировал его для проектирования автомобильных педалей. Эти примеры показывают, что Фиттс эффективен там, где требуется мгновенная реакция и минимум корректировок.
Движение к цели: баллистический рывок и самонаведение
Любое направленное действие состоит из двух фаз:
- Баллистическое движение — быстрый рывок к цели (например, перемещение курсора к кнопке);
- Самонаведение — точная корректировка для попадания (например, финальное выравнивание курсора).
Как показали исследования, до 80% времени тратится именно на самонаведение, и здесь же возникает большинство ошибок. Например, при работе с микроскопом (Langolf и Hancock, 1975) даже опытные операторы замедляются на этапе тонкой настройки.
Как применять закон Фиттса в UX/UI: практические стратегии
Дизайнеры могут снизить количество ошибок и ускорить взаимодействие, следуя принципам:
- 🚩 Увеличивайте размер целей для частых действий (кнопки, иконки);
- 🚩 Располагайте важные элементы ближе к зоне внимания пользователя (например, панель инструментов в верхней части экрана);
- 🚩 Используйте края экрана как «бесконечные цели» — курсор останавливается у края, что упрощает попадание (например, меню в углу macOS);
- 🚩 Ограничивайте траекторию движения — вертикальные/горизонтальные полосы прокрутки экономят время на выравнивание.
Кнопка «Купить» Amazon
Современный маркетинг активно использует закон Фиттса. Например, кнопка «Add to Cart» на Amazon выделена контрастным цветом, имеет крупный размер и расположена в «горячей зоне» экрана — справа, где её легко найти. Это сокращает время принятия решения и снижает риск случайных кликов на другие элементы.
Рекомендации для UX/UI-дизайнеров
- 🚩 Для частых действий:
— Делайте кнопки большими (например, главный CTA на лендинге);
— Размещайте элементы вдоль краёв или в углах (как меню Windows в левом нижнем углу). - 🚩 Для редко используемых функций:
— Уменьшайте размеры кнопок (например, «Удалить аккаунт» в настройках);
— «Прячьте» их в выпадающие меню, чтобы избежать случайных кликов. - 🚩 Адаптируйте интерфейс под мобильные устройства:
— Распределяйте кнопки в зонах досягаемости большого пальца;
— Используйте плавающие кнопки (FAB), которые всегда под рукой.
Проектируйте с учётом физиологии движения
Закон Фиттса — это не просто теория, а инструмент для создания интуитивных интерфейсов. Помните: чем меньше пользователь тратит сил на «попадание», тем выше его лояльность. Используйте размер, расположение и ограничения движения, чтобы превратить каждое взаимодействие в мгновенный успех.
Подписывайтесь на новый канал
Запустили канал в Телеграме RE: marketing, где ежедневно делимся тактиками повышения конверсии сайта. Уже опубликовали >200 полезных техник, а впереди — заготовки на >100 постов.
Для подписчиков есть возможность бесплатно заказать юзабилити-аудит в формате экспресс-анализа. Успейте заказать, предложение ограничено загрузкой специалистов.
Источники
- Paul М. Fitts, The Information Capacity of the Human Motor System in Controlling Amplitude of Movement // Journal of Experimental Psychology, 1954, vol. 4, p. 381-191.
- Gary Langolf and Walton М. Hancock. Human Performance Times in Microscope Work, АНЕ Transactions, 1975, vol. 7 (2), p. 110-117; Colin G. Drury. Application of Fitts’ Law to Foot-Pedal Design // Human Factors, 1975, vol. 17 (4), p. 368-373.
- Drury, C. G. (1975). Application of Fitts’ law to foot-pedal design.