Патерни дизайну, якими краще не користуватися

web_design
Аудіо доріжка
2759

У веб-дизайні існує поняття патернів - шаблонів, які можуть як покращувати продукт і залучати аудиторію, так і викликати абсолютно протилежний ефект. Наша сьогоднішня тема -шаблони для веб дизайну, Які краще не використовувати і які можуть сильно нашкодити бренду.

Темні патерни в дизайні: що це і чому від них варто відмовитися

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

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

Наведемо простий приклад!Ви запускаєте мобільну гру і між рівнями з'являється рекламний ролик. У правому верхньому куті ви бачите таймер, який після досягнення нуля змінюється на «хрестик». Ви натискаєте на нього, але замість закриття реклами переходите на сайт рекламодавця. Це і є темний патерн - фактично обман.

Темні патерни можуть дати позитивний ефект «тут і зараз», але в перспективі вони лише знижують рівень лояльності аудиторії і викликають недовіру. Якщо користувача намагаються обдурити, довго він з цим миритися не буде.

Існують усталені шаблони для веб-дизайну, до яких користувачі звикли. Наприклад, каталог товарів в лівій частині сторінки інтернет-магазину або додаткова інформація про компанію в «підвалі» сайту. Коли з'являються відволікаючі, що заважають, заплутують користувача елементи, це і є темні патерни. Одні досить необразливі, а інші здатні спричинити серйозні наслідки.

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

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

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

1. Запит інформацію про кредитну картку при підключенні безкоштовного пробного періоду

Яскравий приклад - компанія Netflix. Сервіс пропонує 1 місяць безкоштовного доступу, але без прив'язки кредитки скористатися ним не вийде. У підсумку по закінченні місяця гроші з картки автоматично спишуться, якщо ви забудете скасувати підписку. Цей темний патерн використовують дуже багато сервісів, що працюють за передплатою. І в цілому аудиторія з ним змирилася.

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

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

Спливаючі вікна з пропозицією підписатися на розсилку нерідко маскують під щось інше. Або роблять кнопку відмови від розсилки максимально непомітною і ховають її в неочевидно місці. Зараз, на щастя, такі елементи все частіше блокуються на рівні браузера, але вони все ще зустрічаються на сайтах електронної комерції.

3. Непомітне додавання зайвого товару в корзину

Наприклад, ви замовляєте смартфон в інтернет-магазині, натискаєте «Додати в корзину» і не помічаєте, що автоматично обраний пункт «Додаткове страхування». Якщо пропустіть цей момент, заплатите за те, що вам насправді не потрібно.

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

4. Доступ до ваших контактів обманним шляхом

Згадуємо приклад LinkedIn. Незважаючи на вже існуючий прецедент, деякі компанії все ще використовують такий метод збору бази Email-адрес або мобільних номерів. Багато хто з вас напевно чули про програму Getcontact. Воно дозволяє побачити, як ви підписані в телефонах інших людей. І мало хто замислюється, що використовуючи його, ви просто зливанн третім особам свій список контактів.

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

5. Нескінченні повідомлення, спливаючі блоки і стимулюючі повідомлення

мало якийшаблон дизайну сайтуобходиться зовсім без спливаючих вікон, пропозиції підписатися на повідомлення, а також тригерів, що стимулюють користувача зробити цільове дію. Але іноді цього занадто багато. Користувач витрачає свій час тільки на те, щоб закрити цілу купу спливаючих вікон, що випадають меню і чатів, рекламних блоків, банерів і іншого.

Як створювати дизайн сайтів без темних патернів

Об'єктивно є чимало причин, через які темні патерни взагалі з'являються вшаблонах дизайну сайту: Бажання клієнта заробляти більше, прагнення дизайнера проявити власну винахідливість або банальне нерозуміння того, що можна використовувати в розробці дизайну, а від чого краще відразу ж відмовитися.

Курс "Graphic-дизайн"

Graphic-дизайн

Бажаєш отримати навчання від Дениса Броната?

На курсі отримайте:

  • Повний екскурс із Photoshop, шар за шаром
  • "Вектор" Великий і жахливий. Основи роботи в Adobe Illustrator
  • Motion design – наше все або як створювати анімації в Adobe After Effect.

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

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

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

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

Ви навчитеся не просто створювати оригінальний готовий дизайн сайту без темних UX-патернів, інтуїтивний і зручний для користувачів. Пройти перший безкоштовний урок ви можете прямо зараз. Просто залиште заявку на сайті . А якщо в результаті курс вам не підійде, ми повернемо гроші. Чекаємо вас в рядах майбутніх веб-дизайнерів і інших затребуваних фахівців Діджитал-індустрії!