Дизайн
Kristina Burnashova
6978

12 тёмных паттернов — от уловок Facebook до «дефолтных» товаров в корзинах интернет-магазинов

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

В закладки
Аудио

Статья показалась интересной, и я её перевела. Читайте, не повторяйте, строго не судите: я не профессиональный переводчик.

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

Medium отлично подойдет для первого примера:

Думаете, слишком мета? :)

Модальное окно: «Вы много читаете. Нам это нравится. Ваш лимит бесплатного предварительного просмотра в этом месяце исчерпан. Подпишитесь за $5 в месяц, чтобы дочитать историю и получить безлимитный доступ ко всем лучшим историям на Medium».

Я думаю, проблема в том, что Medium вводит читателей в заблуждение. Они создают ощущение, будто ты должен купить подписку, чтобы продолжить читать статью.

Хотя это неправда — статьи то бесплатные, а пользователь думает, что должен подписаться, чтобы прочитать эту бесплатную статью. Темный паттерн.

Пишет Niels Leenheer

Ответ на его твит: «Только некоторые посты определенных авторов входят в лимит бесплатного чтения. Посты обычных людей и блоги всегда были и остаются абсолютно бесплатными для чтения».

Почему сейчас важно знать о тёмных паттернах больше, чем когда-либо

Сенаторы представили проект Закона по сокращению обманных действий по отношению к пользователям (the Deceptive Experiences To Online Users Reduction (DETOUR) Act), который признает незаконными для публичных сервисов с ежемесячной посещаемостью более 100 млн активных пользователей манипуляции с интерфейсом, нарушающие автономию пользователя, влияющие на процесс принятия решений и на выбор оставить свои контактные данные.

Любопытный факт из последних новостей

Видите, что я тут наделал? Конфермшейминг (подтверждение из чувства вины) — один из 12 темных паттернов. Когда вы чувствуете вину, не особо разбираясь в ее истоках.

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

Заголовок: «Вы используете блокировку рекламы. Отключите ее?». Надпись на кнопках: «Отключить блокировку рекламы» и «Я плохой человек»

Такое ощущение, что тебя травит старшеклассник.

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

Посмотрите на эту таблицу:

Честные интерфейсы или по-другому светлые паттерны. Это дизайнерский аналог «Силы» из Звездных войн.

Считайте это моральным компасом, читая статью. После прочтения вы осознаете манипулятивные и крайне неэтичные темные паттерны нашего цифрового мира.

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

12 типов темных паттернов (по системе Гарри Бринула)

1. Завлечь и переключить

Когда вы совершаете действие, ожидая один результат, а получаете другой.

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

2. Подтверждение из чувства вины

Когда пользователя обвиняют или стыдят, чтобы он нажал на нужную кнопку и подтвердил какое-то действие.

Надпись: «Здоровье требует усилий. Мы собирали основы питания, советы для здоровой жизни, простые рецепты — все, что поможет вам ориентироваться в реальной жизни». Кнопка: «Получить PDF». Подпись: «Нет, спасибо, мне нравится делать плохие выборы»

То есть альтернатива означает «Я лучше умру, спасибо»?

3. Замаскированная реклама

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

Кликните куда-нибудь, кроме here и, поздравляю, вы получаете вирус!

4. Принудительное продление

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

Текст внизу: «14 дней триала. Подписка продляется автоматически. Вы можете отменить ее в любой момент»

Давайте поиграем в «Угадай размер шрифта»...
Когда что-то становится мемом, это признак плохого UX.

«30 дней триала, 30 дней триала. Пожалуйста, оставьте данные своей кредитки»

5. Дружеский спам

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

К своему позору так делал LinkedIn, за что получил коллективный иск на $13,5 млн (по-моему, маловато).

Под видом дружбы… Ничто не указывает на то, что с вашей почты разошлют спам по всем вашим контактам.

6. Скрытая стоимость

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

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

Цена выросла с первоначальной $34,99 до $52,97. Компания могла быть полностью прозрачной в самом начале процесса, а не выдавать такой сюрприз на последнем этапе, когда вы уже прошли все шаги.

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

7. Отвлечение внимания

Когда с помощью дизайна ваше внимание фокусируют на одной вещи, специально отвлекая внимание от другой.

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

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

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

9. Цукеринг приватности

«Цукеринг» — термин, названный в честь пользующегося дурной славой гендиректора Facebook — тактика, заставляющая вас отдавать намного больше своих персональных данных, чем вы были готовы.

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

Марк Цукерберг тайно злорадствовал, когда говорил об успехе этого метода со сцены Европейской конференции в мае, утверждая, что «абсолютное большинство» по своей воле соглашается на целевую рекламу по контактам их друзей. Слив данных стал индустрией с более $200 млрд, а вы не получили ни доллара.

