Узоры темные: Картинки d1 87 d0 b5 d1 80 d0 bd d1 8b d0 b5 d1 83 d0 b7 d0 be d1 80 d1 8b, Стоковые Фотографии и Роялти-Фри Изображения d1 87 d0 b5 d1 80 d0 bd d1 8b d0 b5 d1 83 d0 b7 d0 be d1 80 d1 8b

Что такое темные узоры? 6 способов обмана вашего мозга

Вы когда-нибудь пытались отменить подписку, и вместо этого вы ожидали чата с представителем службы поддержки? Или зайдите на сайт покупок и обнаружите, что в вашей корзине есть три товара, которые вы никогда не добавляли?

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

Что такое темный рисунок?

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

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

1. Отписаться здесь

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

Эти электронные письма часто находятся на грани спама.

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

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

,

2. Мы будем скучать по тебе

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

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

Если вы хотите удалить свой аккаунт Spotify

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

Еще один способ сделать это на веб-сайтах — заставить вас поговорить с представителем службы поддержки клиентов по телефону или через чат.

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

3. 14 дней спустя

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

Вы не уверены, стоит ли это того, но предлагается 14-дневная бесплатная пробная версия. Вы чувствуете, что это хорошая возможность попробовать программное обеспечение. Если это не для вас, вы просто отмените подписку.

Перемотка вперед на 14 дней, и с вашей кредитной карты будет снята сумма в 30 долларов США без каких-либо признаков того, что срок действия пробной версии истекает. Хотя вы технически согласились автоматически продлить подписку, было бы неплохо, если бы вы были в курсе. Вы только что попали в вынужденная преемственность.

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

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

4. Грязь и пыль

Изображение предоставлено: superpokeman127 / Reddit

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

Одним из наиболее вопиющих примеров этого является пользователь с именем u / superpokeman127 в субдитре Mildly Infuriating. Они разместили объявление от китайского производителя обуви с изогнутой линией, которая выглядит как прядь волос. Это изображение было первоначально опубликовано как история в Instagram.

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

Вскоре после того, как сообщение стало вирусным, Instagram заблокировал аккаунт и удалил сообщение. Однако есть много других примеров этого онлайн. Есть поддельные пылинки, имитации звуков уведомлений и рекламы, которые выглядят как кнопки загрузки.

5. Купить сейчас кнопки

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

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

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

6. Флажки и Поддельные Корзины

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

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

Защита от темных узоров

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

Напомним, вот темные узоры, которые вы должны остерегаться:

• Ссылки «Отписаться здесь»
• Сложные процессы удаления аккаунта
• Бесплатные испытания с принудительной непрерывностью
• Поддельные грязь и пыль на объявлениях
• Видные кнопки «Купить сейчас»
• Галочки и корзинки

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

,

Фотошторы, покрывала и подушки Темные узоры

• Артикул: 8371
• Доступность: На складе

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

Фотошторы. Комплект состоит из 2-х полотен. Обычно картинка делится на 2 части и печатается на 2 полотна, ширина каждой 150 см. Ткань и длина — на Ваш выбор.

Фотопокрывало. Используется технология сублимации. Размер, цвет, направление рисунка и тип ткани — на Ваш выбор!

Декоративная фотоподушка. Состав — 100% полиэстер. Внутренняя подушка набита искусственным пухом. Наволочка легко стирается в стиральной машине и гладиться утюгом.

Доступные опции

Array
(
[product_option_id] => 24545
[product_option_value] => Array
(
[0] => Array
(
[product_option_value_id] => 58468
[option_value_id] => 64
[name] => Фотошторы
[image] =>
[price] =>
[price_prefix] => =
)

[1] => Array
(
[product_option_value_id] => 58469
[option_value_id] => 65
[name] => Фототюль
[image] =>
[price] =>
[price_prefix] => =
)

)

[option_id] => 17
[name] => Продукт
[type] => radio
[value] =>
[required] => 1
)

Array
(
[product_option_id] => 24540
[product_option_value] => Array
(
)

[option_id] => 19
[name] => Ширина каждого полотна (от 100 до 220 см). В комплекте 2 полотна.
[type] => text
[value] => 145
[required] => 1
)

Ширина каждого полотна (от 100 до 220 см). В комплекте 2 полотна.

Array
(
[product_option_id] => 24544
[product_option_value] => Array
(
[0] => Array
(
[product_option_value_id] => 58466
[option_value_id] => 49
[name] => от 100 до 145
[image] =>
[price] =>
[price_prefix] => =
)

[1] => Array
(
[product_option_value_id] => 58467
[option_value_id] => 50
[name] => от 146 до 220
[image] =>
[price] =>
[price_prefix] => =
)

)

[option_id] => 13
[name] => Ширина
[type] => radio
[value] =>
[required] => 1
)

Array
(
[product_option_id] => 24539
[product_option_value] => Array
(
)

[option_id] => 4
[name] => Длина каждого полотна (от 100 до 330 см). В комплекте 2 полотна.
[type] => text
[value] => 100
[required] => 1
)

Длина каждого полотна (от 100 до 330 см). В комплекте 2 полотна.

Array
(
[product_option_id] => 24543
[product_option_value] => Array
(
[0] => Array
(
[product_option_value_id] => 58462
[option_value_id] => 51
[name] => до 180 см
[image] =>
[price] =>
[price_prefix] => =
)

[1] => Array
(
[product_option_value_id] => 58463
[option_value_id] => 52
[name] => 181-230 см
[image] =>
[price] =>
[price_prefix] => =
)

[2] => Array
(
[product_option_value_id] => 58464
[option_value_id] => 53
[name] => 231-260 см
[image] =>
[price] =>
[price_prefix] => =
)

[3] => Array
(
[product_option_value_id] => 58465
[option_value_id] => 54
[name] => 261-330 см
[image] =>
[price] =>
[price_prefix] => =
)

)

[option_id] => 14
[name] => Длина
[type] => radio
[value] =>
[required] => 1
)

Array
(
[product_option_id] => 24542
[product_option_value] => Array
(
[0] => Array
(
[product_option_value_id] => 58456
[option_value_id] => 55
[name] => Габардин (плотная, прочная, мягкая и легкая ткань)
[image] =>
[price] =>
[price_prefix] => =
)

[1] => Array
(
[product_option_value_id] => 58457
[option_value_id] => 56
[name] => Сатинет (плотная, шелковистая ткань)
[image] =>
[price] =>
[price_prefix] => =
)

[2] => Array
(
[product_option_value_id] => 58458
[option_value_id] => 57
[name] => Блэкаут (плотная, светонепроницаемая ткань)
[image] =>
[price] =>
[price_prefix] => =
)

[3] => Array
(
[product_option_value_id] => 58459
[option_value_id] => 58
[name] => Атлас (гладкая и блестящая ткань)
[image] =>
[price] =>
[price_prefix] => =
)

[4] => Array
(
[product_option_value_id] => 58460
[option_value_id] => 59
[name] => Лён (прочная, сероватая ткань)
[image] =>
[price] =>
[price_prefix] => =
)

[5] => Array
(
[product_option_value_id] => 58461
[option_value_id] => 69
[name] => Тюль (лёгкая, прозрачная, сетчатая ткань)
[image] =>
[price] =>
[price_prefix] => =
)

)

[option_id] => 15
[name] => Ткань
[type] => radio
[value] =>
[required] => 1
)

Array
(
[product_option_id] => 24541
[product_option_value] => Array
(
[0] => Array
(
[product_option_value_id] => 58453
[option_value_id] => 66
[name] => Шторная лента (под крючки)
[image] =>
[price] =>
[price_prefix] => =
)

[1] => Array
(
[product_option_value_id] => 58455
[option_value_id] => 67
[name] => В комплекте с ламбрикеном и двумя подхватами
[image] =>
[price] =>
[price_prefix] => =
)

[2] => Array
(
[product_option_value_id] => 58454
[option_value_id] => 68
[name] => C установкой колец-люверсов
[image] =>
[price] =>
[price_prefix] => =
)

)

[option_id] => 18
[name] => Комплектация
[type] => radio
[value] =>
[required] => 1
)

Коляска 2в1 Alis Camaro Cm05 Светло-серый узор-Темно-серая кожа

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

• Алюминиевая рама
• Регулируемая по высоте кожаная ручка
• Эко-кожа
• Пластиковая литая люлька(д/ш/в): 75/35/22 см
• Система крепления One Touch System
• Вентиляционные отверстия в нижней части люльки
• Регулируемый подголовник люльки
• Ветрозащитный отворот-штормовик
• Бесшумное опускание капюшона
• Вентиляционные окошки
• Ручка для переноски люльки
• Съемный прогулочный блок спальное место — 84/31 см, сидение — 24/32 см
• Пятиточечные ремни безопасности на прогулочном блоке
• Накидка на ноги
• Установка прогулочного блока лицом вперед или назад
• Сумка для багажа
• Сумка-рюкзак для мамы
• Москитная сетка
• Чехол от дождя
• Пружинные амортизаторы
• Дополнительные амортизаторы на раме
• Габариты в собранном виде (д/ш/в) (см): 110/60/126
• Вес рамы со спальным блоком (кг): 15
• Вес (кг): рама — 10,2 кг; люлька — 4,8 кг; прогулочный блок — 5 кг
• Передние поворачивающиеся на 360° колеса с фиксатором
• Тип колеса (помпа, имитация, металл, пластик): надувные
• Диаметр колеса (см): 23,5+30 см
• Ширина колесной базы (см): 60
• Центральный тормоз
• Гарантийный срок 6 мес

