article image

Что такое юзабилити сайта, как его проверить и почему оно так важно

Время на чтение: 10 мин.

plohoe-yuzabiliti-sajta

Не секрет, что важным критерием ранжирования сайтов в органической выдаче поисковых систем являются поведенческие факторы пользователей. Для того, чтобы пользователи дольше оставались на сайте и совершали целевые действия – читали статьи, совершали покупки, делали репосты, необходимо добиться удобства его использования. Юзер не должен «теряться» на страницах веб-ресурса и легко, буквально за пару кликов, находить нужную информацию. Удобство использования поможет подтолкнуть посетителя совершить целенаправленные действия. Если все хорошо спроектировано – он посмотрит туда, куда нужно вам и нажмет нужные для вас кнопки. В статье я расскажу о том, за счет чего можно добиться улучшения показателя юзабилити веб-ресурса.

 

 

 

Что такое юзабилити

В переводе с английского языка слово “usability” означает удобство использования и эргономичность, что и раскрывает саму суть термина. А если прибегнуть к более развернутому объяснению, то юзабилити – грамотное построение структуры веб-ресурса, позволяющее пользователю ориентироваться в нем без совершения лишних манипуляций. Если посетитель вашего ресурса не может разобраться как взаимодействовать с ним, то он просто его закроет и перейдет к следующему в поисковой выдаче. Поэтому у неудобных в использовании веб-ресурсов большое количество отказов. Это напрямую влияет на пользовательский опыт и, как следствие, на SEO.

 

 

 

Почему юзабилити сайта так важно

Конверсия напрямую зависит от юзабилити сайта. Страницу закроют, если:

 

 

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

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

 

 

 

Качественные критерии по которым оценивается юзабилити сайта

Удобство веб-ресурса принято оценивать по 5 основным параметрам:

 

 

  • Навигация – показатель того, насколько пользователю легко найти нужную информацию на просторах веб-ресурса, ориентироваться в представленной информации. Мешают ли ему фото товаров или элементы запредельных размеров.
  • Скорость = эффективность. Эффективность сайта оценивается по скорости загрузки страниц ресурса при пользовательской навигации. Весь лишний контент в виде кнопок или всплывающих уведомлений снижает скорость, а значит напрямую влияет на эффективность.
  • Запоминаемость – то, как быстро пользователь, который давно отсутствовал на сайте, сможет ориентироваться в нем после своего возвращения и даже при наличии визуально-функциональных обновлений.
  • Обработка ошибок ввода информации, использование масок, плейсхолдеров и всплывающих подсказок, подсказок клиенту по ошибкам и предложение способов решения.
  • Удовлетворенность – положительное восприятие пользователем ресурса его дизайна, стилистики и т.д.

 

 

 

Как оценить юзабилити

Базовое понимание основных критериев юзабилити даёт не очень много. Для вас, создателя и владельца ресурса, при использовании своего собственного детища все легко и понятно. Но чтобы действительно оценить юзабилити – нужно протестировать его на представителях своей целевой аудитории (ЦА).

 

 

Определить проблемы

Первостепенная задача – определить проблемные места, за счет которых можно улучшить юзабилити:

 

 

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

 

 

Сформулировать гипотезы

Ваши личные предположения о работе обновленного сайта, которые находят подтверждение или нет. Например:

 

 

  1. Клиенты не знают об акциях, потому что не читают новости – нужно привлечь внимание к новостям или проработать раздел «Акции».
  2. Частые посещения с мобильных устройств заканчиваются отказами из-за большой длины страницы. Пользователям просто неудобно листать большой объем информации для достижения кнопки с целевым действием – узнать утомляет ли пользователей длительная прокрутка.
  3. Формы обратной связи не используются, потому что их не видно – проверить изменится ли хоть что-то после увеличения этих форм, акцентировать внимание на них.

 

 

Фокус-группа

fokus-gruppa

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

 

 

Изучите пути пользователя

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

 

 

  • Что хочет получить пользователь? – товар, услугу или информацию;
  • Сколько кликов необходимо сделать для результата?
  • Какие сценарии достижения цели присутствуют на странице?

Допустим, посетитель ищет товар, чехол для Айфона. Какие ему необходимо выполнить действия:

 

 

  1. На главной странице – заполнить поисковую строку.
  2. Перейти через выдачу к интересующей модели.
  3. Добавить ее в корзину.
  4. Перейти в корзину.
  5. Оформить заказ.
  6. Воспользоваться личным кабинетом.
  7. Зарегистрироваться в нем.
  8. Заполнить форму для покупки.

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

 

 

Опрос целевой аудитории

Просто спросите представителей своей ЦА об удобстве использования ресурса. Создайте опрос в Google-формах и предложите покупателю пройти его. Можно предложить за это скидку на текущую или следующую покупку.

 

 

Тестирование

Эта проверка становится доступной ближе к этапу дизайна сайта. Допустим, дизайнер и маркетолог придумали два разных варианта исполнения. И теперь вам необходимо выбрать лучший из 3 вариантов (старый, новый от дизайнера и новый от маркетолога). Для этого можно воспользоваться бесплатным инструментом от Google – Content Experiments. Данный сервис позволит оценить эффективность всех вариантов и выбрать лучший.

 

 

