Забери свой промокод на Black Friday

Паттерны дизайна, которыми лучше не пользоваться

Web Design
23

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

Темные паттерны в дизайне: что это и почему от них стоит отказаться

шаблоны для веб дизайна

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

Приведем простой пример! Вы запускаете мобильную игру и между уровнями появляется рекламный ролик. В правом верхнем углу вы видите таймер, который по достижении нуля сменяется на «крестик». Вы нажимаете на него, но вместо закрытия рекламы переходите на сайт рекламодателя. Это и есть темный паттерн — фактически обман.

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

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

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

Шаблоны веб дизайна с темными паттернами

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

1. Запрос данных кредитной карты при подключении бесплатного пробного периода                     

Яркий пример — компания Netflix. Сервис предлагает 1 месяц бесплатного доступа, но без привязки кредитки воспользоваться им не получится. В итоге по прошествии месяца деньги с карты автоматически спишутся, если вы забудете отменить подписку. Этот темный паттерн используют очень многие сервисы, работающие по подписке. И в целом аудитория с ним смирилась.

шаблоны веб дизайна

2. Подписка на рассылку без явного согласия пользователя

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

3. Незаметное добавление лишнего товара в корзину

Например, вы заказываете смартфон в интернет-магазине, нажимаете «Добавить в корзину» и не замечаете, что автоматически выбран пункт «Дополнительная страховка». Если упустите этот момент, заплатите за то, что вам на самом деле не нужно.

шаблоны дизайна сайта

4. Доступ к вашим контактам обманным путем

Вспоминаем пример LinkedIn. Несмотря на уже существующий прецедент, некоторые компании все еще используют такой метод сбора базы Email-адресов или мобильных номеров. Многие из вас наверняка слышали о приложении Getcontact. Оно позволяет увидеть, как вы подписаны в телефонах других людей. И мало кто задумывается, что используя его, вы просто сливаете третьим лицам свой список контактов.

готовый дизайн сайта

5. Бесконечные уведомления, всплывающие блоки и стимулирующие сообщения

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

Как создавать дизайн сайтов без темных паттернов

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

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

темные паттерны в дизайне

Приглашаем на авторский курс Wezom Академии «Web-дизайн с нуля до крутого портфолио»:

  • 16 онлайн-лекций и 10 практических заданий;
  • комплексное обучение работе в Photoshop;
  • личный опытный наставник;
  • сертификат о прохождении курса и гарантия трудоустройства.

Вы научитесь не просто создавать оригинальный готовый дизайн сайта без темных UX-паттернов, интуитивный и удобный для пользователей. Пройти первый бесплатный урок вы можете прямо сейчас. Просто оставьте заявку на сайте. А если в итоге курс вам не подойдет, мы вернем деньги. Ждем вас в рядах будущих веб-дизайнеров и других востребованных специалистов диджитал-индустрии!