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

Всемирный День Юзабилити (World Usability Day, WUD) — ежегодный профессиональный праздник специалистов в области человеко-машинного общения, он отмечается ежегодно, начиная с 2005 года, во второй четверг ноября. В этом году он приходится на 11 ноября.

Главный лозунг Всемирного Дня Юзабилити — «Сделай жизнь проще!», а его задача — делать окружающий мир более дружественным к пользователю.

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

Зачем нужно проводить юзабилити тестирование?

• Чтобы получить обратную связь от пользователей (иногда еще на этапе проектирования) и понять, что ожидают люди от сайта и соответствует ли сайт их ожиданиям.
• Чтобы изучить поведение пользователей и выяснить, что работает, а что не работает в дизайне и в интерфейсе ресурса.
• Цель такого исследования — понять, как сделать сайт или веб-приложение проще и удобнее для посетителей.

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

UsabilityHub

На сайте доступны три онлайн инструмента, позволяющие тестировать юзабилити веб-страницы по ее скриншоту:

• Navflow. Приложение позволяет анализировать, насколько легко пользователи ориентируются на странице сайта.
• ClickTest. Выявляет области веб-страницы, на которые пользователи кликают наиболее часто. Результатом теста является карта кликов (heatmap), позволяющая понять, как люди взаимодействуют с интерфейсом сайта.
• Fivesecondtest. Как известно, посетители сайтов не читают веб-страницы с начала до конца, они быстро «сканируют» их на наличие нужной информации. Как только в поле зрения человека попадает ссылка, хотя бы отдаленно напоминающая ту, которую он ищет, он тут же переходит по ней. Пятисекундный тест предназначен для того, чтобы проанализировать, какие элементы страницы привлекают наибольшее внимание пользователей и какие элементы интерфейса наиболее важны для них.

Как это работает?

Выбираем тип теста.

Для примера выбрали пятисекундный тест.

Загружаем скриншот веб-страницы.

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

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

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

Запускаем тест и задаем желательное количество тестеров для страницы. Кода они ответят на вопросы, получаем результаты.

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

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

Например, я хочу, чтобы мой скриншот просмотрели 50 человек, но у меня не хватает для этого кармы. Придется поработать....

UserPlus

На этом сайте можно протестировать веб-страницы двумя способами:

• Самостоятельно, с помощью The Advisor Tool.
• С помощью реальных людей-тестеров, инструмент так и называется: The Tester Tool.

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

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

Как это работает?

Создаем проект и загружаем скриншоты страниц сайта. (В бесплатном варианте можно загружать один скриншот в месяц.)

Затем размечаем скриншот элементами интерфейса.

Отвечаем на вопросы check-листа по всем выбранным элементам интерфейса. Список вопросов получается довольно внушительный.

На выходе получаем оценку юзабилити для каждого размеченного элемента и страницы в целом.

Usabilla

Тестирование юзабилити на сайте Usabilla проходит в пять этапов:

• Создаем новый тест: указываем URL сайта, который собираемся тестировать, и язык тестирования. Доступно 20 языков, в том числе русский.
• Указываем страницы сайта для тестирования. Можно загрузить их скриншоты с компьютера или указать путь к ним на сайте.
• Выбираем вопросы, на которые хотим получить ответы от пользователей. Можно воспользоваться стандартными, заранее предопределенными вопросами или сформулировать свои собственные.
• Приглашаем людей, готовых принять участие в тестировании и поделиться своим мнением.
• Программа аккумулирует результаты тестов и отзывы пользователей, а затем предоставляет статистику, сгруппированную в удобном для анализа виде. Тестируемые страницы можно просматривать в виде тепловых карт активности (heatmap).

Видео дает довольно точное представление о том, как работает Usabilla.

Ах, да! Бесплатно можно протестировать две страницы на десяти людях.

СonceptFeedback

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

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

В рунете есть ресурсы, аналогичные ConceptFeedback: re:vision и Russian Creators.

OptimalWorkshop

На сайте OptimalWorkshop можно оптимизировать сайт, используя три разных инструмента:

• Optimalsort. Инструмент, который помогает организовать структуру сайта с помощью метода сортировки карточек.
• Treejack. Приложение для тестирования многоуровневой информационной архитектуры (ИА) сайта. Чтобы начать тестирование, структуру веб-сайта необходимо организовать как таблицу и загрузить в Treejack.
• Calkmark предназначен для тестирования юзабилити веб-страниц. Он помогает понять, насколько просто (или сложно) пользователям сайта находить нужную информацию. Чтобы начать работу, загружаем скриншот веб-страницы и ставим перед пользователями какую-либо задачу. Calkmark накапливает ответы и выдает результаты тестирования в виде тепловой карты кликов (heatmap), а также сообщает среднее время, необходимое для выполнения каждой задачи.

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

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

• OptimalSort: десять участников и 30 карточек за один опрос.
• Chalkmark и Treejack: 10 участников и 3 обследуемые задачи за один опрос.

4Q

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

Feng-GUI

Feng-GUI имитирует взгляд пользователя в течение первых 5 секунд воздействия визуального эффекта. Это приложение создает карту движения глаз по странице (heatmap) на основе алгоритма, который предсказывает, на что, скорее всего, будет смотреть реальный человек.

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

Userfly

Добавление кода Userfly на сайт позволит записывать на видео поведение пользователей и получать интересную и полезную информацию о том, как они взаимодействуют с веб-страницами.

Видео на главной странице сайта хорошо иллюстрирует, как это работает.

ClickHeat

Это бесплатное программное обеспечение с открытым кодом интегрируется на сайт и создает визуальную тепловую карту кликов (heatmap) посетителей веб-страницы. А так как код ClickHeat находится непосредственно на сервере, то карта отражает результат работы реальных пользователей сайта.

Во второй статье про инструменты для юзабилити тестирования сайтов описаны два русских приложения: WebVisor и SitePolice, там же приведена сводная таблица с основными характеристиками всех описанных сервисов.

Присоединяйтесь к нам на Facebook'e, читайте нас в Twitter'e!