Кожен раз, коли ви відвідуєте новий сайт, в вашому мозку починається процес вивчення. Чи стосується справа навігації, загального макета сайту, що обертається слайдера зображень на головній сторінці, ваш мозок повинен навчитися користуватися сайтом, не забуваючи при цьому причину, по якій ви відвідали цей ресурс.
Розумові зусилля, необхідні для цього вивчення називаються когнітивними (пізнавальними) навантаженнями.
Тепер найцікавіше: пам'ять мозку, де зберігається вся інформація обмежена. Коли нової інформації занадто багато, мозок починається сповільнюватися в роботі і може зовсім відмовитися від вивчення. У цьому випадку користувач покидается занадто «складний», на його думку, сайт.
Веб-дизайнер завжди повинен прагнути максимально мінімізувати когнітивну навантаження при проектуванні сайту, хоча повністю уникнути її не вдасться.
У чому причина когнітивної навантаження?
Для того, щоб зрозуміти, як знизити когнітивну навантаження, необхідно зрозуміти, що є її причиною. У загальному сенсі, на таке навантаження впливають 3 причини:
- Занадто багато опцій при роботі з сайтом;
- Сайт занадто складний для сприйняття;
- Відсутність ясності.
Методи зниження когнітивної навантаження.
Тепер, коли нам відомі фактори, які впливають на розуміння і сприйняття, давайте розглянемо методи, за допомогою яких можна прискорити і спростити для користувача вивчення веб-ресурсу.
Уникайте непотрібних елементів в дизайні.
Як і все в веб-дизайні, краще менше, та краще. Будь-який елемент, який не допомагає користувачеві досягти мети відвідування сайту, насправді, заважає йому це зробити, тому що змушує обробляти додатковий обсяг інформації.
Уникайте використання надмірної кількості квітів, зображень, віх тих елементів, які не мають вирішального значення для розуміння користувачем інформації на сайті.
Необхідно прагнути до простоти, але тільки не за рахунок ясності інформації на сайті.
Використовуйте сучасні патерни веб-дизайну.
Використовуючи такі елементи, ви спрощуєте розуміння користувачем сенсу сайту. Цей спосіб зменшує кількість нової для користувача інформації, таким чином, спрощує з сайтом.
Такі патерни можна брати з Design Patterns on CodePen (codepen.io/patterns) або Blueprint Archives on Codrops (tympanus.net/codrops/category/blueprints).
Виключіть непотрібні завдання.
Будь-яка необхідність в читанні контенту, запам'ятовуванні інформації, прийнятті рішення створює для користувача когнітивну навантаження. Коли це можливо, намагайтеся уникати цих завдань. Це дозволить користувача сконцентруватися на головній меті відвідування сайту.
Мінімізуйте необхідність вибору.
Як було сказано вище, наша пам'ять обмежена. Коли ви вимагає від користувача зробити занадто складний вибір, когнітивна навантаження на нього різко збільшується, що призведе до відмови використання вашого ресурсу.
Використовуйте іконки з обережністю.
Дослідження показало, що наявність іконок в дизайні може утруднити запам'ятовування контенту і його розуміння. Найлегше розуміють користувачем стандартні іконки (друк, відповісти, tweet, поділитися).
Слідуючи викладеним вище принципам, ви зможете значно зменшити когнітивну навантаження на користувача, дозволивши йому сконцентруватися на основних