Вы можете дополнительно приобрести следующие аксессуары:

Комплекты в коляску

Матрасики

Муфты на ручку

Замки, карабины

Чехлы для колес

Игрушки в коляску

Сумки и рюкзаки для родителей

Дождевик

Москитная сетка

Евро-софа «Лилия» (Форест сиреневый, узоры на темно-сером) SL

Описание

Евро-софа «Лилия» (Форест сиреневый, узоры на темно-сером) SL.

Описание: Простые формы софы, геометрия углов впишутся в современный интерьер и подойдут как в гостиную, так и в небольшую спальню или детскую комнату.
Качественная и долговечная обивочная ткань идеально подходит для данной модели. Под спальным местом располагается вместительный ящик для хранения постельного белья. Диванные подушки входят в комплект

Высота сидения 450 мм, глубина 770 мм

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

Купить евро-софа «Лилия» (Форест сиреневый, узоры на темно-сером) SL можно по низкой цене в Санкт-Петербурге в нашем интернет-магазине. Мы предлагаем как самовывоз с нашего склада, чтобы вы ничего не платили за доставку, так и бережную доставку по городу Санкт-Петербург и за его пределы. У нас есть и срочная доставка, которая стоит дороже, но вы получаете товар в день заказа!

Оплатить стоимость евро-софа «Лилия» (Форест сиреневый, узоры на темно-сером) SL вы можете наличными или картой.
Евро-софа «Лилия» (Форест сиреневый, узоры на темно-сером) SL — собираем под ключ! (Если товар нуждается в сборке). Хотите товар «евро-софа «Лилия» (Форест сиреневый, узоры на темно-сером) SL» сейчас, но у вас нет такой суммы? Приобретайте его в кредит прямо на сайте!

Если вы – юридическое лицо, оплачивайте всё по безналу. Желаем всем отличных покупок в магазине ВашаКомната.РФ.

*Обратите внимание, что цены указаны уже с учетом скидок. Товар с пометкой SL продается со скидкой. Может быть с незначительным браком, без упаковки, некомплект и с другими проблемами. Осмотр обязателен при получении товара. Наличие товара на складе ограничено. Желаем приятных и выгодных покупок!

Салфетка на стол из фетра «Узоры» Темно-синяя / прямоугольник

→

Салфетка на стол из фетра «Узоры» Темно-синяя / прямоугольник

Вернуться назад

Салфетка на стол из фетра «Узоры» Темно-синяя / прямоугольник

970×0.jpg» data-type=»image» data-title=»Салфетка на стол из фетра "Узоры" Темно-синяя / прямоугольник» data-desc=»Салфетка на стол из фетра "Узоры" Темно-синяя / прямоугольник»/>

Страна:

Китай

Главный склад:

Москва:

Санкт-Петербург:

Екатеринбург:

Тюмень:

1 шт

104,50 ₽

Характеристики

Общие характеристики

Тип Товара

Посуда для праздника

Производитель

Карнавал

Материал

Фетр

Форма

Прямоугольник

Страна производства

Китай

Праздник

Новый год / Рождество

Габариты и вес

Количество в упаковке

1 шт

Размер

9 метров

Межкомнатная дверь Экошпон PROFILDOORS U 4u темно-коричневый матовый узор матовый 2 в Екатеринбурге

Ед. изм.: шт

Оттенок Темно-коричневый Профильдорс в интерьере

Оттенок Темно-коричневый Экошпон в интерьере

Показать больше моделей в интерьере

Характеристики товара:

• Бренд: Профильдорс
• Материал: Экошпон




• Цвет: Темно-коричневый матовый
• Оттенок: Темно-коричневый
• Остекление: Со стеклом
• Ед. изм.: шт.
• Минимальная партия: 1

Дополнительное описание:

Покрытие: экошпон

Размеры полотна:

Высота: 1900, 2000, 2100, 2200 мм

Ширина: 600, 700, 800, 900 мм

Толщина: 36 мм

Стекло: узор матовый 2

Другие цвета этой модели

Информация на сайте domkomfort.net не является публичной офертой.

Точные цены и наличие уточняйте у наших менеджеров по телефону
+7 (343) 328-55-70
.

Модель 26U темно-коричневый, стекло матовое с узором

Серия 26U представлена широким ассортиментом царговых сборно-разборных дверей в новейшем многослойном покрытии с УФ-лаком, разработанном эксклюзивно для фабрики ProfilDoors, немецкими партнёрами (Мюнхен) – UNILACK. Отличительная особенность серии – это гладкие бархатисто-матовые однотонные декоры, превосходящие аналогичные эмалированные лакокрасочные покрытия как по внешнему виду, так и по техническим характеристикам.

Двери покрыты УФ-лаком, что придает покрытию дополнительную устойчивость к химическому и физическому воздействиям

Базовый комплект:

• Полотно без зарезки 400/500/600/700/800 x 1900/2000 мм
• Наличник телескопический «Стандарт» 16 х 70 х 2150/2440 – 5 шт.
• Коробка фигурная «Стандарт» 33 х 74 х 2070/2440 – 2,5 шт. 

Дополнительная комплектация: 

Стандартные размеры полотен: 400/500/600/700/800 x 1900/2000 мм 

Возможно изготовление нестандартных размеров с шагом 5 см (не все модели).  

Подробную информацию уточняйте у наших менеджеров. 

Толщина дверного полотна — 36 мм.

Цветовые решение:

Модельный ряд:

Поганаж:

Фурнитура:

темных паттернов в UX: как дизайнеры должны нести ответственность за свои действия | Аруши Джайсвал

Brignull (2010) далее объясняет, что, когда мы думаем о «плохом дизайне», мы думаем, что создатель небрежен или ленив, но без злого умысла. С другой стороны, темные узоры — это не ошибки. Они тщательно созданы с глубоким пониманием человеческой психологии и не учитывают интересы пользователя.

Темные узоры существуют столько, сколько мы себя помним; они не ограничиваются Интернетом. Например, в некоторых выписках по кредитным картам указывается, что перевод остатка равен 0%, но не ясно, что процент вырастет до гораздо большего числа, если пользователь не перейдет к долгосрочному соглашению мелким шрифтом.

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

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

С точки зрения Интернета, темные узоры намного сложнее и коварнее по своей природе.Браунли (Fast Co. Design, 2015) иллюстрирует ключевой пример этого через LinkedIn и его автоматические последующие напоминания по электронной почте от имени нового пользователя любым контактам, собранным из его или ее учетных записей электронной почты, которые представлены таким образом, что они выглядят так, как если бы они исходили непосредственно от пользователя.

В конце 2000-х была огромная волна LinkedIn, рассыпавшая наш почтовый ящик с десятками последующих писем через наши контакты, чтобы «расширить нашу профессиональную сеть», и, что хуже всего, от них было практически невозможно избавиться.К счастью, эта закономерность была признана и представлена ​​в окружном суде Сан-Хосе в США (Perkin v. LinkedIn, 2014), причем ключевой проблемой является спам.

Это стоило LinkedIn коллективного иска со штрафом в 13 миллионов долларов. Это также послужило предупреждением для других компаний, которые вводят пользователей в заблуждение, используя такую ​​тактику и темные шаблоны UX для искусственного роста своих продуктов.

После введения этого термина Гарри Бриннул зарегистрировал веб-сайт под названием darkpatterns.org ,

«библиотеку шаблонов с конкретной целью именовать и опозорить обманчивые пользовательские интерфейсы.

Он также объяснил, как работают эти шаблоны, на примере

«Когда вы пользуетесь Интернетом, вы не читаете каждое слово на каждой странице — вы просматриваете чтение и делаете предположения. Если компания хочет заставить вас сделать что-то, они могут воспользоваться этим, сделав так, чтобы страница выглядела так, как будто она говорит одно, а на самом деле говорит другое. На этом сайте вы можете защитить себя от темных узоров ».

Бриннулл далее перечислил 11 типов темных узоров на своем веб-сайте —

1. Приманка и переключатель
2. Скрытая реклама
3. Принудительная непрерывность
4. Спам от друзей
5. Скрытые затраты
6. Неверное направление
7. Предотвращение сравнения цен
8. Конфиденциальность Zuckering
9. Roach Motel
10. Sneak into Basket
11. Trick Questions

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

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

