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

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

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

Поняття «юзабіліті сайту»

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

Простота використання – наскільки легко уперше прийшли користувачі можуть орієнтуватися на сайті.

Легкість запам’ятовування – відвідувач може по пам’яті відновити ланцюжок дій для виконання певної дії.

Задоволеність користувача якістю ресурсу.

Результативність користування контентом.

Ймовірність здійснення помилки.

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

Що слід перевіряти

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

Компанія виконала перевірку через сервіс Google. Analytics, в результаті якої стало зрозуміло, що відвідувачі переходять на сторінку з формою зворотнього зв’язку, але цільове дію не виконують. Чому? Подальше тестування показало, що люди просто не бажають заповнювати велику кількість рядків, а їх було 11! Власники сайту скоротили їх кількість з 11 до 4, в результаті конверсія зросла до 140 %!

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

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

Крім картинок, тестуються наступні моменти:

Структура ресурсу, щоб зробити її зрозумілою та простою для відвідувачів.

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

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

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

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

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

Сервіс “Яндекс. Метрика”

Отже, як провести аналіз юзабіліті сайту? З безкоштовних сервісів в Рунеті поки ще не винайдено нічого зручніше і функціональніша лічильників “Яндекс. Метрики”. З його допомогою можна записати всі пересування курсору, заповнення форм зв’язку, виділення тексту, кліки та інше. Вивчення звіту лічильника можна порівняти з переглядом ролика про візит відвідувача на сайт, зберігається вся інформація – на які він натискав кнопки, що вводив у пошуковий рядок і так далі. Всі ці дані відображаються в наступних інструментах “Яндекса”:

«Вебвізор». Для його установки необхідно авторизуватися на “Яндекс. Метриці” і перейти у вкладку «Додати лічильник». В розділі «Налаштування» скопіювати код лічильника і вставити його на всі сторінки сайту. Але «Вебвізор» – не єдиний помічник від сервісу “Яндекс”.

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

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

«Аналітика форм». Цей розділ допомагає зрозуміти, як відвідувачі взаємодіють з формами, розташованими на порталі, які заповнюють рядки в заявці, що вводять в пошуковий рядок та інше.

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

Usability Hub

Це спеціалізований інтернет-сервіс для перевірки сайту, який надає можливість пройти 5 простих тестів:

П’ятисекундний тест (Five Second Test). Алгоритм роботи — на сайт прикріплюється скріншот досліджуваної сторінки, яку переглядають учасники протягом 5 секунд, після цього вони виставляють бали. Можна оцінювати різні фактори, наприклад, яка складова сторінки найбільш приваблива, що більше запам’ятовується і так далі. В результаті власник сайту отримує відповіді опитуваних людей на поставлене питання, а також автоматично згенероване хмара з найбільш повторюваними фразами.

Тестування кліків (Click Test). Образ дій аналогічний, але замість відповідей видається теплова карта кліків.

Запитальник (Question Test). Створюється спеціальний запитальник, на який дають відповіді справжні люди.

Навігаційний аналіз (Navigation Test). Це тестування дає оцінку того, наскільки комфортно користувачам взаємодіяти з ресурсом, чи ясна навігація і структура.

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

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

Usambilla

Система Usambilla пропонує три продукту тестування:

Перевірка інтернет-порталу.

Програми для мобільного телефону.

Електронного листа.

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

Сама програма на англійській мові, але для тестування можна вибрати російську. Сервіс платний, з ознайомчим періодом (можна перевірити дві сторінки на аудиторії до 10 осіб).

Optimal Workshop

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

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

Тестування за методом розподілу карток (OptimalSort). Допомагає зрозуміти логіку користувачів і як зробити так, щоб їм було простіше дійти до цільової дії. Працює це наступним чином – в окремі картки виписуються всі елементи контенту порталу, а учасникам тестування необхідно відсортувати їх так, як їм зручно і зрозуміло. В результаті замовник отримує звіти декількох видів і розуміння ментальної моделі користувачів сайту. У демо-версії можна перевірити 30 карток на групу з 10 осіб.

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

При купівлі платній версії відкривається можливість проводити опитування із зворотним зв’язком.

Feng-GUI

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

Щоб виконати тестування, необхідно ввести url потрібної сторінки і натиснути клавішу Analyze. Через деякий час система видасть заповітну карту.

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

Ручні способи аналізу юзабіліті сайту

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

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

Візуальний аудит: на що звернути увагу

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

Всі сторінки повинні бути оформлені в єдиному стилі – колірна палітра, тон посилань, розмір шрифтів та інше.

Тональність оформлення не повинна викликати негативні емоції, рекомендується використовувати м’які відтінки в поєднанні з паралельними квітами.

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

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

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

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

Юзабіліті структури проекту і його навігації

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

Логічний зв’язок між структурою та цілями проекту.

Розташування навігації та пошукового рядка на всіх сторінках у видимих ділянках.

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

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

Наявність картинок з посиланнями.

Структурування інформації за розділами і категоріями.

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

Висновок

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