5 психологических эффектов, которые можно и нужно применять в UX/UI. Как известные психологические эксперименты помогают создавать качественные и эффективные цифровые продукты.


Психология играет важнейшую роль в UX/UI-дизайне. От управления когнитивной нагрузкой до создания эмоционально насыщенного опыта, каждый аспект способствует созданию более интуитивного и удобного дизайна.

Хороший интерфейс снижает нагрузку, упрощая использование. Для этого нам нужно понимать, как работает человеческий мозг.

Понимание психологии вовлечения и мотивации пользователей – ключ к созданию качественного веб-дизайна. Технологии продолжают развиваться, но слияние психологии и UX/UI-дизайна останется базой создания рабочих цифровых продуктов.

Отдаленно этот материал перекликается со статьями “Законы UX/UI: Часть 1” и “Законы UX/UI: Часть 2”, посмотри их обязательно. Там тоже много законов и принципов, основанных на психологических, ментальных и поведенческих особенностях людей.

Итак, открытия из сферы психологии и как ты их можешь использовать.

1. Эффект Протея

В чем суть?

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

Протей – персонаж греческой мифологии со способностью менять облик, от этого и пошло название. Этот термин был введен в 1923 году американским психологом Эдвардом Т. Хэллоуэллом и применяется до сих пор. 

Как ты это можешь применить?

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

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

2. "Невидимая горилла" 

В чем суть?

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

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

Как ты это можешь применить?

Создавая определенный путь пользователя на сайте или в приложении важно не создавать лишнего шума на странице, чтобы юзеры могли легко сосредоточиться на главном. И провести пользователя четко по воронке, не отвлекая его – это твоя ключевая задача. Лаконичность и грамотное использование белого пространства нам в этом помогают.

Другой аспект избирательного внимания – слепота к изменениям. Человек может не заметить мелкую деталь, если уже привык, что ее там нет. Поэтому старайся прямо в лоб заявлять о том, что важно донести. Например, состояния ошибки при заполнении поля. Когда человек сосредоточен на форме, то может не увидеть, что где-то допустил ошибку. Юзер может легко пропустить уведомление, если оно не касается его главной цели – заполнить поля и совершить конверсионное действие. Делай плашки яркими и очевидными, настолько, чтобы переплюнуть даже гориллу на баскетбольном поле.

3. Эффект Холдаузера

В чем суть?

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

Он был предложен и описан американским психологом Эдвардом Холдаузером в 1906 году. И все еще актуален. 

Как ты это можешь применить?

Также этот принцип известен как “Эффект Среднего Варианта". В контексте UX/UI дизайна этот эффект можно применять для предложения пользователям среднего варианта продукта или функции, который будет наиболее привлекателен и удобен. Например, если разрабатывается приложение для фотообработки, можно предложить пользователю средний вариант настройки яркости или контрастности, который будет оптимально подходить для большинства снимков. Это поможет упростить процесс выбора для пользователя и улучшить его общий опыт использования продукта.

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

В материале “Как минимизировать отказы на фрилансе” мы говорили о том, что можно предлагать клиенту три варианта выполнения/расценок. Это тоже возможность применения Эффекта Холдаузера на практике. Посмотри статью, там может оказаться еще много полезного.

4. Эффект Вебера-Фехнера

В чем суть?

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

Этот эффект основан на исследованиях немецких психологов Густава Фехнера и Эрнста Вебера еще в XIX веке. В ходе эксперимента участникам предлагались различные стимулы, такие как звуки, свет или вес предмета, и им просили дать оценку интенсивности стимула. Ученые заметили, что восприятие изменений в стимуле происходит пропорционально логарифму отношения интенсивностей стимула. 

На практике будет понятнее. Например, если уровень освещенности увеличивается с 10 до 100 единиц, это будет воспринято как более значительное изменение, чем увеличение с 1000 до 1090 единиц. Хотя в обоих случаях разница одинаковая по факту, но ощущается она по-разному. Потому что с 10 до 100 – это заметное изменение от темного к светлому. А 1000 и 1090 – и то слишком ярко, и другое. 

Как ты это можешь применить?

Закон означает, что для создания ощущения равномерного изменения восприятия стимула необходимо увеличивать его интенсивность пропорционально его начальному уровню.

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

5. Эффект Хоторна

В чем суть?

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

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

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

Этот неожиданный результат привел к выводу, что само участие работников в эксперименте и внимание, уделяемое им их наблюдателями (в данном случае исследователями), оказывают существенное влияние на их поведение и производительность. И они мало зависели от нововведений – сам факт наблюдения (и знания об этом сотрудников) играл главную роль.

Как ты это можешь применить?

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

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

Стоит попытаться собирать отзывы ненавязчиво или использовать другие подходы. Можно запускать слепые A/B-тесты, исследовать поведение пользователей в реальном времени без их уведомления, анализировать тепловую карту сайта. Или намеренно вводить испытуемых в заблуждение – называть отвлеченную цель исследования, чтобы проверить другие аспекты их поведения, на самом деле тебе интересные.

Учись делать грамотный дизайн

Забавно, что описанные эффекты и исследования проводились в среднем 100 лет назад. И в то время никто и знать не знал про веб-дизайн. Но суть человеческой природы не изменилась. И понимание этих аспектов помогает нам делать крутые сайты и приложения, улучшать цифровой опыт пользователей, разрабатывать нечто современное и удобное. Бери на вооружение открытия из других областей науки, расширяй кругозор. А если нужно для начала отточить мастерство и выучить базу – добро пожаловать на онлайн-курс «UX/UI легенда»!