Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#статьи</a>

2 <ul><li>14 ноя 2023</li>

3 <li>0</li>

4 </ul><h2>Тёмные паттерны в интерфейсах: отменить, изменить, удалить</h2>

5 Эксперт объясняет, почему манипуляции в дизайне и флоу - это плохо для бизнеса.

6 Иллюстрация: Полина Честнова для Skillbox Media

7 Анастасия Белокобыльская

8 Учится на графического дизайнера в BBE, преподаёт английский и развивает до разорения убыточный керамический проект Bröken.

9 Маркетинговый дизайн должен влиять на поведение и эмоции клиентов, а приложения и сайты должны продавать товары и услуги. Но где находится граница между продажами и манипуляцией и с какими уловками мы сталкиваемся в интерфейсах?

10 Разбираемся в дарк-паттернах и их влиянии на бизнес вместе с Евгением Князевым - экспертом в области проектирования пользовательского опыта.

11 Тёмные паттерны древнее каждого из нас. Мы родились в мире манипуляций и рекламных слоганов, привыкли принимать и игнорировать их.

12 Я расскажу, почему это плохой способ растить метрики.

13 Термин "дарк-паттерны" без контекста понять достаточно сложно. Представим стандартную ситуацию: вы решили купить авиабилет. Открываете приложение, выбираете рейс, заполняете данные, переходите к оплате. И обнаруживаете, что итоговая стоимость полёта была увеличена на 500 рублей. Оказывается, при оформлении по умолчанию активировалась "эксклюзивная страховка гаджетов". Отказаться? Приходится возвращаться и искать эту маленькую и еле заметную галочку.

14 Страховку и информирование авиакомпания добавляет в оплату по умолчаниюСкриншот: сайт<a>Pobeda</a>/ Skillbox MediaКогда пользователь покупает билет, в интерфейсе у него заранее выбрано платное местоСкриншот: сайт<a>Nordwind Airlines</a>/ Skillbox MediaЗдесь вы столкнулись с одним из тёмных паттернов - методом, который используют в цифровых продуктах для манипулирования поведением пользователя в интересах компании, а не в интересах самого пользователя.

15 Среди таких практик встречаются:

16 <ul><li>вводящие в заблуждение надписи,</li>

17 <li>скрытые сборы,</li>

18 <li>сложные процедуры отказа от услуг.</li>

19 </ul>Подобные методики успешны, потому что они используют баги нашего мышления - разнообразные когнитивные искажения. Наш мозг настроен на быстрое и эффективное выполнение задач, поэтому иногда мы пропускаем мелкие, хотя и важные детали. Тёмные паттерны "пользуются" этим: они направляют по таким сценариям, которые играют на привычках и ожиданиях пользователей и комфортно ведут нас по пути наименьшего сопротивления.

20 Психологические трюки в рекламе и продажах - давнее изобретение.

21 До появления интернета многие маркетологи и продавцы уже применяли "тёмные" приёмы, чтобы влиять на покупательское поведение. Например, если оставить на полке пару товаров, а остальное спрятать на складе, можно создать искусственный дефицит. Или можно повесить рекламный баннер с текстом о том, что до конца "полной ликвидации товаров" осталось два дня: такое акцентирование на возможной утрате предложения тоже мотивирует покупателей к действию.

22 Скриншот: сайт<a>Booking</a>/ Skillbox MediaСкриншот: Wildberries / Skillbox MediaКогда на полке в магазине первым рядом выставлено молоко, произведённое четыре дня назад, а далеко позади них сегодняшнее - это тоже тёмный паттерн.

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

24 Самый известный исследователь дарк-паттернов - Гарри Бринул, дизайнер с учёной степенью по когнитивным наукам и "адвокат этического дизайна". На своём сайте<a>Deceptive Design</a>он публикует статьи, собирает выдающиеся примеры тёмных паттернов и юридические документы, которые имеют отношение к этой теме.

25 "Зал позора": дарк-паттерны Google, обнаруженные внимательными и сердитыми пользователямиСкриншот: сайт<a>Hall of Shame</a>/ Skillbox Media"Тёмные паттерны - это уловки, используемые в приложениях и на сайтах, которые заставляют вас сделать то, что вы не собирались делать".

26 Гарри Бринул

27 У Бринула есть<a>собственная классификация</a>таких трюков: например, он выделяет "фальшивое социальное одобрение", "назойливое приставание", "пре-выбор". Но он не единственный, кто изучает вопрос, и существует множество других определений и попыток систематизации тёмных паттернов.

28 В 2021 году учёные из Принстонского университета провели<a>метаанализ</a>62 научных публикаций на тему дезориентирующих уловок и выделили два основных направления тёмных паттернов:

29 <ul><li><a>изменение пространства решений,</a></li>

30 <li><a>манипуляция информацией.</a></li>

31 </ul>Рассмотрим их подробно.

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