10. Ловушка для таракана

Когда дизайн ведет тебя за руку в определенное место, из которого потом не выбраться (типа подписки).

Например, попробуйте удалить свой аккаунт в Facebook. Мало того, что это почти невозможно сделать, единственный способ его удалить — деактивировать, что также очень сложно сделать. Я покажу вам попытки деактивации (вы должны деактивировать аккаунт перед удалением).

Давайте попытаемся удалить Facebook.

1. Вы нашли спрятанную кнопку «Деактивировать ваш аккаунт»

General → Manage Account. Затем вы должны ввести свой пароль (эта часть вполне понятна).

2. Facebook требует указать причину ухода, я выбираю вариант ответа

Всплывающее окно: «Я провожу слишком много времени в Facebook». Отрегулировать взаимодействие с Facebook вы можете, ограничив количество писем, которые вы от нас получаете. Вы можете контролировать, какие письма вы получаете здесь».

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

3. Однако, как только вы это сделаете, поп-ап будет уговаривать вас остаться

Вас на мгновение отвлекут, и вы довольно решительно закроете окно «Деактивировать».

Обратите внимание на текст, выделенный желтым, — цвет создает ощущение, что вы намерены сделать что-то опасное, рискованное.

4. Наконец-то я дошел до «Деактивировать»

Но нет! Появляется кнопка «Деактивировать сейчас».

Это обещанная кнопка?

Всплывающее окно: «Вы уверены, что хотите деактивировать ваш аккаунт? Деактивация аккаунта отключит профиль и удалит ваше имя и фотографию с большей части контента, которым вы делились в Facebook. Некоторая информация может оставаться видимой для других, например, ваше имя в их списке друзей или сообщения, которые вы отправляли».

Кнопка: «Деактивировать сейчас. Отменить».

5. Нет. Я не могу деактивировать аккаунт по еще одной выдуманной причине

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

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

11. Воришка в корзине

Ситуация, когда вам в корзину по дефолту добавляют товар или услугу. Эта тактика запрещена в Великобритании.

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

Почему ты такой, sportsdirect.com?

12. Вопросы с подвохом

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

Выглядит так, словно вам необходимо поставить галочку согласия с условиями — однако там условия, выгодные бизнесу, а не вам.

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

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

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

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

Мадлен Л’Энгл,
американская писательница, лауреат Медали Джона Ньюбери

Делайте добро с помощью дизайна.

На эту статью меня вдохновили:

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Kristina Burnashova", "author_type": "self", "tags": [], "comments": 18, "likes": 62, "favorites": 99, "is_advertisement": false, "subsite_label": "design", "id": 76845, "is_wide": false, "is_ugc": true, "date": "Wed, 31 Jul 2019 13:05:58 +0300", "is_special": false }
0
{ "id": 76845, "author_id": 58588, "diff_limit": 1000, "urls": {"diff":"\/comments\/76845\/get","add":"\/comments\/76845\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/76845"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
18 комментариев
Популярные
По порядку
Написать комментарий...
4

Как вообще можно пользоваться фейсбуком? Это же антиудобно и противоестественно...

Ответить
2

альтернатива?

Ответить
11

Не пользоваться им

Ответить
4

"Мы, как дизайнеры, должны соблюдать этику" - как отдел маркетинга скажет, так и должны. А то что ни дизайнер, то Еесус обличающий.

Ответить
0

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

Ответить
1

Спасибо автор, что отрыл и перевёл! Много раз писал про такие манипуляции в 2019 году, но не знал правильный термин. Тёмный UX-паттерн!

Ответить
0

полезно, спасибо)

Ответить
0

пожалуйста)

Ответить
0

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

Ответить
0

актуальная статья конечно...с скриншотами веб-интерфейсов прошлого десятилетия

Ответить
0

статья актуальная и сейчас, а скрины просто иллюстрируют примеры — как в учебнике
в этом случае допустимо взять старые скрины (и в принципе в переводной статье нельзя вставить свои картинки)

Ответить
0

Штуки три старомодных скринов. И то с американских сайтов, которые сейчас либо в таком виде существуют либо недалеко ушли)

Ответить
0

А как обойти этот баннер от Медиума? Я не находил никакого обхода, когда он всплывал

Ответить
0

Можно открыть вкладку в инкогнито моде и баннера не будет

Ответить
0

Почитать завтра)

Ответить
0

Архидарк паттерны инфоциган бесценны

Ответить
0

привет , спасибо за статью, а про Великобританию откуда инфа , подскажите плиз где найти?

Ответить
0

я полностью переводила статью, не писала ее

к сожалению, не подскажу

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } }, { "id": 20, "label": "Кнопка в сайдбаре", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cgxmr", "p2": "gnwc" } } } ] { "page_type": "default" }