Закон Фиттса в цифровом дизайне

В 1954 году психолог Пол Фиттс провёл эксперимент, в котором участники должны были быстро попадать пером по двум целям, расположенным на горизонтальной поверхности. Фиттс менял размер и расстояние между целями и замерял время.

В результате он обнаружил закономерность, которую мы знаем как закон Фиттса. Согласно закону Фиттса, чем меньше размер цели и чем больше расстояние до нее, тем больше требуется времени, чтобы точно попасть в цель. Кроме того, чем быстрее скорость движения к цели и чем меньше цель, тем больше частота (или коэффициент) ошибки из-за необходимости компромисса между скоростью и точностью попадания в цель. Закон Фиттса применяют при разработке средств управления, размещения средств управления и любых устройств, которые облегчают достижение цели.

Закон Фиттса применим только для быстрых, направленных движений, а не таких продолжительных, как письмо или рисование.

Закон привёл к появлению понятия «изначальный пиксель» — позиция курсора, откуда пользователь начнёт свое движение по странице. Поскольку это положение не фиксированно, трудно понять, где он окажется при переходена новую страницу. Поэтому задача дизайнера в цифровой среде — сократить расстояние от изначального пикселя до целевого объекта.

В дизайне интерфейсов он объясняет, как люди при использовании приложений и сайтов «прицеливаются в мишени», такие как кнопки, слайдеры, ссылки и другие элементы. Рассмотрим основные принципы этого закона, которые помогут сделать дизайна интерфейса удобным для пользователяи выгодным для бизнеса.

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

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

Если цель пользователя — совершить покупку товара или услуги, то закон Фиттса рекомендует сделать кнопку такого размера, чтобы добраться до неё можно было быстро и без лишних усилий. Чем меньше и дальше целевой элемент интерфейса, тем больше времени потребуется для совершения действий.

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

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

При проектировании интерфейсов советуем воспользоваться рекомендацией от Google и Apple по области нажатия элементов:

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