33 Изменение пространства решений: цена "с Ozon Картой" выделена ярким зелёным цветом, цена без карты видна хуже, есть зачёркнутое большее значение, счётчик остатка товаров и знак "одобрения" цены.

34 Скриншот: Ozon / Skillbox MediaЧаще всего дарк-паттерны асимметрии встречаются в интерфейсах согласия, где пользователю нужно подтвердить или отменить действие. В таких случаях дизайн номинально даёт варианты выбора, но подталкивает пользователя к той операции, которая выгодна бизнесу, а не ему.

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

36 Мы привыкли, что основное действие, которое нам нужно выполнить, - оплатить, подписаться - яркое, активное и выделяетсяСкриншот: "Почта Mail.ru" / Skillbox MediaКроме яркой кнопки согласия на этом скриншоте есть ещё один тёмный паттерн. Вторая неяркая кнопка не позволяет отказаться от уведомлений: она даёт только возможность не соглашаться сейчас и подразумевает, что это окно будет возвращаться к пользователю и доставать егоСкриншот: "Мой Звук" / Skillbox MediaСтавить посередине выгодный бизнесу тариф и выделять его акцентом - классический приём асимметрии. И, как правило, при этом самый дорогой тариф в два раза дороже выделенного. Также здесь работает "эффект приманки": перед человеком ставят несколько продуктов - условно дешёвый, средний и явно дорогой, - чтобы он выбрал нужный бизнесуСкриншот: сайт<a>RyanAir</a>/ Skillbox Media<ul><li>Confirmshaming.</li>

37 </ul>В этом типе асимметрии интерфейсные сообщения "стыдят" пользователя за отказ от услуги или товара. Этот метод придаёт действию, которое пользователь собирался выполнить, эмоциональный оттенок неприемлемого.

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

39 Скриншот: "Азбука вкуса" / Skillbox MediaСкриншот: "Сбер" / Skillbox MediaСкриншот: Careerum / Skillbox Media<ul><li>Предпочтения по умолчанию.</li>

40 </ul>Заранее включённые тогглы и проставленные галочки в чекбоксах - это тоже разновидность изменения пространства решений.

41 Люди склонны принимать предустановленные опции. Один из ярких примеров - политика донорства органов в Швеции. Система построена таким образом, что все граждане автоматически признаются донорами, если они явно не выразят своё несогласие. Благодаря этому подходу, доля тех, кто согласен на донорство органов в Швеции, достигала<a>86%</a>. К примеру, чтобы стать донором в Дании, человеку необходимо активно подтвердить своё решение, отметив соответствующую галочку - согласных на донорство там всего 4%.

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

43 При попытке отменить подписку YouTube может предложить "приостановить" её вместо полной отмены. Это манипулирует поведением пользователя как просьба "дать ещё один шанс". К тому же кнопка "отменить" вводит в заблуждение: её легко посчитать кнопкой закрытия окна, а не командой для завершения подпискиИзображение: @brainshare /<a>Telegram</a>Категоризировать пользователей - это обычная практика. Но тёмные паттерны отличаются тем, что могут вести к дискриминации или несправедливому предоставлению услуг.

44 Часто их используют в геймдизайне. Гарри Бринул собирает примеры дарк-механик в играх на своём сайте<a>Dark Pattern Games</a>. Есть раздел о функции<a>Pay to Skip</a> - пользователь платит за то, чтобы попасть в группу пользователей с преимуществами.

45 Например, в Telegram, если пользователь оплатил Premium, у него увеличивается скорость скачивания медиафайлов и документов: "Ускорение достигается путём снятия всех действующих ограничений скорости со стороны Telegram". Это создаёт иерархию среди пользователей, где те, кто платит, получают лучший опыт.

46 Почту пользователя, привязанную к его аккаунту в Telegram, взломали, и он пытается войти в мессенджер по номеру телефона. Однако сервис не даёт код подтверждения по СМС и требует оплатить за эту услугу PremiumИзображение: @brainshare /<a>Telegram</a>Авиакомпания предлагает купить услугу обхода очереди на посадкеСкриншот: сайт<a>RyanAir</a>/ Skillbox MediaСлева цена на такси для человека, живущего в Бишкеке, справа - для приезжего москвичаИзображение: @brainshare /<a>Telegram</a>Этот метод манипуляции подталкивает пользователя к решению, но скрывает от него механизм влияния, а также какими будут последствия и возможны ли альтернативы.

47 Предложение-распродажа от Dribbble…Скриншот: сайт<a>Dribbble</a>/ Skillbox Media… И фактическая ценаСкриншот: сайт<a>Dribbble</a>/ Skillbox MediaНапример, приложения или веб-сайты могут автоматически включать уведомления или определённые настройки конфиденциальности. Также есть дарк-механика, которая распространена настолько, что стала для всех привычной: сервисы предлагают бесплатные пробные версии, но требуют ввод данных банковской карты, и если пользователь забывает отменить подписку, с него автоматически списывают средства.

48 Совместный тёмный паттерн приложения и устройства: экран для отказа от уведомлений появляется, а экран отказа от отслеживания - нет. Пользователь нажимает "продолжить" и попадает в магазин. Хотя есть вероятность, что это баг iOS, а не сделано умышленноСкриншот: "Золотое Яблоко" / Skillbox MediaДарк-паттерны этой категории визуально скрывают или искажают информацию, при этом часто создают иллюзию свободы выбора.

49 Это могут быть яркие и убедительные баннеры с информацией, которая вызывает у пользователей ложные убеждения.

50 Например, в масштабном исследовании 11 000 онлайн-магазинов было подсчитано: около 40% "таймеров обратного отсчёта" - это обман. Срок фальшивый, и когда таймер доходит до нуля, он запускается зановоСкриншот: сайт Lazada Philippines / Skillbox MediaИнформацию в интерфейсах можно скрывать, делать незаметной или представлять её в усложнённом, запутанном виде. Благодаря им пользователь - особенно если он спешит - не видит все необходимые данные и не учитывает их, принимая решение.

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

52 Страховка добавлена в цену по умолчанию. Пользователь может её увидеть, только если откроет "шторку"Изображение: @brainshare /<a>Telegram</a>Многие компании прибегают к тёмным паттернам - в погоне за лёгкой, хотя и не всегда честной выручкой или в условиях стрессовой конкуренции.

53 В среднем внедрение тёмных паттернов даёт до 20% роста прибыли.

54 Классический аргумент против паттернов - это их неэтичность: "Обманывать пользователей - плохо". Правда, морально-этические увещевания на их распространение в реальности не влияют: в 2019 году в Принстоне провели исследование 11 000 торговых онлайн-площадок и обнаружили, что<a>11% из них</a>использовали тёмные паттерны, и чем выше популярность сервиса или интернет-магазина, тем больше вероятность встретить такие механизмы.

55 Можно привестиэкономический аргумент против дарк-паттернов.

56 "Любая краткосрочная прибыль, которую компания получает от тёмных паттернов, теряется в долгосрочной перспективе".

57 Хоа Лоранжервице-президентка Nielsen Norman Group

58 Из-за манипулятивных механик появляется риск "выжечь базу", то есть стать источником негативного опыта у пользователей и отвратить их от сервиса. Глобальное исследование<a>PWC</a>показало:

59 <ul><li>32% пользователей готовы уйти после единичного случая негативного опыта, а 59% - если это повторится.</li>

60 <li>47% брендов заслуживают доверия, и 75% брендов людям легко заменить.</li>

61 </ul>Поэтому аргументировать против тёмных паттернов стоит следующим:

62 Люди циничнее и сообразительнее, чем может думать бизнес.

63 "Как вас обманывают" - большая и популярная тема в медиа, и аудитория охотно изучает подобные истории. Кроме этого, они быстро обучаются игнорировать тёмные паттерны и обходить уловки.

64 У манипуляций есть скрытая стоимость.

65 Если скрытно добавлять пользователям в корзины товар, его продажи будут расти, и одновременно с этим будет расти нагрузка на маркетинг и поддержку: люди будут обращаться с жалобами, требовать возвраты.

66 Негатив от потребителей - это сила.

67 <a>Исследование</a>AliExpress и Data Insight показало: 38% пользователей оставляют отзывы с низкими оценками после негативного опыта, а 82% потенциальной аудитории специально их ищут, когда изучают товар или сервис.

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

69 И вот на что придётся обращать внимание:

70 <ul><li>Юзабилити-тесты.</li>

71 </ul>Замечают пользователи тёмные паттерны в продукте или нет? Раздражаются ли?

72 <ul><li>Отзывы.</li>

73 </ul>Это один из наиболее доступных способов узнать, что думают ваши пользователи. Если они говорят об уловках и обмане, это сигнал.

74 <ul><li>Законодательство.</li>

75 </ul>Внимание регулирующих органов к цифровым площадкам всё более пристальное, и за злоупотребление манипуляциями можно получить штраф.

76 <ul><li>Ценности компании.</li>

77 </ul>Если вы утверждаете, что цените своих клиентов и стремитесь к открытости, убедитесь, что ваш интерфейс отражает эти принципы.

78 <ul><li>Метрики и аналитика.</li>

79 </ul>Пересмотрите, как вы измеряете лояльность своих пользователей и на какие долгосрочные показатели ориентируетесь.

80 <ul><li>Предложите альтернативу.</li>

81 </ul>Ваша аудитория ценит качественный опыт. Научитесь предлагать ей более высококачественный, честный продукт, и они будут готовы за него платить.

82 <a>Попробуйте бесплатно 4 топовые профессии в дизайнеПройдите бесплатный курс по дизайну. Добавьте 4 крутых кейса в портфолио и решите, в каком направлении развиваться дальше. Пройти курс→</a>