July 6, 2023

Психология внимания в UX-дизайне 

Изображение Freepik

Внимание — способность активно обрабатывать конкретную информацию в окружающей среде, отделяя её от остальных деталей. Наше внимание ограничено, поэтому мы можем сконцентрироваться только на определённом объёме информации.

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

Слепота к изменениям

Слепота к изменениям — склонность людей упускать из виду значительные изменения, даже если они явно присутствуют. В контексте UX-дизайна, слепота к изменениям может влиять на восприятие и понимание пользователями изменений или обновлений интерфейса.

Почему возникает слепота к изменениям?

Слепота к изменениям появляется из-за ограниченного объёма человеческого внимания и восприятия. Пользователи могут не замечать изменений, если они осознанно не фокусируются на них или не ожидают их увидеть.

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

У пользователей есть паттерны поведения и ожидания в отношении того, как должен выглядеть и функционировать определённый интерфейс. Когда изменения не соответствуют этим ожиданиям, пользователи могут не сразу их заметить.

Как снизить эффект слепоты к изменениям у пользователей?

UX-дизайнеры могут применять следующие стратегии, чтобы пользователи заметили и разобрались в важных изменениях.

  • Визуальные подсказки. Используйте такие визуальные подсказки, как выделение, анимацию или движение, чтобы привлечь внимание к изменениям и помочь людям их заметить.
  • Постепенное отображения. Вместо того, чтобы одновременно внедрять обширные нововведения, постепенно реализуйте изменения, чтобы пользователи могли привыкнуть к отличиям и им было легче их воспринимать.
  • Чёткая обратная связь. Предоставьте чёткую обратную связь или уведомления, чтобы сообщить пользователям об изменениях в интерфейсе. Это можно сделать с помощью всплывающих сообщений, подсказок или онбординга.
  • Тестирование с пользователями. Проведите тестирования с пользователями, чтобы выявить случаи слепоты к изменениями и получить обратную связь в отношении эффективности обновлений интерфейса. Это поможет улучшить видимость и восприятие изменений.

Избирательное внимание

«Невидимая горилла» — один из наиболее известных психологических экспериментов, который демонстрирует избирательное внимание. Он показывает, что люди, которые сосредоточены на одном объекте, могут легко упустить из виду что-то другое.

Два ключевых вывода из этого эксперимента: 1) мы упускаем многое из того, что происходит вокруг нас, когда сконцентрированы на одной задаче; 2) мы не осознаём, сколько всего мы упускаем.

Как это применимо к интерфейсам?

Люди редко читают каждое слово на странице. Они просматривают страницу, ищут ключевые слова, которые могут указать им на то, что они ищут.

На большинстве примеров сканирования ниже вы можете заметить, что точки фиксации находятся в заголовках, подзаголовках, изображениях и кнопках призыва к действию. Мы видим, что люди пропускают нерелевантный контент. Только если пользователей интересует определённый заголовок, они посмотрят описание. В этом нет ничего удивительного, потому что наше внимание ограничено.

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

  • Располагайте связанные элементы близко друг к другу.

Это связано с принципом близости в гештальт-психологии. Согласно ему вещи, которые находятся ближе друг к другу, кажутся более связанными, чем вещи, которые расположены дальше друг от друга. Близость оказывает настолько сильное влияние на визуальное восприятие, что может даже перекрывать другие факторы, такие как сходство в цвете или форме.

  • Ясные заголовки и подзаголовки. Применяйте чёткие, простые и неповторяющееся формулировки для заголовков и подзаголовков.
  • Акценты вначале. Размещайте важную информацию/ключевые слова в начале структуры контента.
  • Фрагментация контента. Разделите контент на небольшие, отдельные группы. Методы фрагментации включают использование коротких абзацев, коротких строк текста и группировку связанных элементов.

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

В нашем Телеграм-канале UX Teddy публикуем так же переводы практических статей из блога UX Movement — подписывайтесь!