- BrainTools - https://www.braintools.ru -

5 когнитивных искажений, которые ломают UX

Мы часто думаем, что плохой интерфейс — это про кнопки, цвета или сетку. Но чаще он ломается не из-за пикселей. А из-за того, что дизайнер не учитывает, как на самом деле работает мозг [1].

Пользователь — не машина. Он устает. Спешит. Тревожится. Делает выводы на основе первых впечатлений.

И вот здесь включаются когнитивные искажения. Разберём 5 самых опасных для UX.

1. Эффект якоря (Anchoring bias)

Эффект якоря (особенно в ценах) описан в классической работе Амос Тверски и Даниэль Канеман. 

Мозг слишком сильно опирается на первую увиденную информацию. Первая цена. Первое число. Первый вариант тарифа. И дальше всё сравнивается именно с ним.

Как это ломает UX

– Пользователь принимает решение, не анализируя альтернативы
– Дизайн может манипулировать через «перечёркнутые цены»
– «Самый популярный тариф» становится якорем, даже если он не лучший

Рекомендации для дизайнера:

  1. Делайте прозрачной базу сравнения: «старая цена» должна иметь понятное происхождение (период/условия/что именно сравниваем).

  2. Показывайте итог за период (год/месяц) одинаковым визуальным весом: это снижает «магичность» якоря и уменьшает сожаление после решения.

  3. Добавляйте контекст для сравнения: «что входит/что не входит», альтернативы по сценарию (“если вы делаете X — берите Y“). Это снижает автоматический выбор по цифре‑якорю.

Перечёркнутая «цена до скидки» + % скидки задают “якорь” (первая цена становится точкой отсчёта выгодности). Пользователь переоценивает выгоду, даже если “до скидки” выбрана некорректно или сравнение нерелевантно. Потеря доверия, импульсивные покупки/возвраты.

Перечёркнутая «цена до скидки» + % скидки задают “якорь” (первая цена становится точкой отсчёта выгодности). Пользователь переоценивает выгоду, даже если “до скидки” выбрана некорректно или сравнение нерелевантно. Потеря доверия, импульсивные покупки/возвраты.
В инструментах цен/скидок есть “цена до скидки” и “цена со скидкой”; предупреждения вроде «Низкая цена» ориентируют на “нормальную” цену категории, усиливая якорение. Якорь смещает оценку ценности: “сомнительно выгодное” начинает казаться разумным. Манипулятивное восприятие скидок, рост когнитивного недоверия.

В инструментах цен/скидок есть “цена до скидки” и “цена со скидкой”; предупреждения вроде «Низкая цена» ориентируют на “нормальную” цену категории, усиливая якорение. Якорь смещает оценку ценности: “сомнительно выгодное” начинает казаться разумным. Манипулятивное восприятие [2] скидок, рост когнитивного недоверия.
Годовая подписка показана как «3490 ₽ — около 291 ₽/мес», плюс сценарии “как сэкономить”: якорится выгодный эквивалент “в месяц”. Пользователь сравнивает не полную сумму, а “разложенную” — и воспринимает годовой платёж как легче/логичнее. Некорректное сравнение total cost, сожаление после оплаты

Годовая подписка показана как «3490 ₽ — около 291 ₽/мес», плюс сценарии “как сэкономить”: якорится выгодный эквивалент “в месяц”. Пользователь сравнивает не полную сумму, а “разложенную” — и воспринимает годовой платёж как легче/логичнее. Некорректное сравнение total cost, сожаление после оплаты
Презентация скидок/цен в сервисах бронирования настолько влияет на сравнение, что регуляторы ЕС согласовывали изменения в том, как показываются предложения, скидки и цены. Если “якорь” и скидка поданы не прозрачно, пользователь принимает решение на неверной базе сравнения. Ошибочный выбор, жалобы, снижение конверсии из‑за недоверия

Презентация скидок/цен в сервисах бронирования настолько влияет на сравнение, что регуляторы ЕС согласовывали изменения в том, как показываются предложения, скидки и цены. Если “якорь” и скидка поданы не прозрачно, пользователь принимает решение на неверной базе сравнения. Ошибочный выбор, жалобы, снижение конверсии из‑за недоверия
Тарифы показаны через “регулярную цену” и “временное предложение/скидку” формируя якорь на более высокой стоимости. Якорение подталкивает к покупке “пока выгодно”, даже когда сравнение альтернатив не сделано. Импульсные подписки и быстрые отмены → churn.

Тарифы показаны через “регулярную цену” и “временное предложение/скидку” формируя якорь на более высокой стоимости. Якорение подталкивает к покупке “пока выгодно”, даже когда сравнение альтернатив не сделано. Импульсные подписки и быстрые отмены → churn.

2. Когнитивная перегрузка (Cognitive overload)

Когнитивная перегрузка хорошо объясняется теорией когнитивной нагрузки Джон Свеллер. 

Рабочая память [3] человека ограничена. Мы можем удерживать примерно 4±1 элемента одновременно. Если интерфейс требует больше — мозг перегружается.

Как это ломает UX

