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

Шрифты, анимация, медиаконтент и удобство важны, но именно психологические приёмы сильнее всего влияют на опыт пользователей. Если человек на интуитивном уровне чувствует, что его хотят обмануть, скорее всего он не даст проекту второй шанс. Дизайнер не только создаёт графическую «оболочку» продукта, но и определяет, какой она будет в глазах целевой аудитории.

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

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

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

Посмотрите на концепт интерфейса и подумайте, какие эмоции он вызывает. С первых секунд понятно, что дизайнер хорошо поработал над структурой и юзабилити. Он понял, что пользователи хотят видеть на первом экране статистику, поэтому в «Дашборде» есть удобные виджеты. Наглядная аналитика показывает, сколько денег вложено в фонды, криптовалюту и акции. Отдельной колонкой выводятся показатели эффективности по каждому источнику инвестиций.

Очень круто сделан график, диаграммы и цветовые индикаторы, которые отражают динамику стоимости активов. Дизайнер смог на время стать частью целевой аудитории и точно определил, какие качества важны для тех, кто хочет вкладывать деньги в акции или криптовалюту. Людям важно видеть в режиме реального времени, что происходит с их деньгами. В одном из виджетов они могут отслеживать статистику самых прибыльных акций, в другом видят, что за неделю у них получилось 5 прибыльных и 3 убыточных актива.

6 ПСИХОЛОГИЧЕСКИХ ПРИНЦИПОВ

1. Эффект изоляции
Эффект Ресторффа описывает свойство человеческой памяти запоминать объекты, которые выделяются из общей массы. Представьте, что на столе лежат 20 зелёных яблок и одно красное. В большинстве случаев мы выберем красное, даже если оно будет не таким красивым, как зелёное.

Человеку свойственно выделять необычные объекты. Он мысленно изолирует одинаковые элементы и выделяет тот, который отличается от других. Этот принцип работает везде: от выбора товаров на полке до элементов управления в интерфейсе.
Посмотрите на схему и подумайте, на какой элемент хочется кликнуть больше всего. Большинство пользователей выберут яркую точку слева. Она более яркая и притягивает внимание.

В дизайне интерфейсов эффект изоляции проявляется по-своему. Обычно его используют, чтобы выделить call to action. Если разместить в несколько колонок 3-4 одинаковых кнопки, пользователи не поймут, какая из них открывает попап. В этом случае конверсия будет намного ниже, чем когда CTA отличается от других объектов.

2. Закон близости
Следующий важный принцип говорит о том, что объекты, расположенные на небольшом расстоянии друг от друга, воспринимаются как единое целое. Кнопки, размещённые в виде колонок по горизонтали, превращаются в группу. Мозг связывает объекты, чтобы сохранять визуальные образы и группировать элементы по мере их важности. Нам проще соединять объекты в группы, чтобы запоминать их и при необходимости восстанавливать образы по памяти.

Проблема многих интерфейсов в том, что несвязанные по смыслу объекты часто находятся в непосредственной близости. Ошибка мешает пользователям изучать механизмы работы продукта и влияет на user experience.
Посмотрите на блок «Featured» и попробуйте представить, как бы вы воспринимали кружочки с одинаковым оформлением. Без подписей, заголовка и другого контента. Даже без текста, который облегчает восприятие, понятно, что эти объекты связаны между собой.

А теперь представьте, что вместо горизонтальной линии появилось несколько вертикальных колонок. Эффект будет таким же — мозг продолжит группировать элементы, потому что они оформлены одинаково и разделены минимальным расстоянием.

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

3. Закон Хика
Закон говорит о том, что количество информации, поступающее в мозг, определяет время, которое человек тратит на принятие решения. Если в кафе 30 видов десерта, клиент посмотрит меню и потратит много времени на выбор.

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

Старайтесь сократить количество вариантов, чтобы пользователь точно выбрал хотя бы один. Если человеку надо выбрать услугу из длинного списка на 40 объектов, конверсия будет минимальной. Интерес или потребность должны быть настолько большими, чтобы тратить время на поиск подходящего варианта.

4. Когнитивная нагрузка
В процессе изучения нового продукта мозг человека задействует определённое количество ресурсов. Чем больше элементов, тем больше времени и сил придётся потратить, чтобы освоить возможности приложения или сайта.

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

Уместная когнитивная нагрузка — ресурсы, которые человек тратит на обработку новых данных и создание связей между объектами. Психологические исследования в очередной раз доказывают, что людям проще изучать новые технологии и продукты, если они созданы по знакомым шаблонам.

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

Цифровые продукты нужно создавать так, чтобы целевая аудитория тратила как можно меньше время на изучение. Понятно, что на знакомство с приложением или сайтом уйдёт какое-то время, но надо по максимуму сократить этот процесс.

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

5. Эффект края
Принцип частично соотносится с первыми тремя приёмами. Когда пользователь видит перед собой группу элементов, он лучше запоминает первый и последний. Если в слайдере будет 4-5 слайдов, люди запомнят те, с которыми они взаимодействуют дольше. Первый слайд показывается до переключения элементов. А последний отпечатывается в памяти, так как на нём юзер обычно заканчивает просмотр контента.

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

Посмотрите на структуру музыкального приложения. После запуска плеера появляется минималистичный экран с главными элементами управления. Ближе к нижней области экрана отображаются кнопки переключения трека и паузы. В этом случае главный объект выделен более ярким цветом.

Меню в нижней части экрана спроектировано на основе эффекта края. Слева расположена кнопка добавления в избранное, а справа активный плейлист. Центральная кнопка включает случайный порядок воспроизведения, она используется реже всего.

6. Закон завершенности
Психологи сходятся во мнении, что пользователи изучают новые объекты как единое целое. Они рассматривают каждый кусочек пазла как самостоятельный, но не отделяют его от системы. Когда люди сталкиваются с незавершённым объектом, они заполняют пустое пространство самостоятельно на основе предыдущего опыта.

Проблема многих интерфейсов в том, что первый экран кажется визуально завершённым. Он должен только вводить аудиторию в курс дела. Это как первое блюдо в ресторане. Оно пробуждает аппетит и стимулирует клиента заказать ещё 3-4 тарелки вкусностей.

Если разделить интерфейс на смысловые блоки, связать их по смыслу и создать эффект незавершенности, юзеры постараются найти недостающие элементы. Они изучат сайт дальше первого экрана и смогут найти ответы на вопросы.