Исходный размер 512x768

Манипуляции в UI/UX дизайне

Концепция исследования

В быстро развивающейся сфере цифровизации пересечение дизайна пользовательского интерфейса (UI) и пользовательского опыта (UX) с правовыми нормами играет важную роль в формировании стандартов взаимодействия человека и технологий. Появление многоступенчатых и запутанных стратегий проектирования CJM вызывает опасения по поводу манипуляций в интерфейсах.

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

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

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

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

Сравнивая и противопоставляя правовые рамки по всему миру, с особым акцентом на работающие акты, существующие в США и Европе, исследование привлечет внимание к пробелам в регулировании в российском правовом ландшафте.

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

В качестве материалов в работе используются скриншоты действующих интерфейсов, интерфейсов, которые уже были изменены в связи с жалобами пользователей или судебными решениями. Манипулятивность паттерна определялась в соответствии с принципами User Friendly Approach, Material Design и Human Interface Guidelines. Также во внимание принимались отзывы пользователей.

Для анализа юридического ландшафта была сделана выборка нормативных актов США, Европейского Союза, Австралии, Китая и России. Каждый документ сопровождается коротким описанием его сути и фокуса. Эффективность правовой рамки рассмотрена на примере применения на судебном кейсе.

Каталог манипулятивных практик в UI/UX

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

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

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

Исходный размер 1600x1200

Интерфейс сайта T-Mobile

Осуждение подтверждающего действия

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

Пример: при запросе разрешения на отправку уведомлений на веб-сайте ссылка на отказ подписана как «Нет, спасибо, я буду есть еду из микроволновки».

Исходный размер 1920x1004

Дизайн поп-ап уведомления с предложением подписаться на рассылку

Пример 2: при подтверждении отказа от Amazon Prime кнопка на отказ стоит ниже кнопки обратного действия и подписана как «Мне не нужны бонусы».

Исходный размер 749x662

Коллаж из поп-ап уведомлений для отказа от подписки на Amazon Prime и комментарий недовольного пользователя

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

Характерные черты: реклама замаскирована элемент интерфейса или нативный контент.

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

Исходный размер 1280x651

Интерфейс сайта с замаскированной под кнопку «Скачать» рекламой

Поддельный дефицит

Характерные черты: ограниченное количество или популярность товара/услуги, подсвеченная в интерфейсе, оказывает на пользователя психологическое давление, подталкивая совершать целевое действие.

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

Исходный размер 1510x928

Интерфейс конструктора сайтов Tilda

Поддельная лояльность

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

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

Исходный размер 1560x508

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

Фальшивая срочность

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

Пример: сроки акции, выводимые в поп-ап уведомлении, могут не соответствовать действительности.

Исходный размер 1139x765

Дизайн поп-ап уведомления с указанием сроков акции

Вынужденные действия

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

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

Исходный размер 1600x1200

Интерфейс сайта LinkedIn, 2015

Пример 2: Банк Фридом Финанс Казахстан не разрешает вход в приложение, пока его версия не обновлена версию.

Исходный размер 1264x1029

Интерфейс входа в приложение банка Фридом Финанс Казахстан

Мучительная отмена

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

Пример: при деактивации аккаунта на Facebook — запрещенной в РФ социальной сети — пользователю придется разобраться в запутанной навигации и несколько раз подтвердить свое решение.

Исходный размер 1280x649

Интерфейс деактивации аккаунта на Facebook — запрещенной в РФ социальной сети

Исходный размер 1280x650

Интерфейс деактивации аккаунта на Facebook — запрещенной в РФ социальной сети

Исходный размер 1280x651

Интерфейс деактивации аккаунта на Facebook — запрещенной в РФ социальной сети

Скрытые траты

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

Пример: интерфейс сайта авиакомпании ИрАэро не дает проходить на шаг оплаты билета, пока пассажир не выберет место. При этом, выбор места — дополнительная платная услуга.

Исходный размер 1811x1200

Интерфейс сайта авиакомпании ИрАэро

Скрытая подписка

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

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

Манипуляции в UI/UX дизайне
Проект создан 29.12.2023
Мы используем файлы cookies для улучшения работы сайта и большего удобства его использования. Более подробную информац...
Показать больше