– Сложные формы
– Много полей
– Несколько call-to-action
– Сложные дашборды

Человек начинает ошибаться или просто уходит.

Рекомендации для дизайнера:

  1. Используйте сначала цель и базовые решения, затем детали «по запросу».

  2. Включайте умные дефолты и шаблоны, чтобы пользователь не принимал десятки решений на старте.

  3. Применяйте структуру «помочь сделать правильно»: подсказки, примеры, проверка ошибок до отправки, ясные тексты.

Страница настроек кампании содержит множество параметров (основные + дополнительные), выбор зависит от типа кампании — высокая плотность решений. Новичок теряется, делает случайные настройки или откладывает запуск. Ошибки в настройках → деньги “сгорают”, фрустрация и отказ от продукта.

Страница настроек кампании содержит множество параметров (основные + дополнительные), выбор зависит от типа кампании — высокая плотность решений. Новичок теряется, делает случайные настройки или откладывает запуск. Ошибки [4] в настройках → деньги “сгорают”, фрустрация и отказ от продукта.
Сервисы госуслуг часто требуют длинных анкет, строгих полей и документов (пример: оформление загранпаспорта) — много текста, условий и проверок. В перегруженном сценарии выше шанс ошибок, пропусков, бросания процесса. Недозаполненные заявки, рост обращений в поддержку/МФЦ.

Сервисы госуслуг часто требуют длинных анкет, строгих полей и документов (пример: оформление загранпаспорта) — много текста, условий и проверок. В перегруженном сценарии выше шанс ошибок, пропусков, бросания процесса. Недозаполненные заявки, рост обращений в поддержку/МФЦ.
Админ‑настройки “advanced workflows” с триггерами и переходами отражают сложность домена — много сущностей и правил на одном уровне абстракции. Перегрузка ведёт к “микро‑ошибкам” (не то состояние/не тот триггер), которые дорого чинить. Ломаются процессы команды, падает качество данных.

Админ‑настройки “advanced workflows” с триггерами и переходами отражают сложность домена — много сущностей и правил на одном уровне абстракции. Перегрузка ведёт к “микро‑ошибкам” (не то состояние/не тот триггер), которые дорого чинить. Ломаются процессы команды, падает качество данных.

3. Иллюзия контроля (Illusion of control)

Иллюзию контроля как психологический феномен описала Эллен Лангер. 

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

Как это ломает UX

– Нет индикатора загрузки
– Непонятно, что происходит после клика
– Нет возможности отменить действие

Это вызывает тревогу.

Рекомендации для дизайнера:

  1. В интерфейсах с ETA/трекингом показывайте не точку, а диапазон и вероятность отклонения (иначе «мнимый контроль» ломает доверие).

  2. Делайте прогресс «честным»: если процесс может «зависнуть на 99%», лучше показывать шаги/фазы.

  3. Давайте альтернативный канал управления: пауза/отмена/перенос/«не беспокоить», чтобы контроль был реальным, а не декоративным.

Трекинг по номеру: статусы, “последнее изменение”, логика “где сейчас посылка” (табличная уверенность). Статусы часто дискретны и не объясняют реальную причину задержки → ощущение “меня обманывают”. Звонки/жалобы, недоверие к доставке.

Трекинг по номеру: статусы, “последнее изменение”, логика [5] “где сейчас посылка” (табличная уверенность). Статусы часто дискретны и не объясняют реальную причину задержки → ощущение “меня обманывают”. Звонки/жалобы, недоверие к доставке.
“Отследить курьера на карте”: координаты обновляются каждые 10 секунд, плюс клиент может отслеживать сам. Частое обновление провоцирует компульсивную проверку и усиливает стресс при задержках. Рост негатива в моменты отклонений от ETA.

“Отследить курьера на карте”: координаты обновляются каждые 10 секунд, плюс клиент может отслеживать сам. Частое обновление провоцирует компульсивную проверку и усиливает стресс [6] при задержках. Рост негатива в моменты отклонений от ETA.

4. Decision fatigue (Усталость от выбора)

Decision fatigue и перегруз выбора: эффект Чем больше выбор — тем выше вероятность отказа. Классически демонстрируется в исследованиях выбора у Шина Айенгар и Марк Леппер. 

Как это ломает UX

– 15 тарифов
– 30 фильтров
– Бесконечные кастомизации

Человек откладывает решение.

Рекомендации для дизайнера:

  1. Ограничивайте «верхний уровень» выбора до 3–5 осмысленных вариантов (good/better/best), а остальное — через уточняющие вопросы.

  2. Вводите «снятие решения»: лист/корзина/черновик/сравнение, чтобы пользователь мог зафиксировать прогресс и вернуться позже без потери.

  3. Давайте фильтры «по намерению», а не по параметрам («хочу быстро», «хочу надёжно», «хочу дёшево»), иначе фильтрация сама превращается в decision fatigue.

Прямо на главной обещается “миллионы других товаров”; выбор часто превращается в “долго листать и фильтровать”. Большое количество альтернатив увеличивает время выбора и снижает уверенность в решении. Отказ от покупки или “купил — потом пожалел”.

