Повний 25-Trick UX-Design контрольний список

Ідея дизайну UX проста: щасливі впевнені користувачі швидше купують у вас. Вони з більшою ймовірністю довіряють вам, підписуються на ваші списки розсилки або завантажують ваш додаток.


Я часто думаю, що дизайн досвіду користувачів (або дизайн UX) як психологія, а не розвиток.

Гарний дизайн UX – це все, що стосується відвідувачів.

Він очікує кожного їх кроку та створює веб-сайт, простий, інтуїтивний та приємний у використанні.

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

Зважаючи на це, я зібрав контрольний список з 25 невеликих (і простих) перетворень, завдяки яким ваш дизайн UX сяє.

Contents

1. Швидкість

Швидкість веб-сайту – це ваш перший шанс зробити гарне враження. Це ваше перше перешкода UX.

Сайт-швидкість

(джерело зображення)

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

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

Переконайтеся, що швидкість вашого сервера до нуля, і зменшіть вагу вашого веб-сайту, щоб він швидко відкривався.

2. Хто ти і що робиш?

Наступним вашим великим викликом є ​​швидке інформування відвідувачів. Хто ти? Що ти робиш? І яке значення ви можете їм надати?

Підтримка вартості Netflix

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

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

3. Переконайтесь, що відвідувачі можуть зв’язатися з вами

Основна частина UX-дизайну – це усунення будь-яких турбот або занепокоєнь у ваших відвідувачів.

Одне з найбільших турбот для нових відвідувачів – вони повинні вам довіряти чи ні, особливо якщо ви новий веб-сайт.

Один із способів зняти це занепокоєння – показавши їм, що за кадром стоїть справжня людина. Додайте адресу компанії, номер телефону та реальну адресу електронної пошти. (НЕ контактна форма – люди, як правило, недовіряють їм у порівнянні з прямою електронною адресою).

Ще краще скористатися вікном чату, щоб користувачі могли миттєво задавати питання.

Tagove Live Chat

Якщо щось піде не так, добре знати, що вони можуть легко зв’язатися.

4. Завжди дайте відвідувачам дорогу додому

Ми всі раніше заблукали на веб-сайтах. Ви переходите за посиланнями і закінчуєтесь у кролячій норі.

Якщо це трапляється, ваші відвідувачі збуджуються і розчаровуються. Вони інстинктивно натискають кнопку “X”, щоб закрити браузер.

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

5. Ще краще залишити сухарі, щоб вони знали, де вони

Окрім швидкого перезавантаження, використовуйте «сухарі», щоб пояснити, де вони знаходяться в процесі.

Великі бари прогресу відмінно підходять для цього. Наприклад, якщо це під час оформлення замовлення, повідомте користувача, де вони точно знаходяться, і що залишилося зробити.

каса-прогрес-бар

(джерело зображення)

Знову ж таки, це проста психологія. Наприклад, піти на прогулянку набагато втомливіше, коли не знаєш, де кінець. Ми відчуваємо себе набагато комфортніше, коли маємо карту. Ця ж ідея застосовується в Інтернеті.

6. Видаліть всі повторювані дії

Введення одних і тих же даних двічі у форму (наприклад, платіжна адреса та адреса доставки) дуже неприємно. Спробуйте позбутися від будь-яких повторюваних дій, які уповільнюють процес покупки.

Такі речі призводять до відмови від кошика. Ваші відвідувачі будуть шукати в іншому місці.

Ще краще створити систему, яка запам’ятовує переваги ваших клієнтів. Це здивує і порадує їх, коли їх знову чекають. Це проста річ, яка покращує шанси повернути клієнтів.

7. Використовуйте поради щодо інструментів, щоб допомогти новачкам (але не перешкоджайте експертам!)

Деякі ваші відвідувачі будуть постійними. Вони пролунають через ваші реєстраційні листи та процес придбання. Інші будуть абсолютно новими, і у них, можливо, виникнуть питання по дорозі.

Маленькі піктограми “підказки” (часто ототожнювані зі знаком питання) допоможуть новачкам зрозуміти, що їм потрібно робити. Але в той же час вони не заважають вашим експертам.

підказки

(джерело зображення)

Ви можете навіть надати ярлики або швидкі доріжки, щоб допомогти пришвидшити роботи експертів. Наприклад, ви часто бачите посилання “пропустити це” на більшості веб-сайтів і пояснювачів додатків.

8. Створіть великий, сміливий заклик до дії

Заклик до дії вказує вашому відвідувачу, що саме потрібно робити: наприклад, “Зареєструватися” або “Купити зараз”. Переконайтеся, що це командування, прямо та поясніть значення цього.

CTA

(джерело зображення)

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

9. Робіть чітке розмежування між первинними та вторинними закликами до дії

З великою кількістю закликів до дії ви побачите два варіанти. Наприклад, “Надіслати” та “Скасувати”. Або “завантажити зараз” і “безкоштовна пробна версія”.

spotify-cta

Зрозуміло, яку дію ви бажаєте здійснити, тому переконайтеся, що вони це знають. Перегляньте домашню сторінку Spotify. Кнопка “go premium” зробила жирним і привабливим. Вони змусили кнопку “грати безкоштовно” відступити на другий план.

Це знову просто проста психологія. Ви тонко даєте своїм користувачам знати, кого саме натиснути.

10. Використовуйте ієрархію, щоб показати користувачам, куди йти далі

Сподіваємось, вам слід мати на увазі чітку “подорож користувача”. Скажімо, ви викладаєте онлайн-курси через свій веб-сайт. Просте подорож користувача може виглядати так:

Читайте останній блог > завантажити безкоштовний звіт і підписатися на список розсилки > записатись на свій платний онлайн-курс.

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

11. Не бідайте з очікуваними елементами!

Часто важко протистояти прагненню до творчості за допомогою макетів та елементів. Але річ у тому, що всі ми знаємо, як повинен виглядати інтернет-магазин. Ми очікуємо, що продукція буде розкладена у простих категоріях. Очікуємо описи товарів, відгуки та звичний процес покупки.

яблучний замовлення

Не намагайтеся винаходити колесо з цих важливих аспектів! Не ускладнювати.

12. Дотримуйтесь просту триколірну палітру

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

палітра

(джерело зображення)

Колір також дуже корисний для формування досвіду користувача, оскільки він тісно пов’язаний з психологією та емоціями. Наприклад, ми асоціюємо синій з довірою (є причина, чому Facebook використовує синій!)

Зіставте кольорову палітру з вашим виробом.

13. Чому я отримую помилку? І що я зараз роблю?

Іноді справи йдуть не так, і 404 помилки неминучі. Однак ви можете перетворити це на позитивний досвід користувача.

Поясніть, чому саме вони отримують цю помилку, створивши власні 404 та 504 сторінки. “Невдалий кит” у Twitter прославився цим.

твіттер провалити кита

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

Тупики, як і сторінки помилок, небезпечні. Користувачі, природно, тягнуться до хреста. Заспокойте їх і відправте назад.

14. Дайте користувачам високу п’ять, коли вони щось доробляють

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

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

Це простий, легкий, позитивний досвід. Це також дає користувачам відчуття співпраці; як ти насправді допомагаєш їм досягти своїх цілей.

15. Дотримуйтесь лише двох сімейств шрифтів

Послідовність та брендинг є ключовим для хорошого досвіду роботи з користувачем.

Дуже заплутано, якщо шрифт логотипу – Futura, текст тексту – Times New Roman, ваш заклик до дії – Comic Sans, а ваші заголовки – Windings…

шрифти

Дотримуйтесь лише двох сімейств шрифтів. Її легше читати, вона виглядає більш професійною та надійною.

16. Використовуйте чіткі та послідовні повідомлення попередження

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

оповіщення

(джерело зображення)

У цих випадках вам потрібно просто, але чітке повідомлення про помилку чи попередження. Переконайтеся, що він відрізняється кольором та стилем від будь-якого іншого на вашому сайті. Це дає чітку ознаку того, що щось потребує дій.

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

17. ТЕКСТ ЗАКЛЮЧЕННЯ ОБМЕЖЕННЯ КАПИ

Це просто дратує.

Власне, важливіші причини є. Ми насправді читаємо великі тексти повільніше, ніж малі. Тож набагато складніше сканувати прочитане (саме так ми зазвичай читаємо в Інтернеті).

Зарезервуйте шапку блокування, коли вам дійсно потрібно зробити вплив.

18. Групуйте пов’язані елементи разом

Це спеціально для веб-сайтів електронної комерції, але це працює в усьому світі.

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

згруповані предмети

Це можна зробити за допомогою фізичних продуктів, як-от вибір Amazon “більше подібний до цього”. Ви також можете зробити подібне з публікаціями блогу та статтями, використовуючи відповідний розділ вмісту.

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

19. Тримайте все послідовно

Останнє, що вам потрібно – відвідувач перейти посилання та відчути, що вони перейшли на інший веб-сайт.

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

20. Розробіть макет для сканування очей

Ми не читаємо веб-сайти, як читаємо книгу. Наші очі стрибають і сканують на важливу інформацію.

F-візерунок

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

21. Побудувати довіру за допомогою відгуків та соціальних доказів

Більшість відвідувачів вашого веб-сайту приходять із охороною. Вони, звичайно, обережні до нових сайтів, і, звичайно, ще не готові купувати у вас.

Як я вже говорив, ключовою частиною дизайну UX є усунення цих бар’єрів та змушення людей відчувати себе комфортно на вашому веб-сайті. Кілька добре розміщених відгуків і фактоїдів змусять людей відчувати себе більш спокійно. Нам подобається, що інші люди (в ідеалі великі імена) використовували ваш продукт та послугу та схвалювали його.

22. Повідомте користувачів, у що вони можуть грати!

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

взаємодії

Twitter чудово в цьому. Простий чорний текст для вмісту. Синій текст вказує на те, на що можна натискати та взаємодіяти. Піктограми заповнюються кольором під час перекидання, щоб показати, з чим можна грати.

Запропонуйте людям пограти з вашим веб-сайтом!

23. Створіть ніжну криву навчання

Ніхто не любить зациклюватися на заплутаному і важкому веб-сайті.

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

24. Знайдіть спосіб співпереживати своєму відвідувачеві

Користувацький досвід – це наслідування людських стосунків та встановлення зв’язку зі своїм користувачем. Емпатія є величезною частиною цього – які цілі та мрії відвідувачів? Що їх стримувало до цих пір?

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

Ваш відвідувач подумає, що “цей веб-сайт отримує мене!”, Що є чудовим досвідом для користувачів.

25. Використовуйте мікро-взаємодії для створення діалогу

Намагайтеся надавати відгуки своєму користувачеві в кожній невеликій частині подорожі. Це створить справжнє спілкування та відносини, на які користувачі реагують.

Це можна зробити за допомогою копії, наприклад, “Гарна робота!” “Ми думали, що вам це може сподобатися”, “чи хотіли б ви поговорити з експертом?”

індикатор виконання

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

———

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

Чи використовуєте ви будь-який з цих UX-дизайнерських хитрощів? Я хотів би почути про те, що я пропустив! Повідомте мене в розділі коментарів.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map