We stand for 🇺🇦 Ukraine. You can find more information and donate here

0Ви дізнались тільки
% інформації

Юзабіліті аудит сайту, чому це важливо?

Generic selectors
Exact matches only
Search in title
Search in content

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

Андрій Чорний підготував коротке відео “Карта кліків сайту: що це і для чого потрібно? Покращуємо юзабіліті сайту“. Рекомендуємо Вам його подивитися і дізнатися як за допомогою карти кліків поліпшити юзабіліті сайту. Це універсальні поради для покращення сайту. Приємного перегляду!

Що таке юзабіліті-аудит і для чого його необхідно зробити в 2023 році

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

Юзабіліті-аудит сайту допоможе вивчити не лише справність роботи усіх елементів сайту, але й поведінку потенційних клієнтів на сторінках. Таким чином, він зробить їхній досвід користування сайтом максимально приємним та легким. Отже, аудит сайту по юзабіліті складається з аналізу користувацького інтерфейсу (user interface) і користувацького досвіду (user experience).

В процесі робіт всі завдання діляться на наступні блоки:

юзабіліті аудит

  1. Якість і дизайн. Оцінка швидкості роботи сайту та візуальних елементів: хедера, футера, банерів, меню, текстів і т.д. У гонитві за ексклюзивністю не варто забувати, що дизайн сайту, перш за все, повинен бути акуратним і спокійним у кольоровій гамі;
  2. Зручність користування. Аналіз структури сайту, підказок, особливих сторінок і т.д. Клієнт має розуміти: все, що пропонується на сайті створено для нього, а не для власника бізнесу;
  3. Презентабельність. Оцінка унікальності назви, логотипу, стилю і т.д. Крім зовнішньої презентабельності, фахівці аналізують якість аргументів, якими інтернет-магазин переконує відвідувачів;
  4. Показники поведінкових факторів. Визначення точок входу і виходу в інтернет-магазин, збір і аналіз карти кліків, дослідження конверсійних шляхів, вивчення поведінки користувачів і т.д.

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

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

Чим корисний аудит юзабіліті сайту?

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

  • підвищити показник конверсії;
  • знизити ціну за залучення нового клієнта;
  • збільшити розмір середнього чека замовлення;
  • скоротити витрати на клієнтську підтримку;
  • збільшити частоту замовлень клієнтів.

Наприклад, клієнти нашого інтернет-агентства без додаткових витрат на рекламу піднімали процент конверсій на сайті  з 0,8% до 5-10%. Хоча це залежить від типу товару, ніші та конкурентів.

Інструменти для проведення юзабіліті-аудиту

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

Ось перелік інструментів, які допоможуть якісно провести юзабіліті-аудит сайту:

  1. Google Analytics – головна аналітика вашого сайту. Завдяки даним з Google Analytics Ви можете дізнатися максимально чітку інформацію про користувачів Вашого сайту: вік, регіон, джерело трафіку і навіть час перебування на сайті. Також даний інструмент дає змогу аналізувати метрики сайту та порівнювати їх з попередніми періодами. Таким чином, Ви бачитимете, що сайт розвивається.
  2. Google Search Console – помічник кожного інтернет-маркетолога. Він перший сповіщає Вас про виникнення проблем на сайті: неадаптивності щодо різних пристроїв, або погане індексування сторінок вашого сайту. До його порад варто прислухатися і додати в чек-лист юзабіліті-аудиту сайту.
  3. Карта кликів Plerdy – набір інструментів, що дозволяють визначити, як потенційні клієнти себе поводять на сайті, чи бачать вони певні елементи сайту і що саме заважає їм на сайті в кінцевому результаті оформити замовлення.

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

Чек-лист юзабіліті-аудиту сайту: основні рекомендації для покращення UX

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

  1. ЗАГАЛЬНІ ПОКАЗНИКИ АНАЛІЗУ ЮЗАБІЛІТІ САЙТУ
  2. ЮЗАБІЛІТІ-АУДИТ ГОЛОВНОЇ СТОРІНКИ
  3. ЮЗАБІЛІТІ-АУДИТ НАВІГАЦІЇ САЙТУ
  4. ЮЗАБІЛІТІ-АУДИТ КОНТЕНТУ НА САЙТІ
  5. ЮЗАБІЛІТІ-АУДИТ ПОШУКУ НА САЙТІ АБО В ІНТЕРНЕТ-МАГАЗИНІ
  6. АУДИТ ЮЗАБІЛІТІ ОСОБЛИВИХ ФУНКЦІЙ

ЗАГАЛЬНІ ПОКАЗНИКИ АНАЛІЗУ ЮЗАБІЛІТІ САЙТУ

4. ЧАС ЗАВАНТАЖЕННЯ САЙТУ
Дані показники не стосуються окремих сторінок сайту, проте ці показники дуже сильно впливають та зручність його використання та просування.

  1. Швидкість завантаження сайту та окремих сторінок сайту. Сайт повинен завантажуватися не довше 2-3 сек. Якщо швидкість завантаження довше ніж 4 сек., Ви втрачаєте понад 40% потенційних клієнтів. Перевірити швидкість завантаження можна тут.
  2. Відповідність сайту географії ЦА. Сайт повинен мати основну версію сайту тією мовою, якою спілкується Ваша цільова аудиторія. Також дані повинні бути у правильному еквіваленті (валюта, температури, часовий пояс та ін.)
  3. Адаптивність верстки на будь-яких пристроях. Сайт повинен бути зручним в використанні як на ПК, так і на планшеті, а особливо на мобільному телефоні.
  4. Єдиний вигляд інтерфейсу сторінок. Для всіх сторінок повинна бути єдина структура побудови – шапка, головне меню, вміст сторінки, підвал і т.д. Єдиною відмінністю можуть похизуватися сторінки кошика чи оформлення замовлення. Тут потенційного покупця не варто перевантажувати іншою інформацією.
  5. Єдиний вигляд і розташування меню сайту. Розташування меню сайту має бути однозначно вгорі сторінки, та однакове на всіх сторінках. Також рекомендую, щоб при скролі сторінки меню сайту фіксувалося і користувач з будь-якого екрану сайту міг скористатися меню.
  6. Однозначність сайту. Потенційний клієнт повинен менше ніж за 3 сек. зрозуміти, що це за сайт і яку має для Вас пропозицію.
  7. Розташування елементів у передбачуваних місцях:
    • Лого компанії – вгорі сторінки ліворуч;
    • Номер телефону або контактні дані – вгорі сторінки праворуч;
    • Стрічка пошуку  – вгорі сторінки ліворуч або по центрі.
  8. Наявність унікального фавікону на сайті. Завдяки наявності унікального фавікону Ваш сайт користувачі знайдуть значно швидше серед усіх інших відкритих в браузері вкладок.
  9. Наявність видимого СТА. Основний заклик до дії повинен бути розміщеним на максимально видному місці так, щоб його важко було пропустити. Але не повинен дратувати відвідувачів сайту.
  10. Наявність моментального скролу на всіх сторінках сайту. Користувач повинен мати можливість з будь-якої частини сайту або повернутися на перший екран, або опуститися вниз сторінки сайту.

Після перевірки основних показників аналізу юзабіліті сайту варто перейти до юзабіліті-аудиту головної сторінки.

ЮЗАБІЛІТІ-АУДИТ ГОЛОВНОЇ СТОРІНКИ САЙТУ

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

  1. Коротка інформація про сайт. Розкажіть про те, яку проблему користувача ви готові вирішити;
  2. Назва, логотип, слоган. Сайт має запам’ятатись. В тому числі, завдяки назві, логотипу та слогану. Брендинг – одна з умов виживання на конкурентному ринку;
  3. Опис переваг. Чим яскравіші переваги зазначені на сайті – тим вищі шанси отримати клієнта;
  4. Меню навігації. Обов’язкове і для лендінга, і для інтернет-магазину. Меню навігації на сайті має бути структуроване за темами, відповідно до пошукових запитів клієнтів;
  5. Контактна інформація на сайті. Покажіть готовність ваших менеджерів до живого спілкування з клієнтами: телефон, електронна пошта, адреса або будь-яка інша форма зворотного зв’язку є обов’язковою для кожного сайту. Само собою, контактна інформація повинна бути актуальною.

На головній сторінці також можуть бути:

  1. Слайдер з пропозиціями товарів або послуг. Особливо актуально для інтернет-магазинів. Завдяки йому можна розповісти про новинки, додаткові можливості або інші переваги свого сайту;
  2. Банер зі знижками або поточними акціями. Як правило це реклама, яка може знаходиться серед іншого контенту, але привертає увагу до певної категорії або картки товару;
  3. Рядок внутрішнього пошуку. Допомагає швидко знайти потрібну інформацію, не виходячи за межі сайту;
  4. Відгуки клієнтів. Відгуки реальних клієнтів підвищують рівень довіри до сайту.

Існують рекомендації, чого не потрібно додавати на головну сторінку:

  1. Музику і (або) відео, які запускаються самостійно. Музика або відео, які запускаються без відома користувача на сайті, в більшості випадків не доречні. Краще запропонуйте користувачеві самостійно включити такий аудіо- або відеоролик;
  2. Попапи на сайті, які перекривають весь екран. Час від часу інтернет-магазини використовують спадаючі вікна з додатковою рекламою. В цьому немає нічого поганого, якщо користувач вже почав знайомство з вашим сайтом. Проте якщо головна сторінка спочатку перекрита величезним вікном із повідомленням – це виглядає надто нав’язливо і, швидше за все, відвідувач не буде продовжувати вивчення сайту.

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

навигация

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

ЮЗАБІЛІТІ-АУДИТ НАВІГАЦІЇ САЙТУ

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

В процесі аналізу юзабіліті навігації, дотримуйтесь наступних рекомендацій:

  • Наявність логотипу компанії на всіх сторінках. Традиційно його розташовують зліва вгорі і, в більшості випадків, він веде на головну;
  • Наявність меню першого рівня на всіх сторінках. Користувач повинен мати можливість безпосередньо переходити між основними категоріями;
  • Наявність контактної інформації вгорі та внизу сторінки. Багато англомовних ресурсів дають контакти в футері ( “підвалі”), сайти укрнету вказують телефони в хедері (“шапці”). Насправді, найкраще вказувати контакти двічі, але з урахуванням того, що в хедері пріоритетним є номер телефону ( “гаряча лінія”), а в футері – інші можливі варіанти зворотного зв’язку;

Сайт без юзабіліті: єдина форма зв’язку з автомайстерні – електронна пошта:
почта

  • Наявність чіткої і зрозумілої назви розділів на сторінках сайту. Очевидна рекомендація, проте багато розробників сайтів це забувають: кожен розділ обов’язково мусить мати свою назву;
  • Наявність клікабельних “Хлібних крихт” на сайті. Це зручний елемент навігації, який дозволяє бачити структуру сайту. “Хлібні крихти” важливі і для користувачів, і для пошукових роботів;
  • Наявність оптимізованої і зручної “Сторінки 404”. Дана сторінка з’являється тоді, коли на сайті не знайдено сторінки, яку шукає користувач. Вона має бути налаштована таким чином, щоб відвідувач міг повернутися на головну або зробити інший вибір.

Найгірше, якщо відвідувач потрапляє на сторінку, з якої неможливо перейти далі:

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

Приклад непродуманого юзабіліті меню навігації. Ніхто не буде шукати потрібний серед сотень пропозицій:

 

меню

5 юзабіліті-трендів 2023 року: Трансформація досвіду роботи з інтернет-магазинами та веб-сайтами

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

  1. Від помічників до творців ШІ – рішення на основі ШІ стають дедалі складнішими з появою інструментів візуального дизайну, створених за допомогою ШІ/ММ. Такі компанії, як Jasper AI, змінюють простір юзабаліті завдяки поєднанню художнього та письмового контенту, створеного штучним інтелектом.
  2. Новий світанок для юзабаліті у метапросторі та Web3 – Перехід до ери Web3 створює нові виклики та можливості для користувачів і дизайнерів. UX-дизайн відіграватиме вирішальну роль у формуванні нового інтернету, а досвідчені UX/UI-дизайнери користуються великим попитом серед стартапів Web3.
  3. Підвищення гнучкості та залучення завдяки аналітиці – аудіо- та візуальна аналітика в реальному часі стане невід’ємною частиною клієнтської подорожі, що дозволить підприємствам оптимізувати взаємодію з клієнтами в режимі реального часу.
  4. Супердодатки – Gartner прогнозує, що до 2027 року більше половини населення планети будуть щоденними активними користувачами “супердодатків”.
  5. Універсальна, інклюзивна доступність стає нормою – Пандемія привернула увагу до цифрової доступності, компанії беруть на себе зобов’язання на рівні керівництва щодо доступності, а низові зусилля сприяють змінам. Інклюзивне мислення в дизайні зараз формує те, як створюються цифрові продукти.

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

ЮЗАБІЛІТІ-АУДИТ КОНТЕНТУ НА САЙТІ

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

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

  1. “Правило піраміди”: найважливіша інформація – завжди вгорі, докази та описи – внизу;
  2. F-подібне розташування контенту: варто враховувати, що більшість жителів планети читають зліва направо і зверху вниз;
  3. Короткі статті мають перевагу над “лонгрідами”: чим більше букв, тим вище ймовірність, що матеріал не дочитають до кінця;
  4. Шрифти без зарубок. Для текстів на сторінках краще використовувати шрифти без зарубок (до них належить група шрифтів “Sans Serif”);
  5. Розмір шрифту – не менш 12 px. В цілому, розмір шрифту змінюється в залежності від дизайну сайту. Для блогу у 2023 році більшість англомовних сайтів, такі як Shopify або Hubspot текст 18px для мобільної версії сайту;
  6. Колір фону. Оптимально: чорний шрифт на білому фоні, але можуть бути й інші варіанти. Головне – зберегти контраст кольорів фону і шрифту;
  7. Структурованість контенту на сайті. Незалежно від розмірів, стаття повинна ділитися на розділи та підрозділи. Структурований текст набагато легше сприймається;
  8. Простір. Для “читабельності” величезне значення має простір: відстань між пропозиціями, абзацами і різними типами контенту;
  9. Ілюстрації сайту. Статті з зображеннями, фотографіями, інфографіками та схемами виглядають набагато цікавіше;
  10. Грамотність. Чим частіше трапляються очевидні граматичні та орфографічні помилки – тим вище ймовірність, що потенційний клієнт втратить довіру до сайту;
  11. Позначення посилань. Посилання повинні мати загальний стандарт і обов’язково виділяться на тлі тексту або елементів навігації.

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

название

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

Сніг, що падає – можливо і красиво, але до юзабіліті відношення не має:

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

  • більш ніж 1000 сторінок обов’язково мусить мати якісний пошук;
  • 100 – 1000 – може мати простий пошуковий механізм;
  • менше 100 сторінок може обійтися без пошуку (достатньо продуманої навігації).

Ось декілька правил юзабіліті пошуку:

  1. Ідеальне місце для пошуку – верхній правий кут;
  2. Оптимальна довжина вікна запиту – 30 символів;
  3. Тільки внутрішній пошук: то, що шукає клієнт, має бути в рамках сайту. Намагайтеся не виводити його на інші ресурси;
  4. Можливість враховувати запити з помилками: бажано враховувати, що потенційний клієнт може не знати правильного написання бренду або може допускати граматичні помилки;
  5. Поле пошуку позначено: будь-який відвідувач сайту мусить бачити де знаходиться рядок для введення пошукового запиту.

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

Приклад сайту, на якому Ви шукаєте готель в Києві, а вам пропонують Львів і Східницю:

поиск

АУДИТ ЮЗАБІЛІТІ ОСОБЛИВИХ ФУНКЦІЙ

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

  1. Можливості навігації за допомогою тільки одного пристрою введення (миші або клавіатури);
  2. Перемикання розмірів тексту;
  3. Взаємодію з різними адаптаційними технологіями (для цього необхідно приділити більше уваги тому як користуються вашим сайтом люди з обмеженими можливостями).

Приклад нетипового дизайну кнопок. Ви ж здогадалися, що це – сторінки в соціальних мережах?

соц кнопки

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

Буває, що фотографії в інтернет-магазині більше схожі на картинку з 8-бітної приставки:

качество фото

Сайти, які були створені з урахуванням правил юзабіліті, мають найбільш високі показники конверсії.

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

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

ЮЗАБІЛІТІ-АУДИТ САЙТУ: ВИВЧЕННЯ ТА АНАЛІЗ ПОВЕДІНКИ КОРИСТУВАЧІВ НА САЙТІ

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

Аналіз клікабельності елементів сайту

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

Анализ кликабельности элементов сайта

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

Аналіз глибини скролу сторінок

Сьогодні користувачі не витрачають свій дорогоцінний час на довге гортання сторінок. Якщо на першому екрані (частині) сторінки вони не зацікавляться інформацією чи пропозицією – вони покинуть сайт. Тому деякі елементи сайту, що знаходяться нижче першого екрану можуть мати значно менше кліків. Але причиною може бути банальна відсутність користувачів на цьому екрані, а не відсутність бажання чи стимулу клікнути.

Анализ глубины скролла страниц

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

Анализ глубины скролла страниц

Аналіз активності користувачів на різних екранах сторінки

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

Анализ активности пользователей на разных экранах страницы

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

Аналіз наведення курсору на сторінках сайту

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

Анализ наведения курсора

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

Аналіз послідовності кліків на сайті

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

Анализ последовательности кликов

Маючи таку інформацію, Ви зможете одразу давати користувачу те, що він шукає.

ТОП-10 найпопулярніших помилок юзабіліті сайтів інтернет-магазинів

Давайте розглянемо ТОП-10 популярних помилок, які ми зібрали в ході проведення юзабіліті аудитів:

  1. Надлишкова анімація за відсутності оптимізації. Така анімація довго завантажується, а користувачі залишають сторінку, якщо та відкривається довше 2 секунд. Сайт із надлишковою анімацією не отримає високу оцінку за юзабіліті;
  2. Погана читабельність. Неправильно підібрана кольорова гамма, занадто маленький або нечитабельний шрифт є ознакою слабкого юзабіліті та призводить до падіння показників конверсії;
  3. Відсутність вільного простору. Чим менше простору між складовими сайту (текстами, фото, відео і т.д.), тим складніше сприймати інформацію.
    Приклад сторінки, на якій немає відступів між текстами і фотографіями: отступы
  4. Елементи, які відволікають або вводять в оману. Таких прикладів дуже багато. Найбільш поширені помилки юзабіліті: посилання, які підкреслені пунктиром або кнопки, що працюють за принципом чекбоксів. Всі елементи сайту мають бути практичні: якщо ними не користуються – вони не приносять користі. Визначити практичність елемента сайту можна за допомогою карти кліків;
    Приклад надто заплутаного інтерфейсу:интерфейс
  5. Креативний дизайн із тупиковим сценарієм. Ставка на оригінальність за відсутності підказок – найпоширеніша помилка юзабіліті. Існує безліч прикладів, коли сайти отримували нагороди за дизайн, але юзабіліті, водночас, було “нижче плінтуса”;
  6. Занадто складний функціонал. Кількість дій для здійснення покупки в інтернет-магазині має бути обґрунтованою. Одні фахівці говорять про важливість “покупки в 3 кліки”, інші – що кліків може бути і більше, адже головне – конверсія і кінцевий результат. У будь-якому разі не вимагайте того, чого немає у ваших конкурентів: реєстрації, заповнення додаткових полів і т.д. Мінімум дій при оформленні замовлення – це ваша конкурентна перевага і плюс юзабіліті;
  7. Неадаптований пошук. Якщо покупець вводить назву товару з помилкою, чи знайде він те, що йому потрібно? Звісно, більшість користувачів виправляться, але якщо у конкурентів помилки виправляються автоматично – їх відвідувачі швидше знайдуть те, що шукали;
  8. “Прихована” інформація. На сайті не може бути нічого прихованого крім конфіденційної інформації про клієнтів. Умови оплати та доставки, контакти, і інша публічна інформація завжди мусить бути на виду, а доступ до них можливий з будь-якої сторінки;
  9. Незрозуміла термінологія. Навіть очевидні назви іноді вимагають пояснення. Вказуючи, що товар “в наявності” або “під замовлення”, обов’язково роз’ясніть, що мається на увазі? Кожен крок на сторінці має бути зрозумілий клієнтові. Яскравий приклад: замість кнопки “Далі” у вікні оформлення товару, краще пояснити, що чекає клієнта на наступному етапі: “Перейти до оплати” або “Вибрати спосіб доставки”.
  10. Відсутність мобільної версії. Популярна юзабіліті помилка багатьох сайтів: сайти без мобільної версії не можуть претендувати на високі позиції в пошуковому рейтингу. По-перше, для пошукових систем адаптивний дизайн має перевагу над десктопним. По-друге, відсоток мобільного трафіку стає дедалі більшим. Тому версія сайту для смартфонів є обов’язковою. Більш того, вона повинна враховувати вимоги юзабіліті: вибирати товар, читати характеристики, замовляти доставку, оплачувати і т.д. має бути так само просто, як і на десктопі.

Ось як бачить відвідувач сторінку, не адаптовану для смартфонів. Потрапити пальцем на потрібну кнопку – це вже великий успіх:

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

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

Часті питання про юзабіліті-аудит:

Що таке юзабіліті-аудит?

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

Для чого юзабіліті-аудит сайту необхідно зробити в 2023 році?

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

Чим корисний аудит юзабіліті?

За його результатами можна:

  1. підвищити показник конверсії;
  2. знизити ціну за залучення нового клієнта;
  3. збільшити розмір середнього чека замовлення;
  4. скоротити витрати на клієнтську підтримку;
  5. збільшити частоту замовлень клієнтів.

Наприклад, клієнти нашого інтернет агентства без додаткових витрат на рекламу піднімали рейтинг конверсій з 0,8% до 5-10%.

Інструменти для проведення юзабіліті-аудиту сайту

Ось перелік інструментів, які допоможуть якісно провести юзабіліті-аудит:

  1. Google Analytics
  2. Google Search Console
  3. Карта кліків Plerdy

Чек-лист юзабіліті-аудиту сайту

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

  1. Загальні показники аналізу юзабіліті сайту
  2. Юзабіліті-аудит головної сторінки
  3. Юзабіліті-аудит навігації сайту
  4. Юзабіліті-аудит контенту на сайті
  5. Юзабіліті-аудит пошуку на сайті або в інтернет-магазині
  6. Аудит юзабіліті особливих функцій

Вартість юзабіліті-аудит сайту

Вартість юзабіліті-аудит сайту залежить від кількості сторінок які потрібно перевірити і від складності тематики.

Чи можна зробити юзабіліті-аудит сайту самостійно?

Так звичайно. Але для цього Вам потрібно мати навички роботи з Google Analytics, Google Search Console і картою кліків Plerdy. Саме за допомогою цих інструментів Ви зможете провести аудит.

Задати запитання

Залишіть запитання чи коментар до статті:

Your email address will not be published. Required fields are marked *