Категория: Live
1871
4.51111111111Rating 4.50 (4 Votes)

dark patterns1Все наверное помнят про условия "написанные мелким шрифтом"? Кто их читал последний раз? Это довольно актуально для всяческих интернет и роуминг пакетов от мобильных операторов услугами которых мы пользуемся, это касается рассылок от них же, в контексте которых содержатся ссылки, которые могут автоматически подписать на какую-либо услугу. Частенько можно заметить, что в некоторых пользовательских интерфейсах / программах, настройки спрятаны так глубоко, что попросту некоторые просто забивают на поиск нужного параметра. Недавно столкнулся с проблемой поиска отключения одной из подписок в сети МегаФон в мобильном приложении, что в конечном итоге вынудило меня на написание этой статьи.

Что такое темный паттерн

Это пользовательский интерфейс, который заставляет сделать субъекта то, чего обычно субъект не сделал бы или попросту запутался бы в предлагаемых опциях. Как пример - кликнуть на уведомление не в том месте (например в последовательных диалоговых окнах поменяны местами кнопки Да / Нет) или подписаться на рассылку кликнув по ссылке на сайте или в письме, хотя название ссылки и описание ссылки этого не предполагают.

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

Такие паттерны это типичный реверс правил правильных интерфейсов, которые были разработаны давным давно двумя датскими инженерами (https://www.nngroup.com/articles/ten-usability-heuristics/), таких правил 10:

  1. Видимость статуса системы - Пользователь всегда должен понимать, что происходит. Задача системы — вовремя информировать пользователя о происходящем
  2. Равенство между системой и реальным миром - Система должна говорить с пользователем на одном языке, без использования специфической терминологии. Информация должна быть представлена в логическом порядке.
  3. Пользовательский контроль и свобода действий - Пользователь должен иметь возможность быстро исправить ошибку. Система должна поддерживать возможность отмены и повтора любого действия
  4. Последовательность и стандарты - Система должна быть однородна. Единство функций, обозначений и понятий в рамках всей системы
  5. Предотвращение ошибок - Предвидеть и устранить возможность совершения ошибок заранее — лучше, чем придумывать красивые и содержания сообщения об ошибках впоследствии
  6. Узнавание, а не вспоминание - Используйте узнаваемые обозначений, образы и сценарии. Не заставляйте пользователя думать, как правильно пользоваться системой
  7. Гибкость и удобство использования - Система должна быть одинаково удобна как для опытных, так и для неопытных пользователей. Проектируйте взаимодействие таким образом, чтобы пользователь сам мог выбрать комфортный режим использования системы
  8. Эстетика и минималистичный дизайн - Не перегружайте экран лишней информацией. На виду должны быть только нужные и полезные элементы, которые помогают пользователю в решении его задач
  9. Помощь в распознавании, диагностике и исправлении ошибок - Если пользователь что-то сделал не так — сообщите об ошибке и покажите, как ее исправить
  10. Помощь и документация - Даже если все просто — инструкция для пользователей никогда не будет лишней

Темные "лайвтерны" из жизни :)

Темные "грязные" паттерны

Даже не знаю как определить примеры этих паттернов, в рамках данной статьи определю из как "грязные":

dark patterns3

dark patterns2

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

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

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

Принудительное продление / Скрытая стоимость

Ты сидишь работаешь такой и тут прилетает, что то типа - У Вас заканчивается место на Google Drive / Dropbox и т.п., Вы не можете больше сохранять фотографии в облако и создавать новые документы, продлить за n$ в месяц? И вместо того, что бы разгрести в очередной раз свое хранилище, многие просто покупают лишние гигабайты по бросовой цене.

Еще пару маст хев примеров:

Цукеринг приватности

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

Еще немного о паттернах

Паттернов на самом деле больше, автор термина создал сайт на котором темные паттерны собраны и систематизированы - https://darkpatterns.org/ (там же материал на виндовый паттерн BAIT AND SWITCH)

В 2013 году о проблеме заговорили в Google, продуктовый-менеджер из Google Тристан Харрис разослал коллегам презентацию о том, как Google, Facebook, LinkedIn, Youtube и другие онлайн-продукты используют дизайн, чтобы пользователи проводили внутри этих сервисов как можно больше времени:

Презентация привлекла внимание общественности, её активно обсуждали, в результате руководство Google назначило автора презентации дизайн-этиком, но никаких весомых изменений на этой должности добиться у него не получилось. Через пару лет он уволился, основал движение Centre for Human Technology даже как-то выступил с докладом на тему - Как горстка технологических компаний контролирует миллиарды умов каждый день, доклад и само описание проблематики на его сайте:

 

dark patterns 4

 

Итог

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