Инна Arsa

Как провести юзабилити-тестирование сайта

Главный редактор в Serpstat

самостоятельно и с помощью сервисов

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

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

1

Проведите детальное пользовательское тестирование

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

Не медлите с проведением пользовательских тестов. Вы должны их сделать уже в каркасной стадии дизайна вашего сайта. Именно поэтому этот совет в моем списке стоит под номером один.

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

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

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

Рекомендую анализировать тест в два этапа. На первом этапе вы должны узнать, как пользователи ведут себя на вашем сайте, как изучают его, и на что кликают. Дайте людям простые задачи: выполнить какое-то действие (подписаться на email-рассылку, зарегистрироваться, найти определенный товар, перейти на конкретную страницу).

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

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

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

2

Используйте короткий пользовательский тест

Если у вас нет возможности проанализировать мнения от 5 до 10 человек (что было бы лучшим решением), проведите тест на основе первого впечатления пользователей и беглой оценки их поведения. Даже беглая оценка сайта — это лучше, чем полное ее отсутствие :) Все, что потребуется, это зайти на Fivesecondtest, загрузить скриншот веб-страницы и задать интересующие вопросы:

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

Результаты эффективности пользовательских тестов

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

3

Изучите тепловую карту активности посетителей

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

Полностью удалите непопулярные фрагменты, измените дизайн или переместите их в другое место. Детально проанализируйте наиболее кликабельные элементы и попробуйте использовать тот же прием (похожую картинку, кнопку, положение кнопки и т.д.) на других страницах сайта.

Существует множество платных и бесплатных инструментов, которые проводят анализ активности пользователей. Одним из самых популярных является инструмент Вебвизор, который последние несколько лет интегрирован в интерфейс Яндекс. Метрики. С его помощью можно:

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

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

Отдельно хотелось бы отметить специальные плагины для WordPress, которые добавляют похожую отчетность напрямую в админку вашего сайта, вместо того, чтобы подключаться к внешнему сервису. Это плагины Heat Map Tracker, Hotspots Analytics, и Extra Watch Pro. Однако и у них есть недостатки: нерегулярное обновление, а также возможное замедление работы сайта.

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

4

Проверьте графическую составляющую вашего сайта

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

Чтобы определить хороша ли контрастность на странице, сделайте ее скриншот, откройте любой графический редактор (например, Pixlr или Canva) и переведите картинку в оттенки серого. Если текст на странице практически незаметен и его сложно прочитать, то контраст недостаточен. Руководствуйтесь общим правилом: чем выше контрастность, тем лучше читабельность.

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

А если не уверены в своем выборе, воспользуйтесь интересной программой Checkmycolours. Она даст вам подробный обзор цветов, которые вы использовали в своем интерфейсе и подскажет в каких элементах вы возможно допустили ошибку.

5

«Замыльте» скриншот страницы на 3-пикселя

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

Анализ удобства сайта при плохой видимости

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

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