Джон Яблонски написал, каким должен быть интерфейс, чтобы работа с ним требовала меньше ментальных усилий.

— Отсутствие элементов, которые не помогают пользователю достичь цели;
— Использование шаблонов взаимодействия;
— Избавление пользователя от микрозадач (запомнить информацию, принять решение);
— Ограничение количества вариантов для выбора и их группировка;
— Повышение простоты восприятия текста;
— Аккуратное использование иконок (только распространённые метафоры, текстовые подписи).

#cognitive_load

Александр Радал написал о способах снизить когнитивную нагрузку пользователей.

— Уменьшайте количество вариантов, из которых надо выбирать. Так не только проще выбрать, но и выбранный вариант будет радовать пользователя больше (он меньше сомневается, что не проглядел вариант получше);
— Не стоит уменьшать количество пунктов меню до ±7 просто ради числа. Большой список лучше, чем поиски нужного пункта во вложенных меню (с неконкретными названиями типа «Прочее»);
— Если пользователь ошибся, дайте простой способ вернуться к предыдущему состоянию или исправить ошибки;
— Управляйте пользовательским вниманием визуальными подсказками вроде стрелок и изображений людей, смотрящих на важные элементы страницы;
— Используйте знакомые шаблоны и условности: единая цветовая палитра во всём продукте, знакомые паттерны взаимодействия (например, хлебные крошки), знакомые иконки и символы (например, корзина для удаления файлов);
— Общайтесь с будущими пользователями продукта;
— Раскрывайте информацию постепенно: сначала важную, затем второстепенную.

#cognitive_load

Энтони Ценг написал, как снизить когнитивную нагрузку при работе с похожими кнопками.

— Выделить кнопку основного действия;
— Если подписи имеют схожие значения, добавить иконки, которые подчеркнут разницу. Но подобрать такие иконки может быть непросто;
— Например, для кнопок «Send Money (отправить деньги)» и «Transfer (перевести)» иконками можно показать, что это отправка денег другому человеку и перевод на другой банковский счёт;
— Разделить кнопки на группы по смыслу. Пользователям будет проще действовать, руководствуясь мышечной памятью;
— Например, кнопки отправки и перевода выровнять по левому краю модуля, а оплаты счетов и пополнения баланса — по правому.

In English. #cognitive_load #button

Димитрис Хацилиас написал, как с помощью минимализма в интерфейсе снизить когнитивную нагрузку.

— Сократите количество опций, которые вы предлагаете (хотя бы на первом уровне иерархии). Оставьте на нём только основные и часто используемые;
— Добавьте воздуха, чтобы насыщенные информацией элементы не выглядели перегруженными;
— Удалите лишние границы между элементами (рамки и цветные плашки);
— Проработайте визуальную иерархию. Положение, прозрачность и размер элементов должны соответствовать их значимости, управлять вниманием пользователя;
— Если нужен дополнительный цвет, попробуйте использовать оттенок уже имеющегося в палитре;
— Не добавляйте альтернативных способов совершить одно и то же действие, чтобы пользователь не сомневался, правильный ли путь он выбрал для решения задачи.

In English. #minimalism #cognitive_load

Бет Джей написала о снижении когнитивной нагрузки при просмотре списка товаров в интернет-магазине.

— Не дублируйте разные версии одного и того же товара. Если каждая расцветка — в отдельной карточке, покупателям сложно понять, сколько всего уникальных товаров. Это сбивает с толку;
— Разбейте товары на большее число категорий. Когда товаров в списке много, это привлекает и удерживает внимание покупателя. Но может привести к тому, что он не примет решения или примет необдуманное;
— Используйте пагинацию или кнопку «Загрузить ещё». С бесконечным скролом ничего не надо нажимать, чтобы смотреть всё больше и больше товаров. Но такое небольшое препятствие полезно, чтобы покупатель мог опомниться и сориентироваться;
— Пагинация помогает понять, сколько ещё осталось просмотреть страниц для выполнения задачи.

In English. #cognitive_load #list

Матеуш Литарович написал о когнитивной нагрузке.

— Внутренняя — обусловлена внутренней сложностью и новизной того, с чем столкнулся человек. Её уровень зависит от знаний и опыта человека (на что мы не можем повлиять). Впервые покупать что-то в интернет-магазине всегда сложнее, чем впоследствии. А настраивать сервер в облаке ещё сложнее;
— Релевантная — возникает, когда человек превращает информацию в знания и закрепляет их в памяти. Например, при изучении руководств, анализе информации и создании схем;
— Внешняя — связана с формой предоставления информации: отсутствие структуры, непонятные объяснения, нечитаемый текст, визуальный шум (избыточное оформление, мешающие уведомления). Это то, на что дизайнер может повлиять;
— Чем ниже нагрузка, тем быстрее, легче и с меньшим количеством ошибок пользователи выполняют свои задачи;
— Тем позитивнее люди воспринимают продукт и тем большее их количество может продуктом пользоваться (доступность);
— Некоторые рекомендации по снижению когнитивной нагрузки, которые не попадали раньше в заметки: контент должен быть лаконичным и понятным;
— Упрощайте формы: спрашивайте только то, что нужно для выполнения задачи, группируйте поля, делите процесс на шаги;
— Предоставляйте обратную связь, держите в курсе того, что происходит и почему;
— Выстраивайте чёткую информационную иерархию, чтобы люди понимали, что самое важное и что делать дальше;
— Визуализируйте данные в привычной форме. Используйте диаграммы и графики, которые помогут понять и усвоить информацию;
— Ограничивайте количество элементов, которые надо запоминать за один раз: оптимально от 4 до 7.

In English. #cognitive_load