1 2 1160x620 - 10 примеров темных UX-паттернов

Как дизайнеры используют UX во зло.

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

Harry Bringull, придумавший этот термин, сформулировав его следующим образом:

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

Темный UX – это, когда дизайнеры создают опыт, который подталкивает пользователей в направлении, отвечающем интересам компании, а не пользователя.

Представленный ниже список темных паттернов составлен на основе статей и академического исследования Harry Bringull.

1. Заманить и подменить (Bait and Switch)

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

«Вы намереваетесь сделать одну вещь, но вместо этого происходит другая, нежелательная».

Это бесплатно. Нам просто нужна ваша кредитная карта и номер социального страхования.

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

Значит, в моем районе нет одиноких дам, ожидающих встречи со мной?

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

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

4. Спам друзьям

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

Не удивительно, что у меня нет друзей.

5. Скрытые расходы

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

Кажется, что цена продолжает расти, когда я прохожу процесс оформления заказа… хм.

6. Вопрос с подвохом

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

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

7. Confirmshaming

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

Вы – отстой, если не делаете то, что мы хотим.

8. Ловушка для тараканов (Roach Motel)

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

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

9. Страх упустить возможность (FOMO)

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

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

10. Добавление товаров в корзину тайком

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - 10 примеров темных UX-паттернов

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

Будьте внимательны, иначе вы можете невольно переписать право собственности на свою квартиру.

Свежие вакансии
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург По договоренности ₽
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
                        ООО РЖД-Технологии ООО РЖД-Технологии Графический дизайнер Офис Москва
                        Ак Барс Цифровые Технологии Ак Барс Цифровые Технологии UI/UX дизайнер Офис Казань от 70 000 ₽
                        Kodix Kodix UX/UI Designer Офис Москва (Moscow, Russia)
Все вакансии

Оригинал: uxdesign.cc

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

Тренды UI/UX дизайна на 2020 год

Подборка основных трендов UI/UX дизайна, которые мы увидим в 2020 году

Как упростить свой дизайн, большое руководство

Свыше 20 понятных иллюстрированных примеров Компании постоянно стремятся создавать простые и полезные…

10 эвристических принципов для мобильных интерфейсов

Якоб Нильсен консультировал и обучал юзабилити-инжинирингу, когда начал изучать множество паттернов. В…