Як правильно використовувати закон Фіттса для юзабіліті – у дизайні?

Цього разу ми розглянемо закон, який гарно застосовується для юзабіліті та ергономіки у дизайні.

Читайте Наука за лаштунками дизайну: закон Хіка

Закон Фіттса можна охарактеризувати як: “Час, необхідний для переходу до цілі є функцією розміру цілі та відстані до цілі.” Ми можемо застосувати це до веб-дизайну, дивлячись на зони прийняття сигналу наших об’єктів.

Це означає, що чим більшою ми можемо зробити інтерактивну зону ключових лінків і навігаційних елементів, тим легше вони будуть натискатися користувачами. Слід пам’ятати, що дизайнери, зазвичай дуже досвідчені у використанні мишки, але є багато користувачів, які досі мають проблеми з цими функціями. 

Зображення: www.usertesting.com

Якщо казати про дизайн загалом, то, елементи, якими користувач має зручно користуватися – повинні бути великими і розсташовуватися поблизу. І, якщо ви хочете, щоб користувач легко натиснув на call-to-action кнопку – зробіть її великою близько до центру екрану. Цей закон актуальний не лише для UI, а є одним із основних для розробки ергономіки систем керування.

Він також може працювати у зворотному напрямку, тобто предмети, які ми хочемо, щоб були не такими легкими для доступу користувачів, (наприклад, кнопка скасування купівлі ;)) повинні мати меншу площу інтерактивності. Саме тому ви часто бачите форми або дії, які мають великі кнопки “Зберегти”, але “видалити” або “скасувати” у вигляді тексту або посилання. 

Також закон Фіттса варто брати до уваги при переходах і змінах в’юх. І розміщувати бажані для кліку елементи таким чином, щоб вони були максимально близькими до попереднього розсташування мишки.

Наприклад, кнопка “Далі” при інсталяції програмного забезепечення: екрани змінюються, а кнопка на тому ж місці. Це настільки юзабельно, що користувачі можуть автоматично на неї натискати, пропускаючи зміст екранів, що змінюються.

Згадайте, скільки разів ви встановлювали якусь зовсім вам не потрібну пошту собі на Windows – саме завдяки закону Фіттса 😉

______

kazhut-dyzajnery-ne-vmiyut-pysaty-5

ДУЖЕ РАДИМО ПОЧИТАТИ:

Двуликий Nissan: бренд поміняв своє лого + вигадав ще одне, нове

Що робити дизайнеру під час карантину, окрім роботи: ТОП-11 ідей

Наука за лаштунками дизайну: принцип Парето або правило 80/20

Залишити відповідь