Тестування зручності сайту
- Дата:15.08.2013
- Автор:Юлия Солнцева
Тестування юзабіліті сайту — ще один важливий інструмент інтернет-маркетингу. Під юзабіліті слід розуміти зручність користування ресурсом, самоочевидность його функцій і їх графічних позначень.
Як показує практика, зручний сайт приносить користувачам більше задоволення від взаємодії. В свою чергу це збільшує кількість відвідувачів, які стали клієнтами — то є підвищує конверсию ресурсу. Дизайнери і веб-розробники, незважаючи на свої професійні навички і практику, усi-так і не можуть об'єктивно судити про зручність взаємодії з ресурсом. Природно, що створені ними навігаційні елементи будуть для них зрозумілими і самоочевидными. Проте особистісні якості і безпосередня робота з проектом заважають їм оцінювати юзабіліті сайту об'єктивно. Єдиним джерелом об'єктивної інформації є цільова аудиторія.
В цієї статті ми розглянемо бюджетні методи тестування юзабіліті, які допоможуть зробити ваш сайт краще.
Скільки респондентів необхідно для дослідження?
Побутує думка, що тестування сайту – затратное справа з точки зору фінансів і часу. Проте, виходячи з результатів останніх досліджень в області веб-технологій, фахівці прийшли до висновку, що для релевантного збору інформації про юзабіліті ресурсу досить п'яти цільових респондентів. В то ж час Якоб Нільсен, web-технолог, автор ряду фундаментальних робіт по поліпшенню юзабіліті веб-інтерфейсів, провів дослідження, в внаслідок якого встановив, що для максимального отримання інформації про юзабіліті сайту необхідно 15 респондентів.
Чому тоді рекомендований кількість респондентів одно п'яти? Справа в тому, що кожен наступний респондент дає менше унікальної інформації про юзабіліті, ніж попередній. Як видно на графіку, 5 респондентів дають 85% актуальною інформації про стані вашого ресурсу. Це і є оптимальне співвідношення коштів, часу і корисності дослідження.

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


конверсія 5.4% конверсія 11.9%


конверсія 3.9% конверсія 7.0%


конверсія 4.7% конверсія 10.2%
Маловитратні методи тестування юзабіліті сайту
Нижче описані методи тестування юзабіліті сайту, не що вимагають великих фінансових витрат.
1. Розробка декількох варіантів дизайну
Суть методу полягає в промальовуванні двох і більше варіантів дизайну і окремому тестуванні кожного з них. Версії дизайну можуть як кардинально відрізнятися один від друга, так і бути виконані в одному напрямку. Звичайно, слід дотримуватися розумного відмінності варіантів, так як тестування — це не вибір “победителя”, а метод створення кращого дизайну з допомогою компонування різних варіантів. Почавши тестування, ви з інтересом помітите, що кожна версія буде подобатися респондентам який-то певної функцією.
Після вибору основного концепта наступним логічним етапом тестування на стадії розробки інтерфейсу йде інтерактивне проектування елементів дизайну.
Інтерактивне проектування
Интеракция – важливий аспект призначеного для користувача інтерфейсу, тому він обов'язково повинен пройти тестування перед запуском проекту. Суть методу інтерактивного проектування полягає в визначенні швидкості рішення респондентом якоїсь завдання по интеракции на вашому сайті. До наприклад, при аналізі юзабіліті інтернет-магазина тестируемых просять знайти товар певної категорії і зробити замовлення, вказавши усi необхідні дані. Метод інтерактивного проектування добре показує себе на другий стадії розробки сайту — уточненні деталей. Особливо він ефективний, коли в арсеналі дослідника є кілька альтернативних варіантів навігації. Таким чином, протестувавши їх, можна не тільки виявити проблеми, але і вирішити їх з допомогою компонування самих вдалих рішень. Подібні методи тестування широко застосовуються для оцінки юзабіліті платіжних і банківських систем.

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

Потім просимо знайти і позначити на макеті наступні елементи: навігацію сайту, кнопки пошуку, замовлення товару, категорії товарів, способи оплати, адреса компанії, поле реєстрації т.д.
Погодьтеся, цей досить бюджетний метод допоможе виявити основні проблеми юзабіліті вашого сайту і поглянути на проблему інакше. Прибравши контент, ми зрозуміємо, яку величезну роль в юзабіліті сайту відіграє графіка. До наприклад, вдале позначення кошика для покупок збільшує позитивний досвід интеракции відвідувача на 38% (Jakob Nielsen “High Usability”). Якщо сама компоновка сайту працездатна незалежно від контенту, то більшість користувачів зможуть легко орієнтуватися на ньому.
4. Тестуємо онлайн
Можна чи провести тестування юзабіліті вже існуючого сайту з мінімальними витратами на дослідження? Нижче буде приведе перелік популярних ресурсів, які за вельми помірну плату надають різні варіанти тестування юзабіліті вашого сайту. Перевагою більшості з них є то, що ви можете перевірити ефективність їх методів роботи абсолютно безкоштовно, зробивши кілька пробних тестів.
5. Відстеження поведінки відвідувача на вашому сайті
Це цікавий і дієвий метод тестування юзабіліті, дозволяє отримати інформацію, яка буде корисної для успіху бізнесу. З його допомогою ви зможете подивитися, як веде себе відвідувач на сайті, зрозуміти з якими проблемами він стикається.
Популярні ресурси для онлайн-тестування
1. Usertesting
Онлайн-сервіс usertesting надає докладний відео звіт з коментарями про поведінці користувачів на вашому сайті. Для правильної вибірки тестируемых необхідно надати демографическую інформацію про вашої цільової аудиторії. Вартість одного докладного звіту становить 29$.
2. ClickHeat
Це сервіс від labsmedia.com, представляє собою карту кліків на сайті. Він оцінює юзабіліті інтернет-ресурсу по наступного принципом: ніж більше кліків в певної зоні, тим тепліше її колір на мапі. Отримавши таку інформацію зі свого сайту, ви можете поліпшити юзабіліті тих елементів, які залишаються поза зони уваги відвідувача.
Сервіс fivesecondtest дозволяє оцінити сайт іншими користувачами всього за 5 секунд одним з трьох методів. В першому варіанті тестування користувачу в течія 5 секунд показують скріншот сайту і після просять вказати ті елементи дизайну, які йому запам'яталися. У другому, порівняльному варіанті тестування, користувачу демонструють два скриншота, один з яких зроблений з вашого інтернет-проекту, і просять вказати кращий варіант. В третьому методі, на шаблоні сайту користувачі вказують самий привабливий елемент. Таким чином, з допомогою даного сервісу ви зможете отримати об'єктивну оцінку юзабіліті від незалежного особи, дізнатися перший враження про вашому сайті, а також виявити сильні і слабкі боку дизайну.
Цей ресурс цікавий тим, що ви можете отримати рекомендації щодо юзабіліті вашого сайту від професійних дизайнерів. Також існує російська аналог даного Спільноти — russiancreators.
5. Google A/B тестування
Суть методу полягає в створенні двох варіантів дизайну сайту і поділі трафіку з допомогою інструменту Google Website Optimizer. Одна частина відвідувачів бачить варіант А, друга частина — варіант В. Далі методом порівняння конверсії визначається кращий з них.
До наприклад, перед вами два варіанти дизайну книги. В даному випадку метою A/B тестування є виявлення тієї версії, дизайн якої найкращим чином конвертує звичайних відвідувачів в передплатників.


Щоб Google Website Optimizer вважав експеримент завершеним, буде потрібно мінімум 100 конверсий.
В нашому прикладі перший варіант дизайну виявився більше вдалим. Його конверсія була на 37% вище.
Це ще один корисний сервіс, дозволяє оцінити поведінка відвідувачів на вашому сайті. З допомогою відеоплеєра ви зможете переглядати усi дії, вироблені на сайті, в режимі «живого» відео. Цей сервіс дозволить поліпшити юзабіліті навігації, усунути помилки дизайну, а також підвищити конверсию.


Усi викладені вище методи є базовими підходами до тестування юзабіліті сайту. Вони застосовуються фахівцями вже не перший рік. До жаль, немає єдиної формули поліпшення взаємодії веб-середовища і користувача. При проектуванні дизайну сайту розробник намагається зрозуміти, як буде вести себе людина в системах інтерфейсу при вельми неточных обставинах. Передбачення такого поведінки менш точне, ніж результати досліджень, до наприклад, по фізики. Адже юзабіліті базується на рекомендаціях, отриманих шляхом прямого і включеного спостереження, і спирається на результати експериментів і попередній досвід розробки інтерфейсів. Якщо який-то елемент дизайну у більшості користувачів викликає проблеми при интеракции, швидше всього, фахівці запропонують вам просто відмовитися від його використання або замінити його на що-то більше звичне.
Незважаючи на то, що точна наука і дизайн — речі різного роду, основа у них одна — отримання знань шляхом тестування в реальних умовах. Застосувавши ці знання для поліпшення юзабіліті, ви зможете збільшити кількість конверсий на сайті, а значить, отримати більше прибутку від свого бізнесу. Хочу також відзначити, що абсолютно усi великі інтернет-проекти займаються тестуванням своїх інтерфейсів. Такі гравці онлайн-бізнесу, як Амазон, постійно тестують різні версії сторінок, знаходячи усi кращі рішення і отримуючи усi більше прибутку. Пам'ятайте, що збільшення конверсії на 0,1% — це збільшення доходів бізнесу на 10%. Вдалого вам тестування і високих конверсий!


