🌸🌸 принципов проектирования понятного интерфейса

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

Она предложила набор принципов для оптимизации интерфейсов:

✅Автоматизируйте нежелательную когнитивную нагрузку

Высвободите когнитивные ресурсы пользователя для выполнения высокоуровневых задач. Устраните оценки, сравнения, лишние размышления и вычисления в уме

💙 Уменьшайте уровень неопределенности

Отображайте данные в понятной и очевидной форме, чтобы сократить время принятия решения и количество ошибок

😈Объединяйте данные

В итоговых данных объединяйте основную информацию с дополнительной. Например, на странице товара рядом с названием (основная информация) укажите характеристики товара (дополнительные данные) или на обложке под заголовком (основная информация) напишите подзаголовок (дополнительная). Это поможет снизить когнитивную нагрузку на пользователя

💙 Представляйте новую информацию в понятной форме

Применяйте знакомые конструкции, метафоры и понятные термины, чтобы людям было легче усваивать контент

💙 Используйте названия, которые концептуально связаны с функцией

Привяжите названия к контексту, пользователи должны легко их запоминать и распознавать

💙 Группируйте информацию правильно

В рамках одной страницы объединяйте информацию в логическом порядке. Если связанные между собой данные расположены на разных страницах, последовательно группируйте их. Это сократит время поиска информации

🌸 Ограничивайте количество задач, связанных с управлением данными

Правильно используйте цвет и графику. Сократите время на усвоение необработанной информации

😈 Размещайте на странице только ту информацию, которая необходима пользователю в данный момент

Исключите посторонний контент, который не относится к текущим задачам, чтобы пользователь мог сосредоточиться на важной информации

💙 Представляйте данные в разных форматах и/или с различным уровнем детализации, когда это уместно

Это сделает интерфейс более гибким и позволит закрывать все потребности пользователей

✅💙 Практикуйте разумную избыточность

Иногда для соблюдения принципов последовательности и согласованности важно давать дополнительную информацию, в которой нет необходимости в данный момент, но которая понадобится в будущем.

Статья из прекрасного журнала Оди → На картинке пример идеального входа в личный кабинет. На экране ничего лишнего: мобильный телефон и кнопка для получения кода, авторизация через ВК и объяснение зачем вообще мне это надо. 💡 Прочитать случайный пост →