Резерфорд (2016) объяснил это на примере обновления до Windows 10. Обычно, когда мы нажимаем X в правом верхнем углу всплывающего окна обновления, оно закрывает окно без лишних хлопот. В диалоговом окне Windows 10 это действие привело к инициализации обновления.

Он также предложил альтернативы наживке и переключению на дизайнеров, заявив, что идеальная стратегия — это честность.Он предлагает, чтобы мы предоставляли контент, представляющий ценность для пользователей, а затем просили услугу взамен. Например, UX pin предлагает бесплатные, но полезные электронные книги в обмен на адрес электронной почты.

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

Один из примеров замаскированной рекламы, который я обнаружил во время своего исследования, принадлежит Dafont.com (сайт бесплатной загрузки шрифтов). Он маскирует рекламу и заставляет пользователей нажимать на нее. Как показано на рисунке 1, основная кнопка загрузки намного меньше и менее заметна, чем опция загрузки для ZipMac, которая не имеет ничего общего со шрифтом, который пользователь хотел бы загрузить.

Снимок экрана dafont.com , показывающий две разные замаскированные рекламы и то, как они выглядят как часть основного содержания сайта.

Обнаруженный на большом количестве веб-сайтов, основанных на подписке, которые предоставляют бесплатную пробную версию, Forced Continuity представляет собой темный шаблон, в котором пользователь подписывается на бесплатную пробную версию, но должен ввести данные своей кредитной карты.Когда пробный период заканчивается, они начинают заряжаться. Нет возможности отказаться, нет напоминаний и нет простого способа отменить автоматическое снятие средств с их кредитной карты (Brignull, 2010).

По моим наблюдениям, в этом виноваты такие компании, как Hello Fresh, Blue Apron и Ipsy. Тем не менее, Резерфорд (2016) подчеркивает важное замечание: понятно, что некоторые компании используют этот метод, чтобы избежать спамеров и злоупотреблений, но они потенциально отталкивают своих пользователей, делая это.

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

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

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

Как упоминалось ранее, самый известный пример этого темного шаблона был использован LinkedIn, в результате чего они были оштрафованы на 13 миллионов долларов в рамках коллективного иска в 2015 году.

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

Хотя многие интернет-магазины стараются не скрывать это, я недавно столкнулся с современным примером. Curology, подписка на лечение акне, предлагает подписчику ежемесячный отпускаемый по рецепту флакон по цене 19 долларов.95 / мес. Стоимость, однако, не такая, она составляет 19,95 доллара США + 4,95 доллара США (доставка), что выясняется намного позже в процессе регистрации.

Чтобы исправить это, они начали двухмесячный план продажи бутылки большего размера, чтобы сократить расходы на доставку. Это оказалось еще более запутанным, потому что теперь стоимость составляет 39,95 долларов за два месяца, а не 19,95 долларов в месяц, которые в основном рекламируются на их веб-сайте.

Неверное направление создается, когда внимание пользователя направляется в определенное место, чтобы он не заметил чего-то еще, что происходит.(Brignull, 2010)

Estevao (Medium, 2017) назвал пример «Обновление программного обеспечения Skype 2016» неверным направлением и объяснил, как он воспользовался преимуществом и предварительно выбрал Bing.com в качестве поисковой системы пользователя по умолчанию, а MSN — в качестве домашней страницы при обновлении заявление.

Далее она поясняет:

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

В этом шаблоне Бриннулль объясняет, что продавец затрудняет пользователю сравнение цены товара с ценой другого товара, поэтому они не могут принять обоснованное решение.
Например, LinkedIn всегда рекламирует свои планы Premium и предоставляет пользователям бесплатную пробную версию, но никогда не раскрывает цену.

Бриннулл назвал этот темный узор в честь генерального директора Facebook (Марка Цукерберга), потому что он был впервые обнаружен на Facebook. Речь идет о том, чтобы обманом заставить пользователя поделиться большей информацией о себе, чем он на самом деле намеревался.

Еще в 2010 году почти все компании были полны уловок, чтобы запутать пользователя, но сейчас это намного более прозрачно.Например, Резерфорд (2016) привел пример с сайта Zapier.com и то, как он публикует две разные версии своих Условий обслуживания, одна написана на простом английском языке, чтобы любой мог ее понять, а другая — заполнена юридическим жаргоном, который может подписываться, не читая.

Этот тип темного рисунка довольно распространен и понятен всем. Дизайн позволяет пользователю легко попасть в определенную ситуацию, но затем затрудняет выход из нее. Например, подписка.(Brignull, 2010)

По моему личному опыту и наблюдениям, веб-сайт Times Jobs India является прекрасным примером. В поисках работы я зарегистрировался у них в 2013 году, и до сих пор, в 2017 году, я не понял, как удалить свою учетную запись или отписаться от ежедневной рассылки.

Brignull (2010) описал это как:

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

Он даже объясняет это на примере, но, имея в виду более свежий пример, я упомяну пример Estavo (Medium, 2017) на Sky 2015. На странице оформления заказа Sky есть опция включения / отказа флажок, который не установлен по умолчанию. Но в предложении говорится: «Sky может связываться с вами по поводу продуктов и услуг, которые могут вам понравиться, если вы не нажмете кнопку, чтобы отказаться». Она заявляет, что конструкция предложения намеренно сбивает с толку и пытается обманом заставить пользователей подписаться на информационные бюллетени.

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

Кэмпбелл-Доллаган (Fast Co. Design, 2017) объясняет, как теперь темные узоры используются как оружие против демократии. Она говорит о том, что фейковые новости о выборах в США в 2016 году являются серьезным мрачным паттерном. Чтобы объяснить это дальше, она привела пример компаний, базирующихся в Македонии, фабрикующих новостные статьи в поддержку Трампа, предназначенные для увеличения количества кликов, взаимодействия и прибыли от ценных американских пользователей в Google и Facebook.BuzzFeed News задокументировали это и взяли интервью у одного человека, стоящего за фальшивыми новостями. Он сказал:

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

Кэмпбелл-Доллаган (Fast Co. Design, 2017) также рассказывает об алгоритме ленты новостей Facebook. Алгоритм предназначен для предоставления пользователям новых историй, как истинных, так и ложных, в зависимости от их наблюдаемого мнения. Такой уровень персонализации формирует предвзятость подтверждения и в конечном итоге сужает и без того самокураторскую точку зрения, что ограничивает способность читателей органично расширять свои знания.

Она даже раскритиковала и Facebook, и Google за то, что они вводят пользователей в заблуждение, придавая легитимность лжи через дизайн, поскольку они оба использовали одни и те же элементы интерфейса для ABCNews.com и ABCNews.co.co (поддельный аналог).

Кэмпбелл-Доллаган (Fast Co. Design, 2017) считает, что сейчас мы находимся в новой эре. Основная цель старого мира заключалась в том, чтобы разработать способы взаимодействия и облегчить их жизнь, но для новой эры она призывает нас «дать пользователям возможность понять и оспорить продукты, которые они продают.”

Нет простых решений или альтернатив темным узорам. Инсайдеры отрасли, такие как Bunker (2013), предложили дизайнерам иметь этический кодекс поведения, в котором конфиденциальность, честность и уважение должны быть основными элементами.

Нир Эял, автор книги «На крючке», опубликованной в 2014 году, предложил более логичное решение. В своей книге он говорит о силе убедительного дизайна и объясняет, как хорошее понимание когнитивной науки может повысить ценность пользовательского опыта.Он рассказал о «модели крючка», которая дает дизайнерам возможность создавать продукты, вызывающие привыкание. Он понимает, что его модель можно неправильно использовать, и поэтому говорит о ее нравственности. Он считает, что манипуляция — это опыт, созданный для изменения поведения, и поэтому предложил дизайнерам «Матрицу манипуляции». Эта матрица, однако, не пытается ответить на вопрос, какой бизнес является моральным или какой из них добьется успеха. Он просто пытается помочь новатору / дизайнеру ответить: «Должен ли я попытаться зацепить своего пользователя?»

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

Как заявил Кэмпбелл-Доллаган (2017), мы вступаем в новую эру, когда мы не должны использовать темные узоры в качестве оружия, чтобы влиять на наш мир.

Я считаю, что, как дизайнеры пользовательского интерфейса, мы должны думать не только о эстетике и удобстве использования для наших пользователей. Мы помогаем формировать жизни людей повсюду, и наши решения могут существенно повлиять на наше поведение как общество.Поддаться темным шаблонам для достижения краткосрочных целей — не решение. Как сказал Стив Фишер на конференции Generate NY 2017:

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

Перестаньте называть эти шаблоны дизайна Dark Design или Dark UX — это просто дизайн ** дыр | by Flavio Lamenza

Вы заметили, что в последнее время некоторые люди пытаются придумать термины «темный UX» или «темные шаблоны дизайна»? Не только это, но и попытка ввести в учетную запись UX некоторые неприятные психологические или дешевые уловки.

Мы являемся разработчиками пользовательского интерфейса, и наша основная цель — создать для пользователя приятный и цельный опыт. Давайте проясним здесь: если вы выполните одно из следующих действий, я предлагаю новый термин: «Конструкция ** отверстия» .

Реклама в Snapchat для Android 😬

Это приложение было загружено 2 апреля.

«Бесплатно в течение 3 дней, начиная с сегодняшнего дня. 49,99 долларов США в неделю с 5 апреля 2018 г.»

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

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

Этот снимок экрана был сделан через неделю после загрузки приложения «Ресторан 2».

2,588!

А это другое приложение ниже делает вид, что имеет уведомление на изображении самого значка.

Новые вредоносные программы, созданные за последнюю минуту…

Источник.

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

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

(точно не мои волосы!)

При удалении IObit вы получаете запутанное сообщение с заметным призывом к действию, чтобы продолжить (а не удалять его):

В этот момент я вижу аплодисменты заинтересованных сторон и реакцию дизайнера UX, например:

Хорошо… удачи.

Источник.

А как насчет «Введите ниже свой адрес электронной почты, и мы удалим вас из списка…» Хорошо… 😖

Источник.

12 секунд медленной боли…

Источник. Источник.

Кстати, если вы покупаете обертки в Waitrose или Pret, вы видели упаковку, подобную приведенной ниже 😲

Source.

А вот и король обмана . Как ветчина была внутри этого бутерброда.

Я должен был рассмеяться 😂😂😂 Вы хотите получить мой номер национального страхования?

Обман против честности в дизайне пользовательского интерфейса — A List Apart

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

Продолжение статьи ниже

Чтобы заполнить этот пробел, в августе 2010 года был создан darkpatterns.org: библиотека шаблонов с конкретной целью именовать и опозорить обманчивые пользовательские интерфейсы (также известные как «темные шаблоны») и компании, которые их используют. Эта статья предоставит вам краткий обзор библиотеки и некоторые конкретные примеры темных узоров, используемых сегодня.

Если отбросить наши моральные придирки, давайте на мгновение поставим себя на место злого веб-дизайнера.Как мы можем наиболее эффективно использовать преимущества наших клиентов? Во-первых, тонкость — наш друг. Например, если наш сайт будет привлекать пользователей к скрытым расходам в процессе оформления заказа, мы будем более эффективны, если добавим относительно небольшие затраты. Если мы добавим 100 долларов к покупке за 20 долларов, покупатель, скорее всего, заметит и уйдет. Было бы лучше, если бы мы добавили всего несколько долларов в качестве своего рода «комиссии за обработку заказа». Даже если клиенты заметят это, они, вероятно, не будут беспокоиться о том, чтобы бросить учебу, поскольку стоимость слишком мала, чтобы оправдать процесс оформления заказа на другом сайте.Вот почему обманчивые пользовательские интерфейсы так распространены в сети — по отдельности они обычно настолько малы, что каждый из них едва достаточно раздражает людей, чтобы с ними что-то сделать.

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

.

«Но тестирует хорошо!» # Section2

Темные шаблоны, как правило, очень хорошо работают в A / B и многомерных тестах просто потому, что дизайн, который заставляет пользователей что-то делать, скорее всего, приведет к большему количеству конверсий, чем тот, который позволяет пользователям принимать осознанное решение. В качестве упражнения взгляните на три примера ниже.Каждый использует свой подход к выявлению маркетинговых предпочтений пользователей. Как вы думаете, какой из них выиграет A / B-тест, набрав наибольшее количество маркетинговых подписок? И что, по вашему мнению, является наиболее этичным с точки зрения пользователя?

Рис. 1. Какой пример, по вашему мнению, может быть лучше всего в A / B-тесте?

Пример A в основном честный. Флажки с четкими метками. Если пользователь полностью проигнорирует область, он не будет подписан на какие-либо маркетинговые сообщения.Хотя это хорошо для пользователей, так как позволяет избежать случайных подписок, это также плохо для бизнеса, поскольку коэффициент конверсии будет относительно низким. Пример C — еще один честный интерфейс: пользователь не может отправить форму, не выбрав ответ, поэтому он вынужден принять явное решение.

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

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

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

Принудительная непрерывность: переход с бесплатного плана на платный # section3

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

Самый честный и ориентированный на пользователя конец шкалы — это MobileMe от Apple. При регистрации услуга дает предельно ясно, что вы получаете как клиент (рис. 2, ниже). Он ничего не скрывает мелким шрифтом или сложной формулировкой. Затем, когда до перехода на платный план остается семь дней, они отправляют вам по электронной почте напоминание о том, что должно произойти. Другими словами, они не могли прояснить ситуацию на любом этапе процесса.

Рис.2: Объяснение в верхней части формы кредитной карты на MobileMe.com очень заметно и четко сформулировано.

Давайте перейдем к более сомнительному подходу. Одна хорошо известная компания по аренде DVD предоставляет отличные предварительные сообщения о переходе с бесплатного на платный план — точно так же, как Apple делает с MobileMe, — но они не рассылают электронные письма с напоминаниями. Это означает, что некоторые клиенты неизбежно забудут, на что они согласились, и будут платить ежемесячно, только заметив это, когда они проверят счет своей кредитной карты. Делает ли пропуск электронных писем с напоминаниями этот интерфейс менее честным?

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

Теперь, может быть, вы думаете, что такое этическое заламывание рук несколько наивно.Конечно, между компаниями и их клиентами всегда будет напряженность. Оба имеют собственные интересы — устойчивые отношения создаются только тогда, когда между ними достигается баланс. Классическая экономическая теория утверждает, что рыночные силы обеспечат механизм самовосстановления, и что клиенты будут делать покупки в другом месте, если бизнес не предоставляет привлекательные услуги. Однако эта теория также предполагает, что люди ведут себя с совершенным знанием всех экономических возможностей и атрибутов (также известного как «Homo Economicus») — точка зрения, которая широко опровергается бихевиористскими экономистами.Если бизнесу удается хитроумно обмануть некоторых из своих клиентов, большинство клиентов не узнает об этом или не позаботится об этом, поэтому у них не будет причин делать покупки в другом месте.

Рис. 3: Континуум от честных интерфейсов к темным узорам.

А теперь посмотрим на наименее честный край шкалы. Одна хорошо известная служба кредитных рейтингов очень обманчиво использует принудительную непрерывность. Помимо того, что они не отправляют напоминания, они используют очень хитро написанную копию на бланке кредитной карты (рис.4 ниже). Как мы все знаем, люди склонны начинать читать с начала текста, и по мере продвижения все больше людей сдаются и не читают до конца. Это обычное поведение при чтении — причина, по которой был изобретен стиль перевернутой пирамиды: чтобы помочь читателям составить краткое и точное изложение. Как вы можете видеть ниже, дизайнеры этого веб-сайта применили это понимание человеческого поведения при чтении в гнусных целях.

Рис. 4: Копирайтинг в черной шляпе: этот текст был специально создан, чтобы ввести в заблуждение.

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

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

Отлучение бизнеса от темных узоров # section4

Прибыль сладка, даже если она исходит от обмана. —Sophocles

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

Однако это возможно. До середины 2010 года туристический сайт hotels.com, принадлежащий Expedia, скрывал от пользователя расходы до последнего момента в процессе оформления заказа (например, «сборы за дополнительных гостей», «налоги и сборы» и т. Д.), Что придавало сайту вид как будто он предлагал более дешевые предложения, чем это было на самом деле. В конце 2010 года они изменили дизайн сайта, чтобы использовать более честный интерфейс, в котором четко указаны полные цены на страницах результатов поиска. С тех пор они выиграли множество наград за обслуживание клиентов: в том числе сертификат TUV в Германии за более безопасные покупки и лучший онлайн-сайт в Дании, и они были признаны немецкими лидерами в категориях «Сервис» и «Удобный для клиентов веб-сайт». Институт качества обслуживания в январе 2011 года.

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

Некоторые люди предположили, что нам нужно больше регулирования в отношении темных паттернов, но это было бы сложно, поскольку существует множество потенциальных обходных путей.На данный момент darkpatterns.org, похоже, добивается определенного прогресса. Всего несколько месяцев назад один член сообщества обратился к audible.com за использование принудительной непрерывности в процессе выставления счетов. (Клиенты, пытающиеся купить одну аудиокнигу, получали ежемесячное членство без их ведома.) Через несколько дней Audible.com ответил на вики, заявив:

Когда мы услышали, что некоторые слушатели сочли наш процесс оформления заказа менее чем понятным, мы взяли на себя задачу уточнить формулировки наших предложений и уточнить наши повторяющиеся методы выставления счетов.[…] Мы приглашаем сообщество Dark Patterns… рассмотреть наши изменения.

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

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

Как темные узоры в веб-дизайне заставляют вас сказать «да»

Если вы являетесь пользователем Instagram, возможно, вы недавно видели всплывающее окно с вопросом, хотите ли вы, чтобы служба «использовала ваше приложение и действия на веб-сайте», чтобы «улучшить качество рекламы». Внизу есть два поля: в немного более темном оттенке черного, чем фон всплывающего окна, вы можете выбрать «Сделать рекламу менее персонализированной.Ярко-синее поле побуждает пользователей «сделать рекламу более персонализированной».

Это пример темного шаблона: дизайн, который манипулирует или сильно влияет на пользователей, чтобы они сделали определенный выбор. Instagram использует такие термины, как «активность» и «персонализированный» вместо «отслеживание» и «таргетинг», поэтому пользователь может не осознавать, на что он фактически дает разрешение приложению. Большинство людей не хотят, чтобы Instagram и его материнская компания, Facebook, знали обо всем, что они делают и куда бы они ни пошли. Но «лучший опыт» звучит хорошо, поэтому Instagram предлагает вариант, который пользователи выбирают более заметным и привлекательным, чем тот, который они надеются избежать.

«Лучшее качество рекламы» — это субъективно.

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

«Когда вы смотрите на то, как темные шаблоны используются в цифровом взаимодействии, в целом [Интернет позволяет] их существенно усугубить и сделать менее заметными для потребителей», — Ребекка Келли Слотер, исполняющая обязанности председателя Федеральной торговой комиссии (FTC). — рассказал Recode.«Понимание последствий этого очень важно для нас, когда мы разрабатываем нашу стратегию для цифровой экономики».

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

Темные узоры, краткое объяснение

Хотя вы, возможно, раньше не слышали термин «темные узоры», вы наверняка видели бесчисленное количество их примеров — и испытали их эффекты:

• Пробная потоковая служба, на которую вы подписались, будет автоматически списываться только по истечении пробного периода
• Межстраничное объявление в приложении, от которого вы не знаете, как отказаться, потому что «X» в правом верхнем углу слишком маленький и тусклый, чтобы его можно было увидеть…
• … или «X» настолько маленький, что вы случайно нажимаете на само объявление, и вы попадаете на его веб-сайт.
• Аккаунт аптеки, который необходимо создать, чтобы записаться на прием для вакцинации, но его нелегко отменить
• Маркетинговое электронное письмо, в котором вам предлагается ответить в течение следующих пяти минут или иначе, и включает поддельный таймер обратного отсчета
• Большое всплывающее окно, побуждающее вас подписаться на информационный бюллетень веб-сайта с большой красной кнопкой «Sign Me Up», в то время как кнопка отказа намного меньше и пассивно-агрессивно подразумевает, что любой, кто нажимает, является плохим человеком, который не заботится о том, чтобы экономить деньги или быть в курсе

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

Распродажа Ultimate Guitar Pro Access в последние несколько месяцев, если не лет, длится несколько часов до конца. Ultimate Guitar

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

Если вы не хотите, чтобы Forever 21 сохранял файлы cookie в вашем браузере, вам придется нажать «Отключить» и выключить каждую категорию вручную. навсегда 21

Гарри Бриннулль придумал термин «темные узоры» в 2010 году и с тех пор следит за ними на своем веб-сайте (он также писал о них для The Verge еще в 2013 году).Темные модели существовали в физическом мире задолго до появления Интернета: дети 90-х годов будут помнить удивительную сделку музыкального клуба Columbia House по почте, чтобы купить 12 компакт-дисков всего за один пенни (плюс доставка и обработка), которые затем автоматически выбрали их в клуб с ежемесячным выпуском компакт-дисков, который было почти невозможно отменить. Но Интернет сделал темные узоры гораздо более повсеместными и мощными. Веб-сайты могут совершенствовать свои методы, используя очень конкретную обратную связь, которую предоставляют их посетители, оптимизируя их манипуляции в масштабах, которые физический мир никогда не мог достичь в своих самых смелых мечтах.

«Я думаю, что Интернет упростил индустриализацию способа, которым мы убеждаем и, в свою очередь, манипулируем и обманываем друг друга», — сказал Бригнулл Recode.

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

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

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

«Это немного похоже на невидимые эффекты для здоровья от вдыхания паров или получения дозы радиации: в то время вы можете этого не осознавать, но это оказывает на вас скрытое воздействие», — сказал Бригнулль.«С конфиденциальностью довольно сложно обдумать и понять, каковы долгосрочные последствия для вас. Вы постоянно сливаете информацию о себе брокерам данных, и вы действительно не знаете, как они используют ее, чтобы продавать вам ».

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

«Регулирование работает, — сказал Бриннулль. «Это действительно может превратить Интернет в место, где приятно находиться, а не в полноценную среду Дикого Запада. И нам это нужно ».

Как законы и постановления могут остановить наихудшие темные шаблоны

Если вы живете в Калифорнии, он у вас уже есть. Одним из последних действий генерального прокурора штата Ксавьера Бесерры перед уходом из офиса и возглавления Министерства здравоохранения и социальных служб было введение правил, касающихся темных закономерностей, в Закон штата о конфиденциальности потребителей (CCPA).Это запретило темные шаблоны, разработанные для того, чтобы затруднить потребителям реализацию некоторых прав, предусмотренных законом, таких как отказ от продажи своих данных. Запрещенные темные шаблоны включают в себя принуждение пользователей переходить по нескольким экранам, пролистывать длинные политики конфиденциальности, призывы не отказываться или использовать непонятный язык.

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

Федеральные законодатели также обращают внимание на темные узоры. На недавнем слушании в Комитете по энергетике и торговле Палаты представителей о социальных сетях и дезинформации член палаты представителей Лиза Блант Рочестер (D-DE) спросила генеральных директоров крупных технологических компаний Марка Цукерберга, Сундара Пичаи и Джека Дорси, будут ли они выступать против закона, запрещающего темные шаблоны, которые обманывают пользователей. раздавать свои данные. По ее словам, эти данные часто использовались в алгоритмах, нацеленных на людей, особенно подверженных дезинформации.

«Наши дети…. пожилые люди, ветераны, цветные люди, даже наша демократия здесь поставлена ​​на карту », — сказал Блант Рочестер. «Мы должны действовать. И мы вас заверим, мы будем действовать ».

В конце прошлого года член Конгресса представил Закон о DETOUR (сокращение количества пользователей в сети, вводящих в заблуждение), версию законопроекта с тем же названием, который представили сенаторы Деб Фишер (R-NE) и Марк Уорнер (D-VA). в 2019 году.

«Я ввел закон DETOUR, чтобы решить проблему распространенной тактики, которую используют технологические компании, чтобы получить как можно больше личных данных», — сказал Recode Блант Рочестер.«Это намеренно вводящие в заблуждение пользовательские интерфейсы, которые заставляют людей передавать свои данные».

Счета нацелены на онлайн-сервисы с более чем 100 миллионами активных пользователей в месяц — например, Twitter, Facebook и YouTube — и запрещают им разрабатывать пользовательские интерфейсы, которые манипулируют пользователями, заставляя их давать свои личные данные. Платформы также не смогут проводить эксперименты по изменению дизайна на пользователях без их согласия.

Блант Рочестер и Уорнер сообщили Recode, что они планируют повторно ввести Закон DETOUR на этой сессии.

«Я намерен работать со своими коллегами в Конгрессе над запретом использования этих умышленных манипуляций, направленных на извлечение личной информации от пользователей», — сказал Блант Рочестер.

Сенатор Фишер не ответила на запрос о комментарии, но она включила закон DETOUR в Закон о безопасных данных, версию федерального закона о конфиденциальности сенатского комитета по торговле республиканцами, который они могут вновь ввести на этой сессии.

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

«Мы серьезно относимся к такому поведению», — сказал Слотер из Федеральной торговой комиссии.

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

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

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

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

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

«Частью проблемы с регулированием темных шаблонов являются серые области: случаи, когда пользователи технологии ограничиваются таким образом, что они не могут осуществлять полную автономию, но они могут не испытывать полного манипулирования или, возможно, их принуждают, но с легкостью », — сказала Recode Дженнифер Кинг, научный сотрудник Института искусственного интеллекта, ориентированного на человека, Стэнфордского университета.

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

«Федеральная торговая комиссия должна иметь более четкие и прямые нормотворческие полномочия в соответствии с Законом об административных процедурах для решения подобных вопросов», — сказал Слотер. «Но пока что я очень рад использовать все имеющиеся у нас инструменты, в том числе наши полномочия по Разделу 18, для решения этой проблемы. Это просто? Нет. Это быстро? Нет. Стоит ли прилагать усилия? Да. Потому что, если мы просто ждем действий Конгресса, мы можем ждать еще долго.”

Открытый исходный код стал возможным благодаря Omidyar Network. Все материалы с открытым исходным кодом редакционно независимы и созданы нашими журналистами.

темных паттернов и других запретов на дизайн для мобильных устройств — Smashing Magazine

Об авторе

Сюзанна Скакка — бывший разработчик WordPress, тренер и менеджер агентства, а теперь работает внештатным копирайтером. Она специализируется на маркетинге, веб …
Больше о
Сюзанна
↬

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

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

На мой взгляд, если вам придется лгать или обманывать потребителей для продажи, тогда это явно не сработает! Возможно, вам удастся привлечь большое количество посетителей (и даже сделать некоторые продажи с помощью обманчивой стратегии), но давайте посмотрим на общую картину .Если объемы трафика не поддерживаются и вы обрабатываете больше возвратов, чем продаж, этот подход не удался. Я подозреваю, что это произойдет с множеством людей, которые пытаются использовать уловки для развития бизнеса как в реальном мире, так и в цифровом пространстве.

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

Проектирование трения для лучшего взаимодействия с пользователем

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

Что такое темные узоры?

Фраза была придумана Гарри Бриннуллом, специалистом по UX-исследованиям. Согласно Бриннуллу:

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

С тех пор он разработал веб-сайт, посвященный худшему из худших темных паттернов:

Пример темного паттерна« Приманка и переключение »от Microsoft. (Источник: темные узоры) (превью в большом разрешении)

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

Как темные узоры используются в веб-дизайне?

Всего Бриннулль классифицирует темные узоры на 12 категорий. Я собираюсь включить каждый из них, а также некоторые свои собственные, в следующее руководство:

1. Приманка и переключение

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

Microsoft использовала эту тактику пару лет назад, когда пыталась убедить пользователей сделать рекомендованное обновление до Windows 10. (Это изображение выше с веб-сайта Бригнулла). Пользователи утверждали, что, когда X’ing из всплывающего окна , их системы автоматически обновляются без согласия. Знак «X» должен был указывать на то, что пользователь не хотел продолжать, но он сделал наоборот.

Вот в чем дело. Программное обеспечение необходимо обновлять, чтобы системы работали быстро и безопасно.Однако, если обманом заставляет пользователей инициировать обновление, которое им не нужно или к которому они не готовы, вы можете столкнуться с серьезными последствиями, если оно пойдет не так. Например, эта женщина выиграла 10 000 долларов в результате ущерба, нанесенного ее системе обновлением Windows.

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

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

Join.me спрашивает, хочу ли я поговорить с кем-нибудь через чат. (Источник: join.me) (превью в большом разрешении)

В то время мне не требовалась помощь, поэтому я нажал «X» в правом углу всплывающего окна. Однако, сделав это, я увидел следующее:

Join.me инициирует чат при нажатии «X». (Источник: join.me) (Большой превью)

Я был удивлен, увидев эту страницу, так как определенно не просил «Начать чат».Затем, как только я понял, что пытается сделать это всплывающее окно на всю страницу, мне сразу захотелось выйти. Но способ сделать это находится в верхнем левом углу, что заставило меня немного зациклиться, поскольку «X» из исходного всплывающего окна находился в верхнем правом углу.

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

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

Рекомендуемая литература : Умирают ли мобильные всплывающие окна? Стоит ли их вообще экономить?

2. Подтверждение

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

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

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

Social Media Examiner по-прежнему использует это всплывающее окно с двойным CTA на своем мобильном сайте:

Social Media Examiner использует 2 CTA, чтобы «пристыдить» пользователей и заставить их щелкнуть. (Источник: Social Media Examiner) (превью в большом разрешении)

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

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

Я бы посоветовал вообще не стыдить посетителей .Однако, если вы хотите использовать метод двойного CTA, выберите что-то вроде кнопок-призраков. Эта стратегия направлена ​​на то, чтобы дать вам тот же результат: заставить посетителей перейти по ссылке и / или совершить конверсию. Тем не менее, он делает это с тонким дизайном. Другими словами:

• Эта большая и красочная кнопка заслуживает вашего внимания;
• Эта лишенная жизни кнопка находится здесь (если вы этого хотите), но мы будем рады, если вы также захотите ее вообще игнорировать.

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

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

Если вы будете следить за тем, что происходит в мире влиятельного маркетинга в социальных сетях, вы можете распознать эту проблему с помощью обмана со стороны Instagram. По сути, вот что происходило (и продолжает происходить):

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

Согласно FTC:

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

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

Один из примеров, которым я хочу поделиться, взят из Travel & Leisure:

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

Travel & Leisure включает в себя привлекательную графику в этой статье.(Источник: Travel & Leisure) (превью в большом разрешении)

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

Travel & Leisure вставляет в сообщение рекламу, которая выглядит так же, как статья (Источник: Travel & Leisure) (Большой превью)

После полной загрузки страницы (что заняло более нескольких секунд) я понял, что это видео. В этот момент у меня в голове возникла пара мыслей:

• Я прокрутил слишком далеко? Были ли остальные рекомендации по осенней листве в слайдере выше?
• Почему летние каникулы на Бермудских островах включены в список осенней листвы?

Я решил продолжить пролистывать идентично отформатированный текст для Бермудских островов, чтобы увидеть, что будет дальше, а затем я заметил под ним заметку, которая гласила: «От Управления по туризму Бермудских островов»:

Travel & Leisure смешивает контент с рекламой, чтобы сбить с толку пользователя опыт.(Источник: Travel & Leisure) (превью в большом разрешении)

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

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

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

4. Принудительная непрерывность

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

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

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

В следующем примере я снова воспользуюсь join.me.

Join.me предлагает три тарифных плана. (Источник: join.me) (превью в большом разрешении)

На странице цен на join.me вы найдете три плана, каждый со своей стоимостью.На самом деле, только когда вы найдете гораздо меньший и невыделенный CTA, вы сможете больше узнать о том, что идет с каждым планом:

Join.me скрывает подробности о своих планах с помощью труднодоступного CTA. (Источник: join.me) (Большой предварительный просмотр)

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

Join.me упоминает бесплатный план только после того, как пользователи спросят для дополнительной информации. (Источник: join.me) (Большой превью)

Я был очень рад обнаружить это соединение.у меня есть бесплатный план. Однако, чтобы получить к нему доступ, вам необходимо подписаться на план PRO. Вот что входит в пробную версию:

Join.me требует информацию о кредитной карте для пробного плана PRO. (Источник: join.me) (превью в большом разрешении)

После того, как вы отправите сведения о пользователе и покупке, вам будет предоставлен доступ к бесплатной 14-дневной пробной версии. Если вы решите не переходить на PRO, только тогда вы сможете получить доступ к бесплатному тарифному плану, который join.me не рекламирует.

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

5. Friend Spam

Вход на веб-сайты и в приложения с помощью учетных записей социальных сетей или Google в настоящее время является обычным делом. Тем не менее, компании, которые используют ваш список друзей для рассылки спама вашим контактам, (надеюсь) нет.

Тем не менее, один крупный бренд был признан виновным в этом и теперь должен заплатить 13 миллионов долларов в результате: LinkedIn.

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

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

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

Это просто показывает, что не имеет значения, насколько популярна или уважаема ваша платформа. Если вы злоупотребляете доверием пользователей в личных целях, это приведет к серьезной негативной реакции. .Иск на 13 миллионов долларов — определенно серьезное последствие, но даже потери клиентов должно быть достаточно, чтобы удержать вас от этой темной закономерности.

6. Скрытые затраты

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

Хотя вы можете не поверить, что это дело, к которому вы, как дизайнер, приложили руку, я настоятельно рекомендую вам взглянуть на этот пример темного рисунка от Southwest Airlines:

Общая цена от Southwest Airlines кажется независимой от индивидуальные цены на авиабилеты.(Источник: Southwest Airlines) (превью в большом разрешении)

Когда я искал рейс туда и обратно между Олбани, штат Нью-Йорк, и Атлантой, штат Джорджия, мне представили различные варианты цен. Время суток, количество пересадок и т. Д. Повлияли на то, сколько мне придется платить на каждом этапе моего путешествия. Этого следовало ожидать.

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

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

Скрытые расходы от Southwest Airlines могут быть раскрыты. (Источник: Southwest Airlines) (превью в большом разрешении)

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

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

Рекомендуемая литература : Как мобильный веб-дизайн влияет на локальный поиск (и что с этим делать)

7. Неправильное направление

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

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

Например, вот форма подписки на информационный бюллетень Eater:

Казалось бы, традиционная форма подписки на информационный бюллетень от Eater. (Источник: Eater) (превью в большом разрешении)

Не все так уж странно, что форма находится вверху страницы. Или, по крайней мере, этого не было бы, если бы это была единственная предлагаемая подписка.

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

Eater автоматически подписывает меня на получение ежедневной электронной почты. (Источник: Eater) (превью в большом разрешении)

Это было бы нормально, за исключением того, что я был на веб-сайте Eater Philly.Мне не нужны были общие новости о Eater. Мне нужны были новости, относящиеся конкретно к той области США, в которой я живу. Я также не знаю, слишком ли я был без ума от ежедневной рассылки.

Если бы я прокрутил страницу еще дальше, я бы обнаружил больше вариантов информационных бюллетеней:

Больше информационных бюллетеней от Eater. (Источник: Eater) (большой превью)

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

Eater также включает подписку на информационные бюллетени для конкретных городов.(Источник: Eater) (превью в большом разрешении)

«Скрывая» флажки и предварительно выбирая один для своих пользователей, вы даете им возможность получать сообщения, которые они вряд ли будут рады получить. Когда они отказываются от подписки на эти электронные письма и указывают причину, например: «Я никогда не подписывался на эти сообщения». Это не хорошо.

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

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

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

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

А есть еще одна авиакомпания, которая вообще не раскрывает цены: British Airways.

British Airways заставляет вас сравнивать время полета, прежде чем указывать цены. (Источник: British Airways) (превью в большом разрешении)

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

Это делает бронирование рейса через British Airways невероятно раздражающим — мягко говоря. Несмотря на то, что цены можно сравнивать, требуется несколько раз, чтобы собрать эту информацию .И велика вероятность, что если вы нажмете кнопку «Назад» в браузере, данные сбросятся, и вам придется заново вводить всю информацию о поездке с самого начала.

Хотя приятно, что дизайнеры этого мобильного сайта информируют посетителей о том, что цены на данном этапе не раскрываются, призыв сделать это — плохой выбор со стороны British Airways.

9. Конфиденциальность Цукеринг

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

Я уверен, что Марк Цукерберг не обрадуется, узнав, что Бриннулль назвал его в честь него, но Facebook известен тем, что соблазняют пользователей давать больше информации, чем они имеют — вот почему этот назван удачно .

Один из примеров, с которым я часто сталкиваюсь, на самом деле не встречается на Facebook. Вместо этого я сталкиваюсь с ним на BuzzFeed, когда беру перерыв в работе. Вот что происходит:

Мой мозг начинает болеть, и мне нужно быстро отвлечься.Я иду в гостиную, сажусь на диван и достаю телефон. Я сразу перехожу в раздел викторин BuzzFeed. Они занимательны, и я знаю, что могу быстро с ними справиться. Как этот про фильмы:

Пример веселых викторин BuzzFeed. (Источник: BuzzFeed) (превью в большом разрешении)

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

Пока это не произойдет:

BuzzFeed тайком задает дополнительные вопросы.(Источник: BuzzFeed) (превью в большом разрешении)

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

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

10. Roach Motel

Товар под торговой маркой «Roach Motel» от Black Flag — это тот, который заманивает тараканов и других вредителей в неприятную ситуацию, из которой потом очень трудно выбраться. Это именно то, что делают некоторые веб-сайты.

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

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

Кроме того, существуют мотели для тараканов, такие как веб-сайт Wells Fargo Center:

Wells Fargo Center Форма для покупки билетов.(Источник: Wells Fargo Center) (превью в большом разрешении)

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

Что странно, так это то, что теперь написано «Добавить в корзину». Я предполагаю, что в этот момент я смогу выбрать свои конкретные места.

Wells Fargo Center автоматически выбирает мои билеты и добавляет их в корзину. (Источник: Wells Fargo Center) (превью в большом разрешении)

Вместо этого происходит то, что Wells Fargo Center автоматически выбирает мои билеты и добавляет их в корзину.Я не мог сказать, какие места мне нужны. Вместо этого в корзину были добавлены самые дорогие билеты за 1250 долларов.

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

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

Форма Wells Fargo Center заставляет пользователей застревать. (Источник: Wells Fargo Center) (превью в большом разрешении)

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

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

11. Красться в корзину

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

Показательный пример: зоопарк Центрального парка.

Купить билеты в зоопарк Центрального парка онлайн. (Источник: Central Park Zoo) (превью в большом разрешении)

Форма покупки билетов довольно проста. Просто выберите билеты для людей, которые будут посещать зоопарк.

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

Первый призыв к действию в зоопарке Центрального парка не предназначен для покупки. (Источник: Central Park Zoo) (превью в большом разрешении)

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

Однако при ближайшем рассмотрении вы увидите, что «Да, добавьте 5 долларов в мой заказ» — это то, что вызывает эта кнопка CTA. Кто-то, кто читает так быстро, может прочитать это как «Да, добавить в мой заказ», думая, что это относится к билетам.

Только когда мобильный пользователь сделает еще одно движение на своем телефоне, он увидит настоящую кнопку оплаты:

Настоящая кнопка оплаты требует трех полных движений по странице зоопарка Центрального парка. (Источник: Central Park Zoo) (превью в большом разрешении)

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

• Заполните соответствующие данные.
• Нажмите кнопку, чтобы завершить покупку.

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

12. Вопросы с хитростью

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

Хитрый обмен сообщениями также может использоваться для увеличения расходов. Вот что я испытал, когда пытался заказать цветы по номеру 1-800-Flowers:

Заказ цветов по номеру 1-800-Flowers. (Источник: 1-800-Flowers) (превью в большом разрешении)

Я был очень доволен этой цветочной композицией и подумал, что большой будет хорошо на столе моего друга. Прокручивая страницу вниз, я увидел флажок «БЕСПЛАТНАЯ доставка». Я не стал нажимать на значок «i», так как подумал: «Что еще мне нужно знать о бесплатной доставке и отсутствии платы за обслуживание? Звучит как отличная сделка для меня.

Обещание бесплатной доставки от 1-800-Flowers — не то, чем кажется. (Источник: 1-800-Flowers) (превью в большом разрешении)

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

1-800-Flowers пытается еще раз перепродать. (Источник: 1-800-Flowers) (превью в большом разрешении)

По мере того, как я продолжал выбирать дату доставки, на моем телефоне появился экран дополнительных продаж.Я коротко подумал и решил, что ни одно из этих дополнений мне не нужно. Мне не удалось найти кнопку «X», поэтому я нажал «Продолжить» и надеялся, что ни один из этих элементов не был добавлен к моей покупке.

Сюрприз в моей корзине 1-800-Flowers. (Источник: 1-800-Flowers) (превью в большом разрешении)

Я наконец добрался до своей корзины и обнаружил, что в мою корзину также добавлен «12 месяцев паспорта». К счастью, для целей этой статьи я сделал снимок экрана. В противном случае я бы понятия не имел, откуда взялось это дополнение.Конечно, он попал сюда, потому что я не вникал в подробности.

Тем не менее, когда вы начинаете с чем-то вроде «БЕСПЛАТНАЯ доставка», , как вы думаете, скольким клиентам потребуется время, чтобы прочитать что-то еще? Мы все понимаем, что означает эта фраза в большинстве случаев. Если четко не указать, что это было обновление 1-800-Flowers, многие пользователи, скорее всего, выберут этот флажок и в конечном итоге получат непредусмотренный элемент при оформлении заказа.

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

Рекомендуемая литература : Что нужно знать для увеличения конверсии мобильных касс

13. Излишне глубокая навигация

Эта ссылка на навигацию не имеет отношения к гамбургер-меню, используемому мобильными посетителями на веб-сайтах. Вместо этого я больше обращаюсь к тем веб-сайтам, на которых есть сообщения в блогах и викторины, охватывающие несколько страниц.

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

Хороший пример этого — от MagiQuiz:

Типичный тест с мобильного сайта MagiQuiz. (Источник: MagiQuiz) (превью в большом разрешении)

На изображении выше показано, как выглядит типичная викторина с веб-сайта MagiQuiz.Интересные образы, вопросы и ответы на выбор.

Однако изображение ниже — это то, как выглядит типичный интерфейс викторины, когда вы его просматриваете. Он завален рекламой, что отвлекает от викторины на странице:

Рекламы засоряют страницы сайта MagiQuiz. (Источник: MagiQuiz) (превью в большом разрешении)

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

Кнопка «Продолжить» скрыта среди рекламы и указывает на то, что это не конец викторины.(Источник: MagiQuiz) (превью в большом разрешении)

Это вовсе не конец викторины. Из-за всей этой прокрутки и пропуска нерелевантных объявлений викторина длилась так долго, и теперь есть еще кое-что, чтобы добиться результата. Это отстой — если вы спросите меня!

К сожалению, сайты с викторинами, такие как MagiQuiz, не единственные, которые делают это. Крупные издатели, такие как Forbes, тоже виноваты в этом, разбивая короткие рассказы (не более 800 или 1000 слов) на несколько страниц.Если бы это был способ сохранить пропускную способность сервера, это имело бы смысл, но я предполагаю, что этот темный шаблон используется в основном из корыстных соображений.

14. Уведомления в стиле «сделай сам»

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

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

1-800-Flowers, опять же, виновен в использовании этого конкретного темного рисунка:

1-800-Flowers сообщает мне, что в моем почтовом ящике есть сообщение.(Источник: 1-800-Flowers) (превью в большом разрешении)

Видите, как на моем почтовом ящике отображается зеленая цифра «1»? Это похоже на напоминания по электронной почте, которые вы получаете из Gmail или Outlook, верно?

Вот в чем проблема: до сегодняшнего дня я никогда не был на веб-сайте 1-800-Flowers, и у меня нет на нем учетной записи. Тем не менее, мое внимание привлекло это сообщение, лежащее в моем почтовом ящике . Это просто инстинктивная реакция. Когда я вижу, что мне прислали сообщение, обычно это от клиента, и я хочу вернуться к нему как можно скорее.Это чувство безотлагательности заставляет меня мгновенно щелкнуть мышью, чтобы узнать, какие действия необходимы.

Итак, вот что я сделал:

1-800-Flowers подделывает пользователей с помощью предупреждений о входящих сообщениях. (Источник: 1-800-Flowers) (превью в большом разрешении)

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

Как вы понимаете, я был не слишком счастлив, увидев такую ​​бесполезную акцию, ожидающую меня. Дело даже не в том, что 1-800-Flowers взяли на себя труд рекламировать цветы для предстоящего события (например, встречи на родине или приближающегося курортного сезона).Они просто хотели отвлечь меня от того, чем я изначально собирался заниматься.

Честно говоря, я не уверен, что 1-800-Flowers (и другие бренды, которые это делают) надеялись получить от этого темного рисунка. Когда люди приходят на сайт доставки цветов, они обычно знают, для чего они там. Позвольте им совершить пользовательский путь, который вы уже так тщательно спланировали для них, и оставьте эти срочные уведомления для веб-сайтов или приложений, которые могут делиться персонализированным контентом и сообщениями со своими пользователями.

Завершение

Хорошо, что мы узнали здесь? Начнем с того, что темные узоры — это способ использовать дизайн и контент, чтобы заставить пользователей совершить непреднамеренное действие .Тем не менее, эффективны ли они?

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

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

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

Подумайте об этом: определенное количество пользователей сжигает определенный тип веб-сайта (скажем, инструмент SaaS, который затрудняет отмену). Итак, теперь они прочесывают все поля в процессе регистрации или выезда, потому что они нервничают из-за завышенной цены или втянутости в невыгодную сделку. Или они тратят так много времени на копание на вашем сайте, пытаясь найти какой-нибудь намек, который дает понять.В конце концов, пользователей просто отказываются от таких покупок в Интернете или вообще избегают их .

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

(ra, yk, il)

Что такое темные узоры?

Метод манипулирования людьми в сети находится в разгаре репрессий.

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

Что такое темные узоры?

Проще говоря, темные шаблоны — это тактика, используемая для того, чтобы заставить людей совершить действие, которое они на самом деле не хотят предпринимать или осознавать, что предпринимают. Федеральный комиссар США по торговле и будущий глава Бюро финансовой защиты потребителей Рохит Чопра назвал темные шаблоны «цифровыми уловками и ловушками», в которых используются конструктивные особенности, которые «обманывают, направляют или манипулируют пользователями, заставляя их вести себя выгодно для онлайн службы, но часто вредны для пользователей или противоречат их намерениям.”

Какие примеры темных узоров?

• В электронной коммерции или бронировании путешествий : Создание ложного ощущения срочности продукта или услуги с помощью сигналов дефицита, указывающих на то, что определенное количество людей также заинтересовано в этом («Трое других смотрят этот номер в отеле прямо сейчас . »)
• В соглашениях о загрузке приложений : принуждение людей к принятию кратко сформулированных условий, прежде чем они смогут получить доступ к продукту или услуге
• В уведомлениях о сборе данных для отказа : выделение определенных вариантов более заметным или ярко окрашенные кнопки, скрывая при этом другие
• В службах подписки: Очень сложно отменить услугу или найти ссылки для отказа

Как работают темные узоры?

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

Распространены ли темные узоры в электронной коммерции ?

Да. «Электронная коммерция — определенно та область, где они наиболее распространены», — сказала Digiday Джен Кинг, давний исследователь темных паттернов.Сотрудник по политике конфиденциальности и политике данных в Институте искусственного интеллекта и конфиденциальности Стэнфордского университета, Кинг выступал в качестве свидетеля-эксперта в деле Федеральной торговой комиссии против Commerce Planet, обнаружив, что служба подталкивала людей к участию в плане ежемесячных платежей во время процесса оформления заказа. . В конечном итоге агентство вернуло пострадавшим потребителям 748000 долларов. Amazon также подвергся критике со стороны Норвежского совета потребителей и групп потребителей за использование темных шаблонов, затрудняющих отказ от использования Amazon Prime.

Итак, в уведомлениях об отказе от отслеживания данных появляются темные узоры ?

Действительно. Прямо сейчас в Интернете люди получают уведомления об отказе, которые делают выбор согласиться принимать сторонние файлы cookie гораздо более заметными, чем ссылки для отказа от сбора и использования данных. В прошлом году Кинг провел исследование, обнаружив темные закономерности, которые мешают калифорнийцам подавать запросы о запрете продажи в соответствии с Законом Калифорнии о защите прав потребителей (CCPA).В некоторых случаях «Ссылки на отказ находятся в том же месте, где вы найдете политику конфиденциальности», — сказала она Digiday. В некоторых случаях, по ее словам, «дизайн действительно сосредоточен на соблюдении или потенциально несоблюдении требований». Компании не хотят, чтобы вы [отказались], и не упрощают это ».

А как насчет темных рисунков в рекламе?
Темные узоры были обнаружены также в рекламных изображениях и сообщениях.

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

Противозаконны ли темные узоры?

Законодатели и регулирующие органы расправляются с темными шаблонами. В Калифорнии правила, утвержденные в марте 2021 года для обеспечения соблюдения CCPA, конкретно запрещают использование темных шаблонов, которые задерживают или скрывают процесс отказа от продажи личной информации или забрасывают людей запутанной информацией или чрезмерными действиями.Закон Калифорнии о правах на неприкосновенность частной жизни и обеспечении соблюдения, который будет охватывать методы обработки данных, начиная с января 2022 года, напрямую касается темных шаблонов, заявляя, что «согласие, полученное с использованием темных шаблонов, не является согласием».

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

Ожидайте большей активности регулирующих органов в отношении темных паттернов. 29 апреля FTC проведет семинар на эту тему.

https://digiday.com/?p=407320

Как темные модели в Интернете манипулируют покупателями

Это лишь одна из многих тактик, которые используют розничные продавцы для манипулирования потребителями.Темные шаблоны — это часто незаметный выбор веб-дизайна, который обманом заставляет пользователей уделять больше времени, денег или внимания, чем они думают. Команда исследователей из Принстона каталогизирует эти методы обмана, используя данные, полученные с 11 000 торговых сайтов, чтобы определить 15 способов, которыми сайты тонко обманывают наше познание, чтобы контролировать нас.

Исследование основано на работе Гарри Бриннулла, лондонского ученого-когнитивиста, который ввел термин темный узор в 2010 году, и авторов Ричарда Талера и Касса Санстайна, чья работа над «подталкиванием» исследует, как варианты по умолчанию влияют на поведение .Исследование, проведенное в Принстоне, показало, что чуть более одного из 10 веб-сайтов содержат хотя бы один тип темного рисунка. Чем популярнее сайт, тем больше вероятность, что на нем есть хотя бы один.

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

Этот театр чисел также является ключом ко второму по популярности темному шаблону: распродаже вспышек. Крупные модные ритейлеры часто дразнят внезапное, временное падение цен, увенчивая страницу баннером с надписью «Распродажа скоро заканчивается!» и таймер обратного отсчета. «Срочность» порождает беспокойство и неуверенность, подталкивая нас к немедленному использованию более низких цен. Но опять же, исследователи обнаружили случаи, когда продажи продолжались даже после истечения таймера.

Подделкой являются не только цифры, но и покупатели.Третий по частоте шаблон, «социальное доказательство», связан со всплывающими сообщениями, отображаемыми на боковой панели некоторых сайтов: «90 человек просмотрели этот элемент!»; «Джоан из Флориды только что сэкономила на свитере!» Эта тактика использует силу как единого мнения ( это популярно, поэтому я должен получить его ), так и дефицита ( Если я, , не пойму , это сделает кто-то другой). Но после анализа сайтов исследователи снова обнаружили, что всплывающие окна создаются генераторами случайных чисел и выборками биржевых сообщений.Вам не обязательно покупать свитер, если вы этого не хотите. Джоанна ненастоящая; она всего лишь несколько строк кода, а код не носит свитера.

Я определенно не застрахован от темных узоров. Моя личная слабость ограничивается бесплатными пробными версиями — Audible, Starz, Amazon Prime. Я достаточно обожжен, чтобы знать лучше, но я все еще уверен каждый раз, что не забуду удалить свою учетную запись до истечения срока и избежать списания средств. По сути, я больше уверен в себе в будущем, чем в настоящем.Уверенность в том, что мы можем перехитрить темный узор, естественно, является собственной темной структурой.

«Люди чрезмерно верят в свои воспоминания или в свою способность пережить и сделать что-то в будущем», — говорит Дон Мур, заведующий кафедрой лидерства и коммуникации Лоррейн Тайсон Митчелл в Школе бизнеса Хааса Калифорнийского университета в Беркли.