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

Уявіть сценарій. Ви починаєте роботу в офісі в понеділок вранці. Відкриваєте браузер, і починаєте по черзі відкривати знайомі вкладки. Gmail, Slack, незавершені завдання, презентація, яку потрібно здати до обіду. І ще трохи музики. Перед початком роботи зробіть один раунд солітеру, щоб розігріти голову. Знаєте, що станеться далі? Починає крутитися вентилятор пристрою, курсор стає круглим, все раптово сповільнюється.

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

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

Цю ідею називають когнітивним навантаженням, і вона є однією з найважливіших у UX-дизайні. Простими словами, когнітивне навантаження UI — це сукупність ментальних зусиль, необхідних для розуміння і використання системи. Неможливо “покращити” мозок людини, зробивши його швидшим. Ми не можемо просто сказати користувачу “спробуй ще раз”, бо він знайде альтернативу. Замість цього можна зробити дизайн більш розумним і інтуїтивним. Такий, що приносить користувачеві задоволення.

Внутрішнє протистояння та зовнішні фактори
Не всі когнітивні навантаження однакові, їх є два основних типи. NNG виділила два важливих типи, які кожен дизайнер має знати.

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

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

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

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

Як зменшити когнітивне навантаження — три ефективні способи
Золотий стандарт UX-досліджень Nielsen Norman Group пропонує три практичні стратегії для зменшення зовнішнього когнітивного навантаження. Звучить просто, але реалізувати їх на кожному екрані — справжній виклик.

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

Мозок не може ігнорувати те, що видно. Все, що на екрані, обробляється, навіть якщо ви свідомо не звертаєте уваги. Це означає, що кожен елемент має ментальний навантаження. Точки, лінії, текст, кольори, елементи — все це обробляє мозок.

Практика: перед додаванням будь-якого елемента подумайте, чи він корисний для користувача, чи просто прикрашає. Якщо відповідь “ні”, видаляйте.

02 Проектуйте на основі вже існуючих ментальних моделей
Більшість користувачів роками користуються інтернетом. Вони знають, що підкреслений синім текст — це посилання. Іконка гамбургера — меню. Клік по логотипу — повернення на головну. Ці конвенції настільки сильні, що для їх розуміння не потрібно когнітивного навантаження — вони вже закладені в голові.

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

Як зробити на практиці: перевірте “розумність” інтерфейсу. Запитайте себе: чи потрібно навчання, щоб ним користуватися, і чи воно виправдане порівняно з користю?

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

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

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

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

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

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

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