Паттерны дизайна, которыми лучше не пользоваться
В веб-дизайне существует понятие паттернов — шаблонов, которые могут как улучшать продукт и привлекать аудиторию, так и вызывать совершенно противоположный эффект. Наша сегодняшняя тема — шаблоны для веб дизайна, которые лучше не использовать и которые могут сильно навредить бренду.
Темные паттерны в дизайне: что это и почему от них стоит отказаться
Темными UX-паттернами называют элементы сайтов и приложений, спроектированные таким образом, чтобы ввести пользователя в заблуждение и против воли заставить его выполнить целевое действие.
Приведем простой пример! Вы запускаете мобильную игру и между уровнями появляется рекламный ролик. В правом верхнем углу вы видите таймер, который по достижении нуля сменяется на «крестик». Вы нажимаете на него, но вместо закрытия рекламы переходите на сайт рекламодателя. Это и есть темный паттерн — фактически обман.
Темные паттерны могут дать положительный эффект «здесь и сейчас», но в перспективе они лишь снижают уровень лояльности аудитории и вызывают недоверие. Если пользователя пытаются обмануть, долго он с этим мириться не будет.
Существуют устоявшиеся шаблоны для веб-дизайна, к которым пользователи привыкли. Например, каталог товаров в левой части страницы интернет-магазина или дополнительная информация о компании в «подвале» сайта. Когда появляются отвлекающие, мешающие, запутывающие пользователя элементы, это и есть темные паттерны. Одни достаточно безобидные, а другие способны повлечь серьезные последствия.
Так, в 2014 году на компанию LinkedIn был подан коллективный иск за то, что соцсеть вводила пользователей в заблуждение. После регистрации новым пользователям предлагали импортировать свой список контактов, чтобы таким образом расширить число связей на сайте. Вот только LinkedIn на самом деле использовал эти контакты для рассылки рекламы. В итоге компания выплатила пострадавшим в общей сложности 13 миллионов долларов.
Шаблоны веб дизайна с темными паттернами
Предлагаем на конкретных примерах разобрать популярные темные паттерны в дизайне, как их используют современные компании и насколько сильно они снижают кредит доверия пользователей.
1. Запрос данных кредитной карты при подключении бесплатного пробного периода
Яркий пример — компания Netflix. Сервис предлагает 1 месяц бесплатного доступа, но без привязки кредитки воспользоваться им не получится. В итоге по прошествии месяца деньги с карты автоматически спишутся, если вы забудете отменить подписку. Этот темный паттерн используют очень многие сервисы, работающие по подписке. И в целом аудитория с ним смирилась.
2. Подписка на рассылку без явного согласия пользователя
Всплывающие окна с предложением подписаться на рассылку нередко маскируют под что-то другое. Либо делают кнопку отказа от рассылки максимально незаметной и прячут ее в неочевидном месте. Сейчас, к счастью, такие элементы все чаще блокируются на уровне браузера, но они все еще встречаются на сайтах электронной коммерции.
3. Незаметное добавление лишнего товара в корзину
Например, вы заказываете смартфон в интернет-магазине, нажимаете «Добавить в корзину» и не замечаете, что автоматически выбран пункт «Дополнительная страховка». Если упустите этот момент, заплатите за то, что вам на самом деле не нужно.
4. Доступ к вашим контактам обманным путем
Вспоминаем пример LinkedIn. Несмотря на уже существующий прецедент, некоторые компании все еще используют такой метод сбора базы Email-адресов или мобильных номеров. Многие из вас наверняка слышали о приложении Getcontact. Оно позволяет увидеть, как вы подписаны в телефонах других людей. И мало кто задумывается, что используя его, вы просто сливаете третьим лицам свой список контактов.
5. Бесконечные уведомления, всплывающие блоки и стимулирующие сообщения
Мало какой шаблон дизайна сайта обходится совершенно без всплывающих окон, предложения подписаться на уведомления, а также триггеров, стимулирующих пользователя совершить целевое действие. Но иногда этого слишком много. Пользователь тратит свое время только на то, чтобы закрыть целый ворох всплывающих окон, выпадающих меню и чатов, рекламных блоков, баннеров и прочего.
Как создавать дизайн сайтов без темных паттернов
Объективно есть немало причин, из-за которых темные паттерны вообще появляются в шаблонах дизайна сайта: желание клиента зарабатывать больше, стремление дизайнера проявить собственную находчивость или банальное непонимание того, что можно использовать в разработке дизайна, а от чего лучше сразу же отказаться.
Курс "Graphic-дизайн"
Хочешь получить обучение от Дениса Броната?
На курсе получите:
- Полный экскурс с Photoshop, слой за слоем
- “Вектор” Великий и ужасный. Основы работы в Adobe Illustrator
- Motion design - наше все или как создавать анимации в Adobe After Effect.
Хороший веб-дизайнер отличается от плохого тем, что умеет создать привлекательный, интуитивный, удобный и «продающий» дизайн, не используя темных паттернов. А это требует опыта, знаний и навыков.
Приглашаем на авторский курс Wezom Академии «Web-дизайн с нуля до крутого портфолио»:
- 16 онлайн-лекций и 10 практических заданий;
- комплексное обучение работе в Photoshop;
- личный опытный наставник;
- сертификат о прохождении курса и гарантия трудоустройства.
Вы научитесь не просто создавать оригинальный готовый дизайн сайта без темных UX-паттернов, интуитивный и удобный для пользователей. Пройти первый бесплатный урок вы можете прямо сейчас. Просто оставьте заявку на сайте. А если в итоге курс вам не подойдет, мы вернем деньги. Ждем вас в рядах будущих веб-дизайнеров и других востребованных специалистов диджитал-индустрии!
