5 головних законів у UX-дизайні

Вивчення користувачів і розуміння правил дизайну — це те, без чого не обійдеться жоден веб-дизайнер. Для повноцінного вивчення аудиторії популярною практикою користуються відомі психологічні трюки із привернення уваги.

Зараз наша команда розповість вам про 5 законів UX-дизайну, які ми використовуємо у своїй роботі, та якими користуються великі компанії.

Закон Якоба

Якоб Нільсон — фахівець із юзабіліті, а також керівник компанії Norman Group. Ця компанія заснована разом з Дональдом Норманом (відомим як колишнім віце-президентом з досліджень Apple Computer).

Закон:

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

Люди вже настільки звикли до деяких елементів на сайті, що їм важко їх сприймати інакше. Наприклад, люди завжди знають, де знаходиться пошук на сайті або де шукати кошик.

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

Тому дизайнерам не рекомендовано відхилятися від традиційних шаблонів.

Для складових елементів сайту, таких як: розташування елементів, структура сайту та навігація — підходитимуть всім звичні зразки. Таким чином, у користувачів не буде необхідності розбиратися у вашому сайті.

Приклад: Кошик завжди розташований у верхньому правому кутку.

Закон Джорджа А. Міллер

Міллер — американський психолог та один із основоположників когнітивної психології.

Закон:

У середньому людина може утримати у своїй короткочасній пам'яті лише +/- 7 - 2 елементів. Тому люди можуть запам'ятати за раз, близько семи елементів, в іншому випадку — мозок буде перевантажений.

Щоб не навантажувати користувачів, дизайнери поділяють елементи з інформацією на групи та підгрупи для кращого розуміння та запам'ятовування інформації.

Приклад: Виводять частину розділів у додаткове меню, щоб спростити меню на сайті. Також, щоб мінімізувати помилки людей, роблять підказки у формі для замовлення.

До того ж дизайнери часто грамотно організовують поля для введення даних картки, розділяючи 16-значні цифри та поля місяць/рік терміну дії картки.

Закон Хіка-Хаймана

Закон Хіка названий на честь британської та американської команди психологів Вільяма Едмунда Хіка та Рея Хаймана. У 1952 році вони приступили до вивчення наступного питання: як кількість інформації, яка надходить до людини, впливає на час ухвалення ним рішення.

Як і очікувалося, чим більше інформації надходить у мозок людини, тим більше часу їй потрібно, щоб ухвалити рішення.

Закон:

Час, який потрібний для прийняття рішення, збільшується зі збільшенням кількості та складності вибору.

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

Наочний приклад із веб-дизайну — це вибір міста доставки в інтернет-магазині.

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

Другий варіант: Дизайнер спочатку показує 10 найпопулярніших міст, а решту міст можна знайти за пошуковим рядком.

Рекомендації веб-дизайнерам, щодо використання закону Хіка:

• Розбивайте складні процеси на невеликі частини. Для користувача у кожній частині етапу має бути кінцева мета.
• Групуйте та розділяйте варіанти вибору, щоб користувачеві було легше шукати та розпізнавати те, що йому потрібно на вашому сайті.
• Якщо це необхідно, поступово надавайте додаткову інформацію для користувача.

Закон «Бритва Оккама»

Назву цей закон отримав від імені англійського ченця-францисканця та філософа-номіналіста Вільяма Оккама.

Закон:

Слід уникати створення нових понять, термінів, визначень та сутностей, якщо без них можна обійтися. Найпростіші пояснення – найкращі.

Цей закон став популярним і потрапив у тренди.

Все більше компаній уникають і прибирають зайві елементи зі своїх логотипів, стилів і наголошують на найважливішому в їхньому бренді. Завдання логотипу полягає у тому, щоб розповісти про головне, запам'ятатися та передати суть.

У наш час стали поза трендом шрифти із засічками, а набрали свою популярність: плоска графіка та лаконічні кольори з якими немає проблем під час друку. Зараз відсікається все зайве і залишається лише суть, яку можна просто та якісно донести до клієнта.

Ефект Ресторофф

Гедвіг Фон Ресторфф, який був німецьким лікарем у 1933 році, провів серію експериментів в університеті Берліна.

У ході експериментів виявили таку закономірність: людина краще запам'ятовує той об'єкт, що виділяється з низки однакових об'єктів. Такій особливості людської пам'яті дали назву «ефект ізоляції» або Ефект Ресторофф.

Закон:

З усіх схожих елементів буде легше запам'ятати той, який виділяється найбільше.

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

Також є ще один елемент запам'ятовування в дизайні — це використання мотиваційних тригерів ай-стоперів.

Це можна побачити на прикладі інтернет-магазину дитячих товарів. Як ви можете спостерігати, один із товарів у каталозі виділили ай-стоппером і вказали знижку в 20%, та наклали червоне коло, поверх зображення. Таке виділення важко пропустити.

Тому, порівняно з іншими товарами, користувачі найімовірніше запам'ятають саме цей продукт.

Важливі нюанси:

Коли ви будете використовувати на практиці ефект Рестороффа, важливо пам'ятати, що у людини обмежений обсяг робочої пам'яті.

Чим більше уваги ви намагаєтеся привернути до одного елементу, тим менше залишиться уваги для інших об'єктів.

Якщо важливими є кілька елементів, тоді їх або не варто виділяти, або виділити, але однаково і не надто яскраво.

Висновки:

Веб-дизайн — відповідальна сфера діяльності.

Закони про які ми розповіли, допоможуть вам створити ефектні та успішні проєкти, а також захистити їх перед клієнтами.