Когнітивне навантаження в UX: види та способи мінімізації

Darina -

Психологія є невід'ємною частиною UX-дизайну. Розуміння поведінки людей та того, як функціонує їхній мозок, є основою для створення ефективного й комфортного користувацького досвіду.

Сьогодні ми розглянемо когнітивне навантаження, а саме:

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

Що таке когнітивне навантаження?

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

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

Робоча пам'ять

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

Когнітивне навантаження

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

Когнітивне навантаження поділяється на три типи:

1. Внутрішнє (Intrinsic)

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

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

Цей тип навантаження виникає при:

  • вивченні програмування, дизайну чи нової мови;
  • гри на новому музичному інструменті;
  • використанні складного програмного забезпечення;
  • вирішенні математичних завдань.

2. Релевантне (Germane)

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

Цей тип навантаження виникає при:

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

3. Зовнішнє (Extraneous)

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

Цей тип навантаження виникає, коли користувачі:

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

Когнітивне навантаження в UX

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

Внутрішнє когнітивне навантаження

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

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

Релевантне когнітивне навантаження

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

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

Зовнішнє когнітивне навантаження

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

  • Складні та заплутані форми;
  • Надмірна кількість сповіщень і відволікаючих факторів;
  • Погана інформаційна архітектура;
  • Непослідовний і заплутаний інтерфейс;
  • Занадто багато варіантів вибору (закон Хіка);
  • Перевантажені сторінки візуальними ефектами, анімацією та недоречними графічними елементами;
  • Нечитабельний, неструктурований текст.

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

Чому важливо оптимізувати когнітивне навантаження?

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

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

Основні переваги зниження когнітивного навантаження:

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

Як мінімізувати когнітивне навантаження?

  • Уникайте перевантаження графічними елементами та анімацією. Переконайтеся, що текст легко читається, має достатню контрастність, а важливі елементи, як-от кнопки, мають оптимальний розмір. Використовуйте негативний простір, щоб інтерфейс виглядав організовано й не тиснув на користувача.
  • Цілісний дизайн допомагає користувачам швидше зрозуміти, як працює додаток. Використовуйте знайомі патерни, щоб не вимагати від користувачів додаткових зусиль для їх освоєння.
  • Видаляйте зайву інформацію, що може відволікати від головного контенту чи завдання.
  • Контент повинен бути чітким, лаконічним та зрозумілим.
  • Додайте лише необхідні поля, а довгі форми розділяйте на етапи. Згрупуйте пов'язані поля для зручності.
  • Забезпечте користувачів інформацією про результат їхніх дій. Це дозволить уникнути непорозумінь і підвищить впевненість у використанні продукту.
  • Створіть чітку інформаційну ієрархію. Це допоможе користувачам швидко зорієнтуватися, зрозуміти найважливіші елементи та діяти послідовно.
  • Використовуйте діаграми, іконки та графіки, зрозумілі для вашої аудиторії. Пам'ятайте, що іконки в меню стають ефективнішими з текстовими підписами.
  • Мінімізуйте повторення. Запам'ятовуйте дані користувачів або автоматично вибирайте найбільш релевантні опції.
  • Обмежте кількість інформації для запам'ятовування. Згідно з законом Міллера, користувачам легше сприймати від 4 до 7 елементів одночасно.
  • Дотримуйтесь закону Хіка. Скоротіть кількість опцій для прискорення процесу прийняття рішень.
  • Використовуйте туторіали. Представляйте нові функції через продумані туторіали та чіткі інструкції.

Джерело

🖤
Сподобався цей матеріал? Приєднуйся до дизайн спільноти Pleex і разом ми зробимо нашу дизайн-культуру кращою.