Найти в Дзене
DW

Закон Фиттса в дизайне

На курсах по веб-дизайну нам много рассказывали о правильном построении композиции, какого размера должны быть кнопки на разных экранах, как оформлять ссылки и т.д. Но о создании таких правил ничего не рассказали. Кто создатель закона? Как это выяснили? Поэтому сегодня поговорим о Законе Фиттса. Звучит как название учебника по физике, но, к счастью, это не так. Пол Моррис Фиттс–младший был психологом в Университете штата Огайо. Он разработал модель человеческого движения, Закон Фиттса, основанную на быстром, целенаправленном движении, которая впоследствии стала одной из самых успешных и хорошо изученных математических моделей человеческого движения. Не очень понятно? Начнем сначала. В 1954 году Пол Фиттс провел эксперимент. На доске были размещены две чувствительных полосы — мишени. При косании на них пером засчитывалось "попадание" и полосы меняли размер и место. Задачей испытуемого было поочередно попадать по мишеням. При этом фиксировалось место, размер мишени и время, за которо

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

Поэтому сегодня поговорим о Законе Фиттса. Звучит как название учебника по физике, но, к счастью, это не так.

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

Не очень понятно? Начнем сначала. В 1954 году Пол Фиттс провел эксперимент. На доске были размещены две чувствительных полосы — мишени. При косании на них пером засчитывалось "попадание" и полосы меняли размер и место.

Эксперимент Фиттса. Доска с мишенями и стилус. Рисунок взят: yorku.ca
Эксперимент Фиттса. Доска с мишенями и стилус. Рисунок взят: yorku.ca

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

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

Рисунок слева: показатель зависимости времени от небольшого увеличения цели (примерно на 30%) Рисунок справа: увеличение цели практически не отражается на времени (цель увеличена слишком сильно) График взят: https://vc.ru/design
Рисунок слева: показатель зависимости времени от небольшого увеличения цели (примерно на 30%) Рисунок справа: увеличение цели практически не отражается на времени (цель увеличена слишком сильно) График взят: https://vc.ru/design

Можно сделать вывод, что расстояние между важными объектами должно быть небольшое, а сами объекты довольно крупными, но не занимать почти все пространство.

Пример пользования законом Фиттса.
Пример пользования законом Фиттса.

Для мобильных версий так же есть схема, на которой показано, в каких областях пользователю проще взаимодействовать с объектом.

Площадь взаимодействия и доступности потребителя. Схема взята: https://habr.com
Площадь взаимодействия и доступности потребителя. Схема взята: https://habr.com

А что, если нет возможности увеличить объект? Если их очень много и т.д.? В таком случае можно увеличить площадь нажатия — когда на объект можно нажать раньше, чем до него достанет мышь.

Зеленым цветом отмечена площадь нажатия
Зеленым цветом отмечена площадь нажатия

Используйте этот закон для создания грамотного продукта, забодтесь о своем потребители и не перебарщивайте)