Прямо на главной обещается “миллионы других товаров”; выбор часто превращается в “долго листать и фильтровать”. Большое количество альтернатив увеличивает время выбора и снижает уверенность в решении. Отказ от покупки или “купил — потом пожалел”.
Масштаб предложения (активные объявления исчисляются десятками/сотнями миллионов) делает поиск “рынком без конца” — решений слишком много. Перегруз выбора снижает качество решений и повышает откладывание. Длинные циклы покупки, фрустрация и уход.

Масштаб предложения (активные объявления исчисляются десятками/сотнями миллионов) делает поиск “рынком без конца” — решений слишком много. Перегруз выбора снижает качество решений и повышает откладывание. Длинные циклы покупки, фрустрация и уход.
У сервиса есть несколько уровней (Bronze/Silver/Gold/Diamond) с разными условиями и привилегиями — пользователю нужно понять “какой я” и “как удержать уровень”. Серия сравнений и условий повышает усталость и вероятность не подключить/не пользоваться. Непонимание ценности, отток, “я не понимаю, за что плачу”.

У сервиса есть несколько уровней (Bronze/Silver/Gold/Diamond) с разными условиями и привилегиями — пользователю нужно понять “какой я” и “как удержать уровень”. Серия сравнений и условий повышает усталость и вероятность не подключить/не пользоваться. Непонимание ценности, отток, “я не понимаю, за что плачу”.
“Hundreds of millions of products” и огромная витрина создают среду, где пользователь делает десятки микро‑решений (фильтры, сравнения, доставка). Чем больше альтернатив, тем выше вероятность откладывания решения или покупки “на автомате”. Аналитический паралич или импульсивные покупки.

“Hundreds of millions of products” и огромная витрина создают среду, где пользователь делает десятки микро‑решений (фильтры, сравнения, доставка). Чем больше альтернатив, тем выше вероятность откладывания решения или покупки “на автомате”. Аналитический паралич или импульсивные покупки.

5. Confirmation bias (Подтверждающее искажение)

Confirmation bias описан в классическом обзоре Рэймонд Никерсон. Люди ищут подтверждение уже принятому решению. И игнорируют противоречащую информацию.

Как это ломает UX

– Отзывы, которые показывают только позитив
– Алгоритмы, усиливающие уже выбранное
– Персонализация, создающая «информационный пузырь»

Это особенно опасно в AI.

Рекомендации для дизайнера:

  1. Делайте персонализацию объяснимой: «почему вы это видите» + какие сигналы повлияли + как ими управлять.

  2. Встраивайте предсказуемое «разнообразие»: альтернативные точки зрения [7].

  3. Давайте пользователю контроль над filter bubble: сброс рекомендаций, управление темами/ключевыми словами, переключатель «меньше похожего/больше нового». 

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

Рекомендации опираются на историю просмотров, лайки/дизлайки, подписки и др. сигналы, усиливая показ “того, что уже нравится”. Пользователь чаще видит подтверждение своих предпочтений и реже сталкивается с альтернативной перспективой. “Информационный пузырь”, снижение разнообразия контента.
Рекомендации подстраиваются под “любое действие”: лайки/дизлайки, пропуски, дослушивания формируют профиль вкуса. Быстро закрепляет предпочтения и сужает “коридор” открытий, если нет механики разнообразия. Снижение разнообразия, ощущение “одно и то же”.

Рекомендации подстраиваются под “любое действие”: лайки/дизлайки, пропуски, дослушивания формируют профиль вкуса [8]. Быстро закрепляет предпочтения и сужает “коридор” открытий, если нет механики разнообразия. Снижение разнообразия, ощущение “одно и то же”.

Почему это важно дизайнеру

Если дизайнер не понимает когнитивные искажения:

– он может случайно манипулировать
– перегружать
– усиливать тревогу
– провоцировать ошибки

UX — это не про красивый экран. Это про поведение [9].

Что делать вместо этого

– Уменьшать выбор
– Давать понятную структуру
– Показывать прогресс
– Не использовать ложные якоря
– Делать интерфейс предсказуемым

Дизайнер — это человек, который проектирует принятие решений.

Автор: Kikodoc

Источник [10]


Сайт-источник BrainTools: https://www.braintools.ru

Путь до страницы источника: https://www.braintools.ru/article/27718

URLs in this post:

[1] мозг: http://www.braintools.ru/parts-of-the-brain

[2] восприятие: http://www.braintools.ru/article/7534

[3] память: http://www.braintools.ru/article/4140

[4] Ошибки: http://www.braintools.ru/article/4192

[5] логика: http://www.braintools.ru/article/7640

[6] стресс: http://www.braintools.ru/article/9548

[7] зрения: http://www.braintools.ru/article/6238

[8] вкуса: http://www.braintools.ru/article/6291

[9] поведение: http://www.braintools.ru/article/9372

[10] Источник: https://habr.com/ru/articles/1014772/?utm_source=habrahabr&utm_medium=rss&utm_campaign=1014772

www.BrainTools.ru

Rambler's Top100