Експертна оцінка юзабіліті вашого сайту та 10 евристик Якоба Нільсена

10 евристик Якоба Нільсена були створені без акценту щодо застосування для веб сайтів, додатків чи інших конкретних інтерфейсів: оригінальна стаття оперує більш широким поняттям «система». Однак, практично всі правила, наведені в ній, з успіхом застосовуються в сучасних веб-ресурсів, допомагаючи зробити їх більш зручними і інтуїтивно зрозумілими для користувачів.

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

Photo courtesy of olivia mew(CC No Derivatives)

Як можна використовувати евристики Нільсена?

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

Видимість стану системи

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

Photo courtesy of olivia mew(CC No Derivatives)

Поєднання системи та реального світу

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

Photo courtesy of olivia mew(CC No Derivatives)

Контроль та свобода користувачів

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

Photo courtesy of olivia mew(CC No Derivatives)

Послідовність та стандарти

Користувачі не повинні задаватися питанням, чи означають різні слова, ситуації чи дії одне й те саме. Не плутайте користувача, описуючи одні й ті ж речі різними словами і термінами. Дотримуйтеся однаковості і використовуйте стандартні комунікаційні елементи.

Photo courtesy of olivia mew(CC No Derivatives)

Попередження помилок

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

Photo courtesy of olivia mew(CC No Derivatives)

Впізнавання замість згадування

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

Photo courtesy of olivia mew(CC No Derivatives)

Гнучкість та ефективність використання

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

Photo courtesy of olivia mew(CC No Derivatives)

Естетичний та мінімалістичний дизайн

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

Photo courtesy of olivia mew(CC No Derivatives)

Допоможіть користувачам розпізнати, діагностувати та відновитись після помилок

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

Photo courtesy of olivia mew(CC No Derivatives)

Довідка та документація

Дуже добре, якщо систему зручно використовувати без документації, але може виникнути потреба надати допомогу користувачам. Будь-яку таку інформацію слід розмістити у швидкому і зручному доступі, вона має бути орієнтована на завдання користувача. Якщо потрібно, то варто описати конкретні кроки, які слід виконати, вони не повинні бути трудоємкими.

Подібні документи повинні бути складені таким чином, щоб в них легко було знайти необхідну інформацію.

Photo courtesy of olivia mew(CC No Derivatives)
Source — goldwebsolutions.com

Людиноцентричний дизайн

Що таке HCD, звідки взявся та як працює ?

Тренди веб-дизайну другої половини 2023 року

Десять цікавих трендів, про які варто знати.

HEX-кодування кольору

У графічних редакторах і коді вебсайтів кольори часто позначаються якось на кшталт

Правило внутрішнього та зовнішнього

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

Швидкий екскурс в історію дизайну

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