Изучите вебвизор

primer-vebvizora

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

 

 

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

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

 

 

Проверьте скорость загрузки

Длительная загрузка страниц – главный враг юзабилити. Чем дольше загружается страница, тем вероятнее, что ее закроют. Оптимальные показатели – 1-3 секунды, а все что дольше – нуждается в доработке. Ускорить загрузку страниц можно при помощи:

 

 

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

 

 

Проверка в специальных программах

Проверить юзабилити сайта можно и при помощи программ. Для этого воспользуйтесь одним из следующих сервисов:

 

 

Название Пробный период Стоимость
Askusers Отсутствует От 60 USD
Sitepolice От 20 USD
Vwo Есть От 99 USD
Usabilla Можно запросить демо
Optimal workshop

 

 

Айтрекинг

ajtreking

Технология, записывающая движение глаз. Она фиксирует, как долго и куда смотрел пользователь. Для её применения придется во-первых – приобрести специальные устройства, а во-вторых – найти «испытуемых» из ЦА. Другая сложность этого метода – интерпретация полученных данных. Ей должны заниматься профессионалы.

 

 

Чек-лист юзабилити сайта

Исследование юзабилити сайта должно содержать проверку для декстопной и мобильной версий следующих элементов:

 

 

1. Основное

 

 

Первые основные пункты, на которые следует обратить внимание при разборе юзабилити сайта:

  • Главная страница отображает информацию тематики сайта;
  • Скорость загрузки сайта не более 1-3 секунды, иначе 40% пользователей покинут его;
  • Понятный интерфейс как для новых пользователей (помощь, подсказки), так для постоянных (сохранение данных, упрощение повторяющихся действий);
  • Отсутствие навязчивой информации (баннеры, большое количество всплывающих иконок);
  • Геолокация. Оптимизация сайта в соответствии с регионом пользователя: возможность переключения на нужный язык, подача контента в привычном виде с возможностью быстро и легко можно найти информацию о компании, товаре, контакты и тд.

 

 

2. Навигация, структура сайта и поиск

 

 

  • Поиск на сайте должен быть обязательно, но не стоит возлагать на него все надежды, забывая об остальной навигации. Пользователи не сразу ищут необходимое в поисковой строке, а предпочитают для начала зайти в раздел и использовать фильтры;
  • Пользователь на любой странице должен понимать, где он находится (хлебные крошки, подсветка активного меню);
  • Главное меню на любой странице находится в одном и том же месте (исключением может быть покупка товара):
  • Логотип кликабелен и является ссылкой для перехода (возврата) на главную страницу;
  • Контент структурирован и понятен;
  • Релевантный H1. Заголовки на всех страницах понятны и соответствуют содержанию.

 

 


    3. Главное меню

     

     

    • Доступность. Расположение меню в шапке сайта или под ней и дублирование в футере (подвале);
    • Сквозное главное меню, в котором находятся контакты, каталог товаров или услуг, доставка, оплата. Чтобы посетитель на любой странице находил нужную информацию;
    • Стандартные названия пунктов меню (Контакты, Оплата и тд.)
    • Простая структура – не более 2-3 подуровней;
    • Заметные подуровни. Если в пункте меню они есть, то это должно быть логично визуализировано;

     

     

    4. Коммуникация с клиентом

     

     

    • Форма обратной связи;
    • Быстрый заказ;
    • Целевые формы (регистрация, заказ) содержат только обязательные поля;

     

     

    5. Адаптация под разные устройства.

     

     

    6. Отзывы и комментарии.

     

     

    7. Страница блога.

     

     

    8. Онлайн-консультант.
    onlajn-konsultant

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

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

     

     

    Старт работ над юзабилити сайта

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

     

     

    Параметры, улучшающие юзабилити сайта

    Юзабилити сайта влияет на поведение пользователей. Чем лучше и удобней ресурс, тем больше времени они проводят на нем и выполняют целевые действия. Оценить время нахождения, показатель отказов, глубину просмотра помогают сервисы Google Analytics и Яндекс.Метрика.

     

     

    Показатель отказов

    Индикатор, который показывает, сколько пользователей быстро ушли с сайта по той или иной причине. Он указывает количество посетителей, закрывших страницу сразу после загрузки. Соответственно, чем этот показатель ниже, тем лучше сайт. Статистику по отказам можно посмотреть в отчете по посещаемости в Яндекс.Метрике.

     

     

    Как уменьшить число отказов

    Уменьшить число отказов можно при помощи:

     

     

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

     

     

    Глубина просмотра

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

     

     

  1. Улучшения навигации сайта.
  2. Размещения ссылок в тексте на основные и вспомогательные товары.
  3. Использования хлебных крошек.

Для просмотра статистики по этому критерию перейдите в Яндекс.Метрика – Стандартные отчеты – отчет «Содержание» – «Страницы входа».

 

 

Время, которое пользователи проводят на сайте

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

 

 

  • создания качественного текстового контента;
  • добавления информационных или обучающих роликов;
  • внедрения блога или раздела с интересными новостями.

Этот отчет просматривается в Яндекс.Метрике.

 

 

 

Заключение

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