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

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

Заповнити бриф

Що значить юзабіліті для сайту?

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

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

Покращивши юзабіліті, ви зможете:

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

Основні правила юзабіліті

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

Сучасний та зручний дизайн

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

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

Легка та зрозуміла навігація

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

Добре організований та якісний контент

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

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

Допомога та зворотний зв’язок від користувачів

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

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

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

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

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

Швидке завантаження сайту

Існують спеціальні сервіси, такі як PageSpeed Insights від Google, які можуть допомогти вам перевірити, як швидко завантажується сайт. Ви також можете знайти там поради щодо того, як пришвидшити завантаження сторінок ресурсу.

Безкоштовний інструмент PageSpeed Insights шукає недоліки на сайті, які уповільнюють його роботу, і пропонує способи покращити роботу ресурсу.

Адаптивність сайту під різні типи пристроїв

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

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

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

У наступних ситуаціях дуже важливо провести аналіз зручності використання сайту.

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

Етапи аудиту юзабіліті веб-сайту

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

1. Аналіз клієнта

Вам потрібно скласти повне уявлення про пересічного покупця. Дізнайтеся, що користувач хоче робити на сайті: переглядати гарні фотографії, дізнаватися щось корисне, відчувати натхнення або купувати щось. Це вплине на те, як вони користуються сайтом. Подумайте, які запитання у них можуть виникнути. Ви можете запитати співробітників, які безпосередньо спілкуються з клієнтами, такі речі, як: «До якої категорії належить товар, який мені потрібен?», «Як працює доставка?», «Чи є якісь гарантії?», «Де я можу знайти відгуки?».

2. Аналіз конкурентів

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

3. Вивчення аналітики

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

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

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

4. Оцінка сторінок сайту

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

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

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

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

Адаптивний дизайн. Перевірка того, як сайт виглядає на ПК або смартфоні, є частиною аудиту юзабіліті веб-сайту. Сайт повинен добре виглядати на всіх пристроях. Надійною бізнес-практикою також є наявність версії для людей, які погано бачать. Це допомагає залучити більше клієнтів на сайт.
Швидке завантаження. Багато людей не чекатимуть, якщо сайт завантажується більше трьох секунд. Отже, швидкість завантаження сторінки є вирішальною частиною аналізу юзабіліті сайту.
Перший екран містить корисну інформацію. Придумувати вигадливі слогани не завжди має сенс. Фахівці з аудиту зручності використання сайту зазвичай кажуть, що найкращий спосіб комунікації — це зробити її простою та зрозумілою: розкажіть їм, чим займається фірма та кому вона може допомогти.
Доступні функції. Багато що залежить від типу веб-сайту. Наприклад, оцінюючи зручність використання інтернет-магазину, перевірте можливість порівняння товарів. Простий сервіс моделювання інтер’єру буде корисним на сайтах продажу меблів. Вам потрібен калькулятор на цільовій сторінці, якщо фірма надає складні «збірні» послуги.
Стандартне розміщення значків та іконок. Це не місце для творчості. Під час аудиту юзабіліті сайту фахівці перевіряють, чи легко користувачам знаходити та визначати те, що вони хочуть. Це легше зробити за допомогою символів, які легко зрозуміти та розпізнати. Наприклад, під час перевірки юзабіліті інтернет-магазину ви повинні побачити стандартну іконку кошика для покупок, лупу «пошук», значок серця, що означає «додати до обраного». Логотип має бути у верхньому лівому куті, що також є стандартним. Коли ви натискаєте на нього, ви маєте перейти на головну сторінку.
Легко орієнтуватися. Меню вгорі не повинно містити забагато пунктів; їх має бути від 5 до 8. «Каталог», «Доставка та оплата» та «Про магазин» – це приклади «типових» розділів онлайн магазину. Також під час тестування юзабіліті сайту розглядаються «хлібні крихти». Це меню, яке показує, де знаходиться користувач і до якої частини сайту належить ця сторінка. Також користувач має легко орієнтуватися на сторінці. Зміст і кнопка, яка одразу повертає вас на початок сторінки, допоможуть, якщо матеріал довгий.
Переконайтеся, що заголовок і нижній колонтитул правильно оформлені. Меню, кнопка входу до вашого особистого облікового запису, кнопка кошика та контакти зазвичай знаходяться в заголовку. Нижній колонтитул має більш ретельну навігацію, інформацію та посилання на офіційні документи.
Кнопки для цільових дій. Усі комерційні сторінки сайту повинні містити кнопки для таких дій, як купівля чогось, реєстрація або подання запиту. У більшості випадків кнопка для дії, яку ви хочете виконати, робиться контрастною.
Клікабельні елементи, які легко побачити. Повинно бути зрозуміло, що відбувається, коли ви натискаєте на елемент. Це може бути кнопка, яка змінює колір чи розмір при наведенні, або ж текст, що змінює стиль при наведенні на нього курсора миші. Таким чином, користувач зрозуміє, що можна зробити на сторінці, на якій він знаходиться.
Чіткі повідомлення про помилки. З різних причин сторінка сайту може не відкритися. Повинно бути змістовне повідомлення про помилку 404, що означає, що сторінка з цією адресою не працює, або ж відсутня. Ви також можете включити чітке пояснення помилки 500. Вам потрібно дати більше, ніж просто опис проблеми, потрібна пропозиція щодо подальших дій. Наприклад, на сторінці 404 ви повинні надати посилання на головну сторінку. Не залишайте відвідувача без вибору.
Актуальні контакти. Як мінімум, це номер телефону в правильному форматі (мобільний, 0-800 або з кодом міста), адреса електронної пошти та посилання на соціальні мережі. Карта з маршрутами також може бути корисною, якщо ви працюєте офлайн. Вам слід включити властивості “tel” та “mailto” до коду для кращої взаємодії користувача. Таким чином, коли користувач натискає, запускається потрібний додаток для дзвінків або листів.
Прості у використанні форми. Це дуже важливий момент під час перевірки юзабіліті: заповнення форми – це крок до покупки чогось. Переконайтеся, що адміністратор отримує дані швидко та без помилок. Перевірте, чи перевіряють форми коректність введення. Наприклад, чи можете ви ввести випадковий набір символів замість адреси електронної пошти? Перевірте, чи з’являються чіткі підказки, коли поля заповнені неправильно. Форми не повинні бути занадто довгими, але якщо вам дійсно потрібно поставити багато запитань, гарною ідеєю буде показати прогрес в їх заповненні.

Bohdan Prytulyak( CEO )

Засновник та керівник веб студії PBB Design з 2005 року

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