Отношение к темным паттернам
На выходных разговаривал Мишей Табуновым и Антоном Гладкобородовым про темные паттерны и понял, что моя собственная позиция по этой теме плохо раскрыта. Сейчас исправлюсь.

- Миша однозначно за использование темных паттернов.
- Антон против, цитата из нашей переписки:
“слушай, я с удовольствием все читал, но я чего-то последнее время супер против дарк патернов. Чисто идеологически. И меня немного напрягает, что у тебя не считывается, что ты против, наоборот, вот даже большие и хорошие делают дарк патерны. То есть я понимаю в чем в них кайф и почему они тебе нравятся. Но я просто реально считаю, что это игра со стороны силы — одни выигрывают, вторые проигрывают. Я хотел написать подводку в которой рассказать, что я против и объяснить почему, но потом подумал, что это не поможет. Не хочу популяризировать дарк патерны в общем.”

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

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

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

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

Как я писал в подводке к каналу—темноту нужно разгонять светом и знаниями💡

Третий принцип Нильсена и как его отзеркалили в темных паттернах
Свобода действий и контроль

Юзеры часто совершают действия по ошибке. Им нужна возможность быстро и просто исправить свою ошибку или поменять свое решение.

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

Примеры UI-элементов, которые помогают юзеру отменить ошибку:
• Кнопка Back для возврата на предыдущий экран
• Cancel для отмены и прерывания процесса, в котором он оказался
• Close для закрытия экрана
• Undo — прямая отмена действия, которое совершил юзер (например, возможность откатиться на несколько шагов назад в Figma или Google Docs, кнопка удаления товара из корзины в магазине)

Именно по этому принципу в каждом браузере есть кнопка Back, в гайдлайнах iOS подробно рассказано что эта кнопка должна всегда находиться в левом верхнем углу экрана, а Android вообще выносит кнопку Back за пределы приложения, как часть единой навигации в Android.

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

Вот как эволюционировал экран подписки на iCloud
Тут целый список уловок
• Кнопки покупки и отмены переместились под палец юзера
• Текст поменялся и действие “Купить” поменялось на ”Увеличить объем”, а явная “Отмена” правратилась в “Не сейчас”—что как будто по-умолчанию предполагает покупку в будущем.
• Изначально равноценные по виду кнопки стали сильно различаться. Покупка выделена цветом и областью нажатия является вся кнопка, тогда как отмена это лишь текстовый лейбл шириной в слово “Later”, в который трудно попасть пальцем.

Несмотря на это, экран подписки iCloud является не сильно агрессивным, потому что при работе с подписками в темных паттернах ушли намного дальше.

Приложение Александра Горного “Мо”
Тут уже кнопка выхода ушла совсем на второй план (правый верхний угол). Поначалу кажется, что единственный способ уйти с экрана—это подписаться.

Опять-таки, в случае “Мо”, все сделано более-менее честно, если сравнивать с теми кто опускается на уровень ниже и делает так, что кнопки Close изначально вообще нет на экране, она появляется только спустя несколько секунд.

И как обычно, первое место в этом темном паттерне у мобильных игр.

Моя любимая City Takeover живет за счет рекламы.
(реально любимая, отличная стратегия на мобилах, очень рекомендую iOS / Android)

• Вначале экран при завершении уровня выглядит просто: есть только одна кнопка Continue (1 скриншот).
• Но чем больше уровней вы проходите, тем чаще эта кнопка подменяется на ‘Claim Coins’, по нажатию на которую начинается просмотр рекламы (2 скриншот).
• И лишь спустя несколько секунд появляется реальная кнопка Continue, которая называется ‘No Thanks’
• Причем в этот трюк еще вшита мини-игра: на прогресс-баре бегает стрелка, а нажатие на кнопку просмотра рекламы останавливает ее и вы получаете множительна на выигранные монеты.

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

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

Был фидбэк, что неудобно переходить в блог и читать полный материал там.

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

Раньше я ссылался на блог, а последний пост был полностью в телеге, но с картинками отдельно.

Поэтому сейчас будет следующий опрос.

Facebook аналитика закрывается 🥺

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

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

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

https://en-gb.facebook.com/business/help/966883707418907

Спасибо всем огромное за фидбэк, подавляющее большинство сказало, что читать во внешнем блоге неудобно и хочется читать в телеге.

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

Вот и первый пост в телеграфе—про консистентность и темные паттерны.
https://telegra.ph/Konsistentnost-i-temnye-patterny-04-07

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

Мне в команду нужен сильный продакт на развитие контентной ленты про инвестиции.

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

🟣Обязательно уметь
Продуктовая аналитика, насмотренность в UI/UX, работа с данными, управление фулстек-командой (бэк, мобила, дизайнер, дата-аналитик)

🟣Условия
Топовый офис м.Динамо или удаленно. Зарплата по результатам собеседования. Работа в международной компании, рост вместе с будущим единорогом 🦄 Классный соц.пакет. Полная прозрачность внутри компании—на уровне процессов, репортинга фэйлов и побед. Полная ответственность за свою часть продукта.

Резюме скидывайте в директ @brainsolid

После комментариев к прошлым постам, решил перенести блог на Teletype. Он делает Instant View для телеги из коробки, бесплатен, минималистичен и привязывается к вашему домену. Непонятно где там монетизация, но как инструмент для публикации сложных по структуре постов для телеги—идеальный инструмент.

И вот новый пост про предотвращение ошибок и темные паттерны
https://brainsolid.com/L9-vMTVhP

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

(из видео подписки вырезано 2 секунды с диалогом выбора карты для оплаты, т.к. их у меня привязано две)

Подписка
Клик-клик, вы подписаны! (2 действия юзера)

Отписка
• Клик на лого Плюса (1)
• Проскролить в самый низ экрана (2)
• Клик на кнопку ‘Details’ (3)
• Загрузка в веб-вью, которая занимает время юзера ➝ увеличивает churn
• Клик на кнопку “управлять” (кликабельна она не вся, а лишь часть “управлять”, потому что клик в область баллов подскролит экран вниз. И это сделано намеренно.) (4)
• Попадаем на экран с двумя кнопками “Отменить подписку” и “Поговорить с поддержкой”. Целевое действие выделено акцентно, кажется что все по-белому… (5)
• Но нет, это было сделано чтобы на следующем шаге совершить подмену и сделать акцентной кнопкой уже “Оставить подписку”. Не говоря о том, что список вопросов такой длинный, что кнопки в принципе не умещаются во view area даже на последнем айфоне с довольно большой высотой экрана (6 и 7)
• Далее нам рассказывают что же мы потеряем, отписавшись. Акцент опять на том, чтобы оставить подписку и закрыть весь процесс, который мы прошли с таким трудом (8)
• И еще раз уговаривают через оффер от Кинопоиска (9)
• И “последний козырь”—скидка на подписку. Для всех цена 199, а для меня может быть 99 на месяц. То есть в целом все подписчики могут платить на 100 рублей меньше, но не знают об этом. Про акценты на кнопках все как обычно. (10)

Итого, 10 действий юзера, чтобы совершить отписку, при этом “неверный” ответ и нажатие по ошибке на акцентную кнопку обнулит весь прогресс на этом пути.

Такой подход называют ‘Roach Motel’—когда юзер легко попадает в ситуацию, из которой выбраться очень сложно.

🔗 https://brainsolid.com/Gb0yZ9VLG

Как Trustpilot использует темные паттерны для удержания бизнеса
Trustpilot—это сервис где каждый может публично оставить отзыв на любую компанию. Будь то сайт, оффлайн магазин, сервис—любая компания, у которой есть сайт. Из отзывов складывается рейтинг, который виден всем посетителям trustpilot. Главная страница этого сервиса гласит "За каждым отзывом стоит опыт, который имеет значение". Кажется, что такая компания должна строиться на принципах ценностях честности, прозрачности и белых методах. Но и тут нашлось место для темных паттернов, причем в жесткой форме.

🔗https://brainsolid.com/0dieh3fn5

Нашел я эту ужасающую историю про Trustpilot в твитере Artiom Dashinsky. Артем создал страницу на trustpilot и получил свое первое 5-звездочное ревью. Логично, что имея один отзыв на 5 звезд, средний рейтинг должен быть 5 звезд. Но нет. Trustpilot считает, что средний рейтинг в таком случае составляет 3.7, потому что сервис автоматом добавляет 7 отзывов с рейтингом 3.5. Естественно, никто не предупреждает вас об этом заранее. Это первый темный паттерн.

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

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

Поздравляем, вы стали активным юзером trustpilot и стабильно направляете туда свою аудиторию. Даже если 100% отзывов будут 5-звездочными, вам потребуется 46 отзывов, чтобы вытащить рейтинг с дефолтных 3.5 до 5.

Какие выводы можно тут вынести:
1. Не будьте как trustpilot
2. Заранее предупреждайте юзера о том, что произойдет далее (осведомленность о состоянии системы) и чего нельзя будет отменить (предотвращение ошибок).
3. Давайте возможность юзеру менять свое решение и легкий способ достичь этой цели (свобода действий и контроль)

Давайте для разнообразия про белые паттерны

На днях узнал про Craft—это такой Notion, который не тормозит.

Первый экран при открытии декстоп-версии поражает своей честностью и что называется social validation.

Единственное, что смущает (потому что я уже везде ищу темные паттерны), так это отсутствие ссылок на источник этих отзывов. Как узнать, что они не написаны кем-то из команды маркетинга?

+++
Управление ожиданиями—очень важный навык. Который, к сожалению, не все качают и даже иногда не в курсе, что его надо качать.

Коммуницируйте проблемы, изменения и отказы

Это то, с чем фейлятся большинство дизайнеров и начинающих менеджеров.

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

Забывают, забивают, боятся.

Научитесь предсказуемо коммуницировать с вашими клиентами, менеджерами, сотрудниками и коллегами.

Всё. Вы на коне. Все любят и хотят с вами работать.

Я серьёзно.

Bonus track:

Следующий уровень — планировать реалистично.

Следом — деливерить в срок.

1. Коммуницировать
2. Планировать
3. Деливерить

И вам открыты двери в любой компании.

PRO LEVEL:

Делать это на масштабе:
— команды
— направления
— функции
— компании

#leadership101

Хочу сделать серию заметок про менеджмент и лидерство.

Полезно ли вам?
Что интересно услышать?

Напишите запрос и дайте обратную связь: @vladzely