Advertisement
  1. Web Design
  2. UX

Тёмные UI Паттерны в Веб-дизайне

by
Read Time:8 minsLanguages:

Russian (Pусский) translation by Anton L (you can also view the original English article)

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


Превью Иллюстрация: Pure Evil на Dribbble от Gyula Nemeth.

Для дальнейшего ознакомления со всеми мыслями высказанными в данной статье, взгляните на сайт Harry Brignull'а darkpatterns.org или его статью Тёмные Паттерны: Обман против Честности в UI Дизайне на A List Apart. Без всех тех усилий, которые он приложил для изучения данной темы, этот пост не был бы возможен!

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

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


Что Такое Тёмные Паттерны?

Вводящие в заблуждения элементы дизайна известны, как тёмные паттерны (dark patterns). Чаще всего их можно встретить в дизайне пользовательского интерфейса на веб-сайтах электронной коммерции или сайтах требующих регистрацию, но вы можете найти их и в других местах.

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


Выше: Как пользователи вашего веб-сайта будут реагировать на применение тёмных паннеронов (взято с PhotoDune). 

Пример 1: Приманка и Выключатель

Это частая практика, которую вы встретите на веб-сайтах электронной коммерции.

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

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


Пример Приманки и Выключателя на: darkpatterns.org.

На примере выше сайт, ladders.co.uk: Как только пользователь нажмёт кнопку "find jobs", будет показан список вакансий. Если они перейдут по ссылке из списка им дадут понять, что они должны заплатить, после того, как они предоставят личную информацию.


Пример 2: Принудительное Разглашение

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

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


Пример принудительного разглашения на: darkpatterns.org.

Yahoo утверждает, что эта информация используется ради лучшего опыта использования их сайта для каждого пользователя, однако многие компании прибегают к таким тактикам для сбора и дальнейшей продажи информации о своих посетителях различным рекламным компаниям. Рекламодатели после этого могут использовать информацию для создания рыночных данных и статистики продаж. Также, как только вы нажмёте "complete", все данные, которые вы ввели будет публично опубликована без предварительного согласия и предупреждения.  Это позволит различным корпорациям собирать информацию о вас, в то время, как вы неосознанно даёте на это согласие. Если вы поймёте, что сайт публикует информацию о вас, без вашего разрешения, обычно это занимает значительных усилий, до того как вы сможете исправить сложившуюся ситуацию.


Пример 3: Тараканий Отель

Довольно легко оказаться в данной ситуации, но очень не просто из неё выбраться, речь идёт о третьем примере известном, как паттерн - Тараканий Отель. Этот тип тёмного паттера не новое изобретение: пользователям становится настолько проблематично отказаться от чего-то, настолько, что они захотят за это заплатить.

Распространённый пример - подписки различных онлайн, новостных рассылок. Обычно невероятно просто подписаться на получения писем, но, как только вы захотите отписаться, вам придётся хорошо постараться. Фитнес клуб из Лос-Анджелеса просит своих пользователей распечатать форму, заполнить её и выслать через обычный почтовый офис, всё это ради того, чтобы закрыть их персональный аккаунт!


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

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


Что Вы Можете Сделать?

Пока это даёт онлайн магазинам повышение продаж в краткосрочной перспективе, в результате применение тёмных паттернов окажет пагубное влияние на бизнес ваших клиентов.  В этой статье на A List Apart, Harry Brignull говорит:

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

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

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

Когда клиент или ваш начальник просит (или приказывает) реализовать один их этих методов, укажите ему на минусы. Если ваш клиент профессионал, он поймёт, используя тёмные паттерны они в действительности разрушают доверие к бренду, которое долгое время пытались построить. Также вы можете упомянуть, что это против этики дизайнера. Попробуйте показать им darkpatterns.org и результат, который ждёт их компанию, выбери они тёмные паттерны. Помимо этого, при дизайне простого, лёгкого и понятного в использовании пользовательского интерфейса, нет никакой необходимости в тёмных паттерах, вероятнее всего пользователь примет решение, которое принесёт выгоду компании или вашему клиенту.

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


Дополнительные Ресурсы

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.