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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Сообщить об ошибке

Отменить
7866 8
Маркетинг Читать 8 минут 25 апреля 2016
Инна 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 пикселя и изучите страницу: что видно, а что нет. Наиболее важные элементы страницы — это кнопки призыва к действию, заголовки, название компании/логотип. Проследите, чтобы они были хорошо видны и читабельны.
Анализ удобства сайта при плохой видимости
Этот способ не похож на надежный источник, но вы будете удивлены, как много из него извлечете. Некоторые базовые проблемы с цветовой контрастностью или нецелесообразным использованием пространства будут решены.

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

Оцените статью по 5-бальной шкале

5 из 5 на основе 6 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов