Тестирование юзабилити сайта

  • Дата:15.08.2013
  • Автор:Юлия Солнцева

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

Как показывает практика, удобный сайт приносит пользователям больше удовлетворения от взаимодействия. В свою очередь это увеличивает количество посетителей, которые стали клиентами — то есть повышает конверсию ресурса. Дизайнеры и веб-разработчики, несмотря на свои профессиональные навыки и практику, все-таки не могут объективно судить об удобстве взаимодействия с ресурсом. Естественно, что созданные ими навигационные элементы будут для них понятными и самоочевидными. Однако личностные качества и непосредственная работа с проектом мешают им оценивать юзабилити сайта объективно. Единственным источником объективной информации является целевая аудитория.

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

Сколько респондентов необходимо для исследования?

Бытует мнение, что тестирование сайта – затратное дело с точки зрения финансов и времени. Однако, исходя из результатов последних исследований в области веб-технологий, специалисты пришли к выводу, что для релевантного сбора информации о юзабилити ресурса достаточно пяти целевых респондентов. В то же время Якоб Нильсен, web-технолог, автор ряда фундаментальных работ по улучшению юзабилити веб-интерфейсов, провел исследование, в результате которого установил, что для максимального получения информации о юзабилити сайта необходимо 15 респондентов.

Почему тогда рекомендуемое количество респондентов равно пяти? Дело в том, что каждый последующий респондент дает меньше уникальной информации о юзабилити, чем предыдущий. Как видно на графике, 5 респондентов дают 85% актуальной информации о состоянии вашего ресурса. Это и есть оптимальное соотношение средств, времени и полезности исследования.

В критических точках исследования, то есть в тех вопросах, где мнения респондентов расходятся, специалисты рекомендуют провести дополнительное, точечное исследование, задействовав для этого новую аудиторию.

Стоит отметить, что мнения посетителей и разработчиков о юзабилити сайта и эстетическом восприятии дизайна порой кардинально отличаются. Нередко бывает, что самые лучшие, по мнению разработчиков, варианты реализации дизайна не пользуются популярностью у обычных пользователей. Ниже приведены примеры А/В тестирования с указанием, как изменилась конверсия:

imagescape.com

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

- geomoto.com

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

- naturskyddsforeningen

конверсия 4.7%                                             конверсия 10.2%

Малозатратные методы тестирования юзабилити сайта

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

1. Разработка нескольких вариантов дизайна

Суть метода заключается в прорисовке двух и более вариантов дизайна и отдельном тестировании каждого из них. Версии дизайна могут как кардинально отличаться друг от друга, так и быть выполнены в одном направлении. Конечно, следует придерживаться разумного различия вариантов, так как тестирование — это не выбор “победителя”, а метод создания лучшего дизайна с помощью компоновки различных вариантов. Начав тестирование, вы с интересом заметите, что каждая версия будет нравиться респондентам какой-то определенной функцией.

После выбора основного концепта следующим логическим этапом тестирования на стадии разработки интерфейса идет интерактивное проектирование элементов дизайна.

Интерактивное проектирование

Интеракция – важный аспект пользовательского интерфейса, поэтому он обязательно должен пройти тестирование перед запуском проекта. Суть метода интерактивного проектирования заключается в определении скорости решения респондентом некой задачи по интеракции на вашем сайте. К примеру, при анализе юзабилити интернет-магазина тестируемых просят найти товар определенной категории и сделать заказ, указав все необходимые данные. Метод интерактивного проектирования хорошо показывает себя на второй стадии разработки сайта — уточнении деталей. Особенно он эффективен, когда в арсенале исследователя есть несколько альтернативных вариантов навигации. Таким образом, протестировав их, можно не только выявить проблемы, но и решить их с помощью компоновки самых удачных решений. Подобные методы тестирования широко применяются для оценки юзабилити платежных и банковских систем.

2. Конкурентное тестирование

При конкурентном тестировании юзабилити дизайн ресурса оценивается путем сравнений. Этот метод хорош по двум причинам:
1. Вы не тратите много средств на тестирование;
2. Получаете объективную оценку сайта, превращаясь в обычного пользователя.

Конкурентное тестирование выполняется следующим образом: вы выбираете ресурсы потенциальных конкурентов, интерфейс которых обладает тем же набором функций, что и ваш сайт, и тестируете его с точки зрения обычного пользователя. Полученные результаты помогут вам лучше понять, как ведет себя посетитель на вашем ресурсе, с какими трудностями он сталкивается, как их лучше решить. Используйте опыт других на благо развития своего бизнеса. Оптимальное количество тестируемых сайтов — 3-4.

3. Тестирование самоочевидности контента

Это один из самых эффективных и простых в реализации методов тестирования юзабилити сайта. Суть метода заключается в том, чтобы заменить весь текст бессмыслицей, а затем провести тестирование аудитории на самоочевидность навигации на сайте. Берем ваш сайт и меняем шрифты на неразборчивые символы:

Затем просим найти и обозначить на макете следующие элементы: навигацию сайта, кнопки поиска, заказа товара, категории товаров, способы оплаты, адрес компании, поле регистрации т.д.

Согласитесь, этот достаточно бюджетный метод поможет выявить основные проблемы юзабилити вашего сайта и взглянуть на проблему иначе. Убрав контент, мы поймем, какую огромную роль в юзабилити сайта играет графика. К примеру, удачное обозначение корзины для покупок увеличивает позитивный опыт интеракции посетителя на 38% (Jakob Nielsen “High Usability”). Если сама компоновка сайта работоспособна независимо от контента, то большинство пользователей смогут легко ориентироваться на нем.

4. Тестируем онлайн

Можно ли провести тестирование юзабилити уже существующего сайта с минимальными расходами на исследование? Ниже будет приведет список популярных ресурсов, которые за весьма умеренную плату предоставляют различные варианты тестирования юзабилити вашего сайта. Преимуществом большинства из них является то, что вы можете проверить эффективность их методов работы абсолютно бесплатно, сделав несколько пробных тестов.

5. Отслеживание поведения посетителя на вашем сайте

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

Популярные ресурсы для онлайн-тестирования

1. Usertesting

Онлайн-сервис usertesting предоставляет подробный видеоотчет с комментариями о поведении пользователей на вашем сайте. Для правильной выборки тестируемых необходимо предоставить демографическую информацию о вашей целевой аудитории. Стоимость одного подробного отчета составляет 29$.

2. ClickHeat


Это сервис от labsmedia.com, представляющий собой карту кликов на сайте. Он оценивает юзабилити интернет-ресурса по следующему принципу: чем больше кликов в определенной зоне, тем теплее ее цвет на карте. Получив такую информацию со своего сайта, вы можете улучшить юзабилити тех элементов, которые остаются вне зоны внимания посетителя.

3. Fivesecondtest


Сервис fivesecondtest позволяет оценить сайт другими пользователями всего за 5 секунд одним из трех методов. В первом варианте тестирования пользователю в течение 5 секунд показывают скриншот сайта и после просят указать те элементы дизайна, которые ему запомнились. Во втором, сравнительном варианте тестирования, пользователю демонстрируют два скриншота, один из которых сделан с вашего интернет-проекта, и просят указать лучший вариант. В третьем методе, на шаблоне сайта пользователи указывают самый привлекательный элемент. Таким образом, с помощью данного сервиса вы сможете получить объективную оценку юзабилити от независимого лица, узнать первое впечатление о вашем сайте, а также выявить сильные и слабые стороны дизайна.

4. Conceptfeedback


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

5. Google A/B тестирование

Суть метода заключается в создании двух вариантов дизайна сайта и разделении трафика с помощью инструмента Google Website Optimizer. Одна часть посетителей видит вариант А, вторая часть — вариант В. Далее методом сравнения конверсии определяется лучший из них. 

К примеру, перед вами два варианта дизайна книги. В данном случае целью A/B тестирования является выявление той версии, дизайн которой наилучшим образом конвертирует обычных посетителей в подписчиков.

Чтобы Google Website Optimizer считал эксперимент завершенным, потребуется минимум 100 конверсий.

В нашем примере первый вариант дизайна оказался более удачным. Его конверсия была на 37% выше.

6. Вебвизор в Яндекс.Метрике

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

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

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