Завантажити 14 книг Статті по темі

Що потрібно знати про юзабіліті аудит та аналіз сайту?

usability

Термін “юзабіліті” міцно закріпився в професійній лексиці дизайнерів, інтернет-маркетологів і веб-розробників.
У цій статті ми розберемося з тим, що таке юзабіліті і як воно пов’язане з конверсією, що входить в аудит юзабіліті і як часто потрібно проводити аналіз інтерфейсу, чому сьогодні юзабіліті впливає на конкуренцію? Наостанок розглянемо деякі юзабіліті помилки інтернет-магазинів.

Зміст

  1. Що таке юзабіліті сайту?
  2. Вплив юзабіліті на конверсію комерційних сайтів;
  3. Особливості сприйняття сайту користувачами;
  4. Аудит юзабіліті – перший крок назустріч користувачам;
  5. Чим корисний аудит юзабіліті?
  6. Основні рекомендації для поліпшення юзабіліті:
    6.1. Юзабіліті головної сторінки;
    6.2. Юзабіліті навігації сайту;
    6.3. Юзабіліті текстів;
    6.4. Юзабіліті пошуку на сайті або в інтернет-магазині
    6.5. Юзабіліті особливих функцій;
  7. ТОП-10 найпопулярніших помилок юзабіліті інтернет-магазинів

Що таке юзабіліті сайту?

Юзабіліті сайту (англ. – “website usability”) – термін, який означає зручність користування веб-ресурсом. В його основі лежать принципи простоти та доступності сайту для розуміння користувачами. Іншими словами, відвідувач повинен здійснювати всі дії інтуїтивно, без додаткового навчання.
Відомий експерт Якоб Нільсен називає 5 складових юзабіліті:

юзабіліті

  • Здатність до навчання. Наскільки просто користувачам виконувати певні дії під час першого відвідування веб-ресурсу;
  • Ефективність. Наскільки швидко вони зможуть повторити ті ж дії, після ознайомлення з сайтом;
  • Здатність до запам’ятовування. Наскільки легко буде відновити навички роботи з інтерфейсом, після повернення через певний час;
  • Помилки. Скільки серйозних помилок роблять користувачі під час взаємодії з інтерфейсом, а також наскільки складно їх виправити;
  • Задоволеність. Наскільки користувачам комфортно знаходитись на сайті.

Вплив юзабіліті на конверсію комерційних сайтів

Юзабіліті має особливий вплив на конверсію комерційних сайтів: інтернет-магазинів, лендінгів та маркетплейсів.

Відповідно до аналізу Kissmetrics 40% користувачів залишають веб-ресурс, якщо сторінка завантажується більше 3 секунд. Інше дослідження говорить про те, що 44% користувачів покидають сайт, якщо там немає контактної інформації.

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

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

Особливості сприйняття сайту користувачами

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

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

Приклад невдалої подачі опису номерів готелю:

описания номеров
Користувачі хочуть розуміти, які дії потрібно зробити на сайті для досягнення бажаного результату. Для цього необхідно забезпечити простий доступ до навігації а, в подальшому, провести аналіз поведінки на сторінці.
Деякі помилки можна помітити й усунути без залучення зовнішніх консультантів.
Товар в наявності! Бажаєте купити диван за 0 гривень?
карточка товара

Аудит юзабіліті – перший крок назустріч користувачам

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

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

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

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

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

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

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

Основні рекомендації для поліпшення юзабіліті

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

Юзабіліті головної сторінки

Очевидно, що головна сторінка відіграє особливу роль в юзабіліті сайту.

На ній обов’язково мають бути:

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

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

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

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

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

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

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

Юзабіліті навігації сайту

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

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

  1. Логотип з назвою сайту на всіх сторінках. Традиційно його розташовують зліва вгорі і, в більшості випадків, він веде на головну;
  2. Місцезнаходження. Зазвичай меню інтернет-магазинів знаходиться зліва або зверху;
  3. Меню першого рівня на всіх сторінках. Користувач повинен мати можливість безпосередньо переходити між основними категоріями;
  4. Місцезнаходження контактної інформації. Багато англомовних ресурсів дають контакти в футері ( “підвалі”), веб-ресурси укрнету вказують телефони в хедері (“шапці”). Насправді, найкраще вказувати контакти двічі, але з урахуванням того, що в хедері пріоритетним є номер телефону ( “гаряча лінія”), а в футері – інші можливі варіанти зворотного зв’язку;
    Сайт без юзабіліті: єдина форма зв’язку з автомайстерні – електронна пошта: почта
  5. Назва розділів. Очевидна рекомендація, проте багато розробників веб-ресурсів це забувають: кожен розділ обов’язково мусить мати свою назву;
  6. “Хлібні крихти”. Це зручний елемент навігації, який дозволяє бачити структуру сайту. “Хлібні крихти” важливі і для користувачів, і для пошукових роботів;
  7. Сторінка 404. З’являється тоді, коли на сайті немає запитуваної сторінки. Вона має бути налаштована таким чином, щоб відвідувач міг повернутися на головну або зробити інший вибір.

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

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

меню

Юзабіліті текстів

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

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

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

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

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


Юзабіліті пошуку на сайті або в інтернет-магазині

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

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

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

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

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

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

поиск

Юзабіліті особливих функцій

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

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

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

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

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

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

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

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

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

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

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

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

BLOG & NEWS

Залиште відповідь

Ваш email не буде опубліковано.

  • ББудемо на зв'язку

    Зв'яжіться з нами

    • вул.Водогінна 2, офіс 321, 79017 Львів, Україна
    • email: [email protected]
    Дякуюємо!Ми отримали ваш запит.
    Представник команди зв'яжеться з Вами найближчим часом.
    Зазвичай це протягом 1-2 робочих годин.