Евристики Нільсена: 10 принципів юзабіліті для дизайну інтерфейсів
Чіткий статус системи
Дизайн повинен завжди інформувати користувачів про те, що відбувається, забезпечуючи відповідний зворотний зв'язок. Коли користувачі розуміють поточний стан системи, вони можуть оцінити результати своїх попередніх дій і прийняти рішення щодо наступних кроків. Передбачувана взаємодія зміцнює довіру як до продукту, так і до бренду.
Поради:
- Чітко інформуйте користувачів про стан системи — будь-яка дія, яка може мати наслідки для користувачів, повинна супроводжуватися інформуванням.
- Надавайте зворотний зв'язок користувачеві якомога швидше (в ідеалі — негайно).
- Зміцнюйте довіру через відкрите та постійне спілкування.
Приклад:
Індикатори «Ви знаходитесь тут» на картах торгових центрів повинні показувати людям їхнє поточне місцезнаходження, щоб допомогти визначити подальший маршрут.
Дізнатися більше:
Подібність системи та реального світу
Дизайн повинен "розмовляти" мовою користувачів. Використовуйте знайомі їм слова, фрази та поняття, уникаючи внутрішнього жаргону (наприклад, термінів програмістів). Використовуйте типові терміни в інтерфейсах, щоб інформація подавалася природно та логічно.
Дизайн повинен відповідати очікуванням ваших користувачів. Те, що здається зрозумілим вам або вашим колегам, може бути незрозумілим або заплутаним для ваших користувачів.
Коли елементи управління в дизайні відповідають реальним умовам і відображають бажані результати (це називається природним відображенням), користувачам легше зрозуміти та запам'ятати, як працює інтерфейс. Це сприяє створенню інтуїтивно зрозумілого досвіду.
Поради:
- Переконайтеся, що користувачі можуть зрозуміти зміст без необхідності шукати значення слів.
- Ніколи не припускайте, що ваше розуміння слів чи понять збігатиметься з розумінням користувачів.
- Проведення досліджень допоможе визначити звичну термінологію та ментальні моделі, пов'язані з ключовими поняттями.
Приклад:
Коли елементи керування плитою відповідають розташуванню нагрівальних елементів, користувачі легко зрозуміють, який елемент керування за що відповідає.
Дізнатися більше:
- Повна стаття: Подібність системи та реального світу
- 2-хвилинне відео: Подібність між системою та реальним світом
Користувальницький контроль та свобода
Користувачі часто припускаються помилок, тому їм потрібен зручний "аварійний вихід", щоб легко вийти з небажаної дії без проходження тривалих процедур.
Можливість швидко вийти з процесу або скасувати дію дає користувачам відчуття свободи та впевненості. Такі виходи дозволяють користувачам зберігати контроль над системою.
Поради:
- Забезпечте функції скасування та відновлення дій.
- Зробіть доступною та чіткою можливість вийти з поточної взаємодії, наприклад, через кнопку "Скасувати".
- Переконайтеся, що вихідні опції чітко позначені та легко доступні.
Приклад:
Цифрові інтерфейси, як і фізичні простори, повинні мати зручні аварійні виходи.
Дізнатися більше:
Узгодженість та стандарти
Користувачі не повинні замислюватися над тим, що означають різні слова, чи дії. Дотримуйтесь платформних і галузевих стандартів.
Закон Якоба говорить, що більшу частину часу люди проводять, використовуючи цифрові продукти, відмінні від ваших. Досвід взаємодії з іншими продуктами формує їхні очікування. Недотримуючись узгодженості ви збільшуєте когнітивне навантаження, змушуючи користувачів освоювати нову інформацію.
Поради:
- Полегшуйте навчання, підтримуючи як внутрішню, так і зовнішню узгодженість.
- Забезпечуйте узгодженість у межах одного продукту або групи продуктів (внутрішня узгодженість).
- Дотримуйтесь загальноприйнятих галузевих стандартів (зовнішня узгодженість).
Приклад:
Стійки реєстрації зазвичай розташовані біля входу до готелю, що відповідає очікуванням клієнтів.
Дізнатися більше:
Запобігайте помилкам
Варто або усунути умови, які можуть призвести до помилок, або перевірити їх і надати користувачам можливість підтвердити свої дії перед тим, як вони їх виконають.
Існує два типи помилок: промахи та прорахунки. Промахи — це несвідомі помилки, які трапляються через неуважність. Прорахунки — це свідомі помилки, що виникають через невідповідність ментальної моделі користувача та дизайну.
Поради:
- Ставте пріоритети у своїх зусиллях: спочатку запобігайте серйозним помилкам, а потім вирішуйте дрібні незручності.
- Уникайте промахів, впроваджуючи корисні обмеження та налаштовуючи хороші значення за замовчуванням.
- Запобігайте прорахункам, знижуючи навантаження на пам'ять користувачів, підтримуючи можливість скасування дій та попереджаючи користувачів про можливі ризики.
Приклад:
Захисні огорожі на серпантинах запобігають падінню автомобілів з обриву.
Дізнатися більше:
Розпізнавання
Робіть елементи, дії та параметри видимими, щоб мінімізуйте навантаження на пам'ять користувача. Користувачеві не має запам'ятовувати інформацію з однієї частини інтерфейсу, щоб використовувати її в іншій. Важлива для використання дизайну інформація (наприклад, мітки полів або пункти меню) повинна бути видимою та легко доступною.
Поради:
- Дозвольте користувачам розпізнавати інформацію в інтерфейсі замість того, щоб змушувати їх запам'ятовувати її.
- Пропонуйте допомогу в контексті, а не змушуйте користувачів вивчати довгий посібник напам'ять.
- Зменшуйте обсяг інформації, яку користувачі мають утримувати в пам'яті.
Приклад:
Більшості людей простіше вибрати столицю країни з кількох варіантів (наприклад, у питанні тесту), ніж запам'ятати їх усі. Наприклад, вони швидше правильно відповіли б на питання "Чи є Лісабон столицею Португалії?" ніж на питання "Яка столиця Португалії?".
Дізнатися більше:
Гнучкість та ефективність використання
Ярлики, що приховані від новачків, здатні прискорити роботу досвідчених користувачів, забезпечуючи комфортну взаємодію для обох категорій. Дизайн повинен дозволяти користувачам налаштовувати часто повторювані дії та процеси.
Гнучкі процеси можуть виконуватись різними способами, даючи користувачам можливість вибирати найбільш зручний для них метод.
Поради:
- Пропонуйте "прискорювачі", такі як гарячі клавіші або сенсорні жести.
- Персоналізуйте, адаптуючи контент і функції для окремих користувачів.
- Дозвольте користувачам налаштовувати систему, щоб вони могли вибирати, як вона має працювати відповідно до їхніх потреб.
Приклад:
Регулярні маршрути вказані на картах, але місцеві жителі, які краще знають район, можуть скоротити шлях.
Дізнатися більше:
- Повна стаття: Гнучкість та ефективність використання: пояснення сьомої евристики юзабіліті
- 3-хвилинне відео: Гнучкість та ефективність використання
Естетичний та мінімалістичний дизайн
Інтерфейс повинен містити лише актуальну інформацію. Будь-які зайві елементи відволікають увагу від важливої інформації та знижують її помітність.
Ця евристика не вимагає сухого дизайну, а спрямована на забезпечення того, щоб вміст і візуальний дизайн були зосереджені на головному. Візуальні елементи повинні підтримувати основні цілі користувача і не відволікати від них.
Поради:
- Зосередьте увагу на основних елементах у змісті та візуальному дизайні інтерфейсу.
- Уникайте непотрібних елементів, які можуть відволікати користувачів від важливої інформації.
- Пріоритизуйте контент і функції, що сприяють досягненню основних цілей користувачів.
Приклад:
Багато прикрашений чайник може мати надмірні декоративні елементи, які ускладнюють його використання, наприклад незручну ручку або важкодоступний для миття носик.
Дізнатися більше:
Допомогайте розпізнавати помилки
Повідомлення про помилки повинні бути зрозумілими, без технічного жаргону чи кодів, чітко вказувати на проблему та пропонувати конструктивні рішення. Такі повідомлення також мають бути оформлені візуально так, щоб користувачі могли їх легко помітити та зрозуміти.
Поради:
- Використовуйте традиційні візуальні елементи для повідомлень про помилки, такі як жирний червоний текст.
- Повідомляйте про помилку зрозумілою мовою, уникаючи технічних термінів.
- Пропонуйте користувачам рішення, наприклад, комбінацію клавіш або дії, які можуть негайно виправити ситуацію.
Приклад:
Дорожній знак "В'їзд заборонено" попереджає водіїв про неправильний напрямок руху та закликає їх зупинитися.
Дізнатися більше:
Довідка та документація
Найкраще, коли спроєктована система не вимагає додаткових пояснень. Але іноді може виникнути потреба в документації, щоб допомогти користувачам зрозуміти, як виконувати певні завдання.
Вміст довідки та документації повинен бути легким для пошуку і орієнтованим на завдання користувача. Будьте лаконічними і надавайте конкретні кроки, які потрібно виконати.
Поради:
- Переконайтеся, що довідкову документацію легко знайти.
- Надавайте документацію в контексті, коли вона найбільше потрібна користувачеві.
- Включайте конкретні інструкції та кроки, які користувач повинен виконати.
Приклад:
Стійки інформації в аеропортах легко впізнавані і швидко допомагають пасажирам вирішити їхні проблеми.
Дізнатися більше:
- Повна стаття: Довідка та документація: 10-а евристика юзабіліті
- 3-хвилинне відео: Довідка та документація
Примітка від Якоба Нільсена
Перші принципи евристичної оцінки були розроблені мною в співпраці з Рольфом Моліхом у 1990 році [Molich and Nielsen 1990; Nielsen and Molich 1990]. Чотири роки по тому я уточнив ці евристики на основі факторного аналізу 249 проблем юзабіліті [Nielsen 1994a], що призвело до створення переглянутого набору евристик з максимальною пояснювальною силою [Nielsen 1994b].
У 2020 році ми оновили цю статтю, додавши нові пояснення, приклади та посилання. Хоча ми трохи змінили формулювання визначень, самі 10 евристик залишаються актуальними і незмінними з 1994 року. Якщо щось залишається правильним протягом 26 років, це, напевно, буде застосовуватись і до майбутніх поколінь інтерфейсів користувача.