Dark Patterns. Как на сайтах нас заставляют делать то что нам не нужно

  • 469
  • 01 мая 2021

Dark Patterns (не путайте с Dark Mode!) — это уловки, используемые на веб-сайтах и в приложениях, которые заставляют делать пользователей делать то, чего они не хотели делать. Например, покупать или подписываться на что-то. Цель этой статьи — донести информацию и показать как можно противодействовать навязыванию.

UX-дизайнеры часто используют такие методы при разработке сайтов. Знание специфических трюков позволит обойти их не стать жертвой недобросовестных сервисов.

Dark Patterns Инфографика
Dark Patterns — инфографика

На сегодняшний день такие шаблоны очень распространены и от них никуда не деться.

Скрытая реклама Youtube

Замаскированная реклама (Disguised Ads). Это реклама, замаскированная под другой контент или кнопки навигации, чтобы по ней могли несознательно перейти.

Самое первое что мы видим когда открывается приложение Youtube — это не видео, а реклама, которая на самом деле похожа на видео. Когда пользователь прокручивает приложение, он сталкивается со многими из этих рекламных объявлений, замаскированных под видео, которые пользователь может легко нажать по ошибке.

Тараканий Мотель (Roach Motel)

Roach Motel: UI легко позволяет попасть в определенную ситуацию, но затем затрудняет выход из нее (например, подписка).

Spotify Roach Motel

Вы помните, когда создавали свою учетную запись в Spotify? Возможно вы использовали функцию OAuth и создали аккаунт с помощью Facebook или Google. Если же регистрировались иначе, вам пришлось заполнить некоторые поля, ввели контактные данные.

А как насчет удаления учетной записи в Spotify? Если вы столкнулись с этим, то это было долго и весьма неприятно.

Страница Spotify позволяет пользователю легко найти, где войти или зарегистрироваться. На панели навигации есть четкие указания, а также выделенная кнопка в центре экрана.

Если вы нажмете «Войти», вы обнаружите, что вам даже не нужно создавать новую учетную запись для использования Spotify. Вы можете автоматически входить в систему со своей учетной записью Facebook, Apple или Google. Очень легко.

А вот удаление своего аккаунта Spotify может быть болезненным. Вам «всего лишь» нужно выполнить следующие инструкции:

  1. Перейдите на support.spotify.com/us/contact-spotify-support/.
  2. Нажмите «Войти» в правом верхнем углу и введите свои учетные данные.
  3. Вам нужно проработать серию экранных вопросов.
  4. Нажмите «Подписка».
  5. Выберите «Я хочу закрыть свою учетную запись Spotify».
  6. Нажмите «Контакт для закрытия».
  7. Когда вы нажимаете кнопку «Контакт для закрытия», вы попадаете в форму поддержки. Это означает, что Spotify UI полностью предотвращает закрытие пользователем своей учетной записи без прохождения процедуры поддержки, которую он не может контролировать.
Dark Pattern Roach Motel
Пример использования паттерна в сервисе Spotify

Так работает паттерн Roach Motel – легко зайти и очень сложно выйти.

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

Reddit: Приманка и переключатель

Приманка и подмена (Bait and Switch): вы собираетесь сделать одно, но вместо этого происходит другое, нежелательное для вас.

При прокрутке ленты Reddit пользователь может увеличивать отображаемые изображения, кликая на них. Однако в ленте Reddit есть множество «продвигаемых» записей, которые на самом деле являются рекламой. Пользователь нажимает на изображение объявления, но вместо стандартного поведения при раскрытии он автоматически перенаправляется на какой-либо рекламный веб-сайт.

Dark Pattern — приманка и подмена

В следующем примере окно обновления Windows. От кнопки «X» ожидается обычное поведение – закрытие диалога. Однако в этом случае она работает неестественно и клик приводит к установке обновлений.

Bait & Switch на примере Windows 10
Bait & switch на примере Windows 10

Дезинформация (Misdirection)

Неправильное направление — это самый мощный инструмент. Используюя пробелы в восприятии и сдвиги в фокусе пользователя.

Пользователь уводится далеко от того места, где дизайнерыразмещают неожиданное действие, например, разрешения для чего-то, что обычно требует дополнительных размышлений. Хорошим примером этого является Skype, где при установке приложения пользователь, если не проявляет осторожности, делает Bing своей поисковой системой по умолчанию.

dark pattern дезинформация пользователя
Misdirection — дезинформация пользователя

Принудительная непрерывность (Forced Continuity)

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

Но в таком случае нужно быть внимательными, как возможно применение паттерна под названием Forced Continuity (вынужденная непрерывность).

Эта модель предполагает получение информации о кредитной карте пользователя и автоматическое выставление счетов (без каких-либо напоминаний, предупреждений или вариантов отказа) после окончания бесплатного пробного периода. Пользователь по факту получает расход по его кредитной карте. Этот темный узор довольно распространен, одним из его примеров является Skillshare.

Dark Pattern принудительная неприрывность
Принудительная непрерывность один из видов dark patterns

Отменить списание можно будет только через удаление аккаунта. А здесь можно столкнуться с паттерном Roach Motel.

Стыд для пользователя (Wish Confirmshaming)

Подтверждающий стыд: сделать виноватым пользователя за то, что он сделал что-то. Вариант отказа сформулирован таким образом, чтобы заставить пользователя подчиниться.

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

Dark Pattern Стыд для пользователя

На примере ниже сервис сообщает что работает за счет рекламы, и отключение пользователем объявлений нежалательно.

«Мы тяжело работаем, чтобы убедиться, что наши рекламы не боль, и они — это то, как мы имеем возможность предложить этот великолепный сайт бесплатно. Ради Горация, можете вы добавить нас в белый лист?».

Dark Pattern Стыд для пользователя на сервисе

Предотвращение сравнения цен AliExpress

Предотвращение сравнения цен: продавец затрудняет вам сравнение цены товара с ценой другого товара, поэтому вы не можете принять взвешенное решение.

AliExpress – популярный сервис розничной торговли с большим ассортиментом товаров.

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

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

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

Предотвращение сравнения цен на AliExpress

Скрытые расходы (Hidden Costs)

Hidden Costs: вы переходите к последнему этапу процесса оформления заказа только для того, чтобы обнаружить, что появились некоторые неуказанные ранее расходы, например стоимость доставки, налоги и т. д.

На примере Broadway.com показано, когда пользователь выбирает места, отображается цена 59,50 долларов за каждое. Однако на этапе оформления заказа за каждый билет взимается 14,88 долларов США за обслуживание и обработку, что приводит к неожиданной окончательной стоимости. Этот трюк часто используется на платформах продажи билетов, из-за чего пользователям сложно спланировать, сколько они готовы потратить.

Скрытые расходы на сайте покупки билетов

Конфиденциальность Цукеринг (Privacy Zuckering)

Этот шаблон, названный в честь Марка Цукерберга из Facebook, заставляет пользователей раскрывать больше личной информации, чем они хотели бы. Используемая тактика предусматривает один простой вариант согласия и еще один чрезвычайно сложный вариант — прочитать юридический текст объемом в учебник. В последнее время эта модель неоднократно подвергалась критике и даже собрания правительственных комиссий

Получите максимум от вашего сайта

Заказать проект

Введите корректный телефон