Наука за лаштунками дизайну: використовуйте закон Фіттса для юзабіліті

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

➡ ➡ ➡ Читайте попередню частину серії: Наука за лаштунками дизайну: закон Хіка

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

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

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

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

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

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

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

Шукайте продовження серії у рубриці “Лонгріди“!

______

kazhut-dyzajnery-ne-vmiyut-pysaty-5

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

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