"Применение законов механики в графическом дизайне"

В 1954 году американский психолог Пол Фиттс (Университет штата Огайо)
провел эксперимент по изучению движения человека при достижении цели в
двухмерном пространстве.
Эксперимент был поставлен следующим образом: на доске были
размещены две чувствительные полоски - мишени (черные полоски на рисунке
ниже). Когда к одной из этих полосок прикасаются специальной ручкой (аналог
современного стилуса), фиксируется "попадание в цель".
Задача испытуемого - как можно быстрее коснуться стилусом то одной, то
другой полоски. Расстояние между полосками и ширина каждой из них
периодически меняется.
Фитц показал корреляцию: чем больше расстояние между одной целью и
другой и чем меньше размер цели, тем больше времени требуется для ее
достижения. И наоборот, чем меньше расстояние от одной цели до другой и чем
больше цель, тем меньше времени требуется для ее достижения. Это закон
Фитца.
Логично предположить, что легче и быстрее поразить большую цель. Но
интересно, что до определенного момента вы можете сэкономить много
времени, просто немного увеличив размер цели. Однако после определенного
момента увеличение размера цели практически не влияет на скорость ее
достижения.
Эти результаты объясняются логарифмической зависимостью между
переменными. Например, график ниже представляет собой функцию
зависимости между размером и временем достижения цели на определенном
расстоянии. Например, при увеличении размера с 0,5 до 1 время уменьшается с
0,45 до 0,3, то есть примерно на 30% (левая часть рисунка).
Однако чем больше размер, тем медленнее сокращается время достижения
цели. При увеличении размера с 8 до 10 время достижения цели остается почти
таким же (правая часть рисунка). Проще говоря, рекомендуется делать важные
объекты в интерфейсе крупнее и ближе друг к другу, но будьте осторожны,
поскольку вы не увидите значительного улучшения, если они будут огромными.

Математически закон записывается как:

Где:
T — среднее время, затрачиваемое на совершение действия.
a — среднее время запуска/остановки движения.
b — величина, зависящая от типичной скорости движения.
D — дистанция от точки старта до центра цели.
W — ширина цели, измеренная вдоль оси движения.
Аналогичным образом закон Фиттса применим к дизайну веб-сайтов и
интерфейсов. Например, чем дальше (от конечного щелчка мыши) и меньше
размер кнопки, тем больше времени потребуется пользователю, чтобы нажать
ее.
Например, чем меньше кнопка "Удалить", тем меньше вероятность того,
что пользователь случайно нажмет ее. Вместо кнопки можно использовать
другие объекты или цели на странице.
В некоторых случаях вы можете захотеть добавить некоторые элементы, но
они могут противоречить общему дизайну страницы. В таких случаях
недостаточно увеличить сам объект; необходимо увеличить только область, на
которую можно нажать.
При проектировании страниц всегда следует помнить о законе Фиттса. По
возможности сокращайте расстояние до важных целей и увеличивайте размер
самих целей (но не слишком сильно). Таким образом, кликабельная область
элемента должна быть больше видимой области, чтобы он не вступал в
противоречие с дизайном других элементов на странице.