Original size 512x768

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

PROTECT STATUS: not protected

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Original size 1600x1200

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

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

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

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

Original size 1920x1004

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

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

Original size 749x662

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

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

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

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

Original size 1280x651

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

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

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

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

Original size 1510x928

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

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

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

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

Original size 1560x508

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

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

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

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

Original size 1139x765

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

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

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

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

Original size 1600x1200

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

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

Original size 1264x1029

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

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

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

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

Original size 1280x649

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

Original size 1280x650

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

Original size 1280x651

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

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

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

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

Original size 1811x1200

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

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

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

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

Манипуляции в UI/UX дизайне
Project created at 29.12.2023
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more