😏 10 еврістик юзабіліті, які має знати кожен дизайнер

25 років тому Якоб Нільсен описав 10 основних принципів проектування взаємодії. Ці принципи були розроблені на основі багаторічного досвіду в галузі юзабіліті-інженерії та стали правилами для взаємодії людини і комп’ютера.

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

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

Люди люблять тримати все під контролем, тільки тоді вони можуть почуватися в безпеці. З точки зору еволюції, потреба в безпеці та задоволення фізіологічних потреб (таких як їжа, сон і секс) допомогли нам вижити. Відчуття контролю може з’явитися завдяки наданню інформації про стан системи та наявності зворотного зв’язку після кожної взаємодії.

Погляньте на свій смартфон. Одразу після того, як екран загоряється, він інформує вас про заряд батареї, під’єднання до Wi-Fi, отримані повідомлення, пропущені дзвінки та багато іншого. Уявіть, як би ви почувалися невпевнено, якби ця інформація була відсутня. Використовуючи знаки, іконки та індикатори, система повідомляє про свій стан і допомагає користувачеві ухвалювати більш обґрунтовані рішення.

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

Збіг між системою і реальним світом

Люди ментально підходять до створення кожної нової системи. Іншими словами, вони припускають, як вона може працювати, ґрунтуючись на своєму досвіді використання аналогічних систем. За допомогою взаємодії мовою, яка їм знайома, ви допомагаєте користувачам подолати початкову незручність.

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

Навіть у сучасному мінімалістичному світі десятки дизайнерських підказок збереглися з тієї епохи: додатки, як-от компас чи калькулятор; або компоненти дизайну: папки, перемикачі, іконки блокування. Крім того, мова і концепції з реального світу допомагають користувачам легко зрозуміти віртуальну систему. Ось чому додаток зі зберігання карток називається “Гаманець”, під час збереження улюблених сайтів ми використовуємо “Закладки”, під час видалення старих файлів – “Сміттєвий кошик”, а для покупок в Інтернеті – “Кошик”.

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

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

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

Узгодженість і стандарти

Ви коли-небудь помічали, що функція копіювання-вставки працює однаково, незалежно від того, який додаток ви використовуєте? А як щодо того, що ви можете потрапити на домашній екран, просто провівши пальцем вгору від нижнього краю, (свайпнути)? Це всього лише дві моделі юзабіліті, які Apple використовує, щоб зробити свою систему послідовною і передбачуваною для користувачів. У зрозумілій системі користувачі ніколи не повинні плутатися, використовуючи різні слова, візуальні образи або дії для позначення одних і тих самих понять.

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

Доброю відправною точкою для створення послідовної системи дизайну вашого мобільного застосунку є “Посібник з інтерфейсу для людини” від Apple і “Посібник з матеріального дизайну” від Google. Вони являють собою міцну основу, що описує важливі компоненти дизайну з великою кількістю прикладів. Розробляючи новий застосунок, ніколи не забувайте, що люди проводять 90% свого часу, взаємодіючи з іншими застосунками, тому використання найкращих практик і поширених шаблонів зрештою призведе до підвищення загальної якості роботи. Узгодженість – один із найсильніших чинників, що сприяють зручності використання.

Запобігання помилкам

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

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

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

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

Розпізнати, а не згадати

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

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

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

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

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

Будь-який користувач унікальний; у кожного з них свої потреби та навички. Так само кожне завдання унікальне і вимагає різних контролерів.

Розвантажте екран і зробіть додаток зручнішим для навігації. У застосунку завжди повинні відображатися тільки необхідні елементи користувацького інтерфейсу і команди. Подивіться на такі додатки, як Apple Pages або G-Drive; під час написання документа ви бачите лише кілька контролерів, пов’язаних із редагуванням тексту. Але щойно виникає необхідність додати додаткову діаграму, з’являється ціла палітра функцій, спеціально створених для того, щоб допомогти вам виконати це завдання.

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

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

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

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

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

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

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

Помилки та проблеми будь-якого роду можуть засмучувати користувача. Особливо якщо вони погано опрацьовані і недостатньо зрозуміло передані. Хочемо ми цього чи ні, але користувачі завжди потрапляють у ситуації, з яких їм доводиться шукати вихід. Щоб звести до мінімуму розчарування, слід докласти стільки ж зусиль до опрацювання помилок, скільки ми вкладаємо в решту системи.

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

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

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

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

Документація має бути добре структурована, написана людською мовою і мінімалістична. Іноді користувачам не потрібно багато документації; достатньо простого коучмарка, що показує, як працює нова функція, або короткого посібника з впровадження, що пояснює основи. Такі додатки, як Trello, Slack і Duolingo, чудово справляються зі своєю роботою з адаптації користувачів.