В наше время за внимание пользователей в цифровом мире соревнуются огромное число компаний, конкуренция в сфере диджитал высока как никогда. Не важно начинающий это стартап или уже завоевавшая доверие компания – все они тратят много ресурсов на привлечение клиентов.
На мало лишь завладеть вниманием пользователя, важно уметь его удержать. В борьбе за внимание юзеров появляются новые тренды, а старые и неработающие методики уходят в прошлое. Все усилия дизайнеров интерфейсов направлены на то, чтобы провести пользователя по цепочке к конечной цели так, чтобы он не утратил интереса в процессе.
￭ Внешний вид решает
В информационном мире, как и в физическом, первое впечатление значит многое. По первому взгляду мы обычно оцениваем любую рекламу, сайт, приложение, статью. Поэтому важно выбрать правильные акценты и порядок контента, чтобы визуальная обложка могла долго держать внимание пользователя и помочь ему достичь заданных вами целей. Это может быть, как покупка, так и просто желание выделиться и эмоционально зацепить, заполучив внимание.
Интерес важен для первичной оценки вашего предложения, до того, как пользователь кликнет дальше. После первого впечатления и начнет формироваться опыт использования продукта или информации. Сформированное мышление каждого пользователя влияет на его уникальный алгоритм поиска, но есть и общие паттерны восприятия, которые помогут дизайнерам интерфейсов в их работе.
Вот основные принципы и правила восприятия:
￭ Правило 7 ± 2
Кратковременная память человека не может запоминать более 9 объектов. Это правило, открытое еще в 1956 году, актуально и в наше время. Известно, что для решения задачи комфортно воспринимать определенное число объектов – оптимальное количество это 7 плюс-минус 2. Если их больше, то время, затраченное на принятие решения, увеличивается.
￭ Диаграмма Гутенберга
Чтобы сделать сайт понятным для пользователей, важно знать, что как устроен поиск нужной информации. Обычно движение взгляда начинается с левого верхнего угла и перемещается вправо в поисках дополнительных данных. После чего пользователь переводит взгляд в нижнюю левую часть экрана, а затем в правый нижний угол.
￭ F-паттерн и Z-паттерн
При просмотре страниц с малым количеством текста и преобладанием рисунков и фото, взгляд движется по Z-паттерну. Сначала человек смотрит сверху слева направо, потом по диагонали взгляд опускается вниз к нижнему левому краю и останавливается в нижнем правом углу.
На страницах с большими объемами текста и небольшим количеством изображений работает F-паттерн просмотра информации. Это говорит о том, что интерес пользователя снижается и внимание рассеивается по мере прокрутки страницы вниз.
￭ Эффект дорисовывания
Человеческое восприятие стремится к перфекционизму, поэтому видя незаконченную форму, начинает добавлять ей недостающий элемент.
￭ Сложные формы
Простые формы легки для понимания и восприятия, но более сложные объекты всегда притягивают больше внимания. Чтобы определить их значение, в них нужно вглядываться дольше.
￭ Закон близости
Элементы, расположенные в определенной близости друг от друга, считываются пользователем как группа. Поэтому компоненты интерфейса нужно располагать таким образом, чтобы их можно было легко классифицировать.
￭ Закон подобия
Схожие элементы воспринимаются сознанием человека как относящиеся к одной группе, даже если они разделены. Для этого ссылки и навигация по сайту должны зрительно отличаться и быть выполнены в едином стиле.
￭ Закон симметрии
Чтобы при зрительной обработке данных возникало ощущение целостности и порядка, элементы должны быть симметричны.
￭ Закон Фиттса
Специалистами выявлено, что чем больше расстояние от одной цели к другой, и чем меньше сам ее размер, тем больше времени требуется для её достижения. Применяя этот закон при создании сайта нужно делать кнопки большими и заметными и располагать их ближе к последнему клику пользователя. Это используется, например, при добавлении товаров в корзину.
Способы управления вниманием
Эти принципы и законы для одних могут оказаться очевидными, другие, наоборот, мало о них знают. Перечисленные приемы помогают создавать цифровое пространство удобное для пользователя. Зная и понимая их можно создать продукт для любой платформы.
￭ Рассмотрим какие еще элементы используются в дизайне.
Типографика. Чтобы легко находить ключевые фрагменты важно грамотно структурировать текст.
Контраст формы и цвета. Взгляд человека фокусируется больше на предметах сложной формы. Часто, чтобы обратить внимание на нужный объект, нужно лишь выделить его цветом.
Позиционирование и глубина. Для фокусировки внимания важно расположить одни объекты ближе, а другие дальше. То, что находится ближе к пользователю, кажется ему более важным.
Визуальный вес. Чтобы придать важности и внимания нужным объектах их необходимо выделить среди других.
Анимация. Небольшое движение выделяет объект среди статичных и сразу привлекает к нему внимание.
Скролл. Пользователя можно направить в нужном направлении при помощи прокрутки (скролла). Это применяется в тексте или ленте с фото.
Звук. Используется для привлечения внимания. Например, при появлении уведомления или сообщения.
Лицо и взгляд персонажей. Велика вероятность того, что пользователь посмотрит туда, куда обращено лицо или направлен взгляд персонажа в интерфейсе.
￭ Вывод
Стандартные паттерны взаимодействия с пользователем помогают предсказать его реакцию и направление действий. При возможности удерживайте внимание пользователя до конца и подсказывайте ему сколько осталось для завершения действий. Нужно исследовать свою аудиторию и взаимодействовать с ней, чтобы правильно выявить их потребности и сделать алгоритмы работающими.
Источник: Компания IC8
