0 Вы только узнали
% информации

Юзабилити аудит сайта

Generic selectors
Exact matches only
Search in title
Search in content

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

Андрей Чорный подготовил короткое видео «Карта кликов сайта: что это и для чего нужно? Улучшаем юзабилити сайта«. Рекомендуем Вам его посмотреть и узнать как с помощью карты кликов улучшить юзабилити сайта. Приятного просмотра!

Что такое юзабилити-аудит и для чего его необходимо сделать в 2021 году?

Юзабилити-аудит сайта – это совокупность действий и мероприятий, направленных на выявление нюансов, которые создают трудности в процессе взаимодействия с веб-ресурсом. В ходе юзабилити-аудита специалисты оценивают веб-ресурс, проводят тестирование и формируют список комментариев и рекомендаций по совершенствованию сайта.

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

Итак, юзабилити-аудит состоит из анализа пользовательского интерфейса (user interface) и пользовательского опыта (user experience). Все его задачи делятся на следующие блоки:

юзабилити аудит

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

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

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

Чем полезен аудит юзабилити?

Цель юзабилити-аудита — определения текущего состояния, выявления сильных и слабых сторон сайта.

По его результатам можно:

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

Например, клиенты нашего интернет-агентства без дополнительных затрат на рекламу поднимали коэффициент конверсии с 0,8% до 5-10%.

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

Эти инструменты помогут качественно провести юзабилити-аудит:

  1. Google Analytics – главная аналитика вашего сайта. Благодаря ее данным, можно узнать предельно четкую информацию о пользователях сайта: возраст, регион, источник трафика и даже время пребывания на портале. Также данный инструмент позволяет анализировать определенные показатели и сравнивать их с предыдущими периодами.
  2. Google Search Console – помощник каждого интернет-маркетолога. Он первый извещает вас о возникновении проблем на сайте: неадаптивность к различным устройствам или плохая индексация страниц. К его советам стоит прислушаться и добавить в чек-лист юзабилити-аудита.
  3. Карта кликов Plerdy – набор инструментов, позволяющих определить, как потенциальные клиенты себя ведут на сайте, видят ли они конкретные элементы и что мешает им в конечном итоге оформить покупку.

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

Чек-лист юзабилити-аудита: основные рекомендации для улучшения UX

Мы подготовили для вас чек-лист категорий показателей юзабилити:

  1. ОБЩИЕ ПОКАЗАТЕЛИ АНАЛИЗА ЮЗАБИЛИТИ САЙТА
  2. ЮЗАБИЛИТИ-АУДИТ ГЛАВНОЙ СТРАНИЦЫ
  3. ЮЗАБИЛИТИ-АУДИТ НАВИГАЦИИ САЙТА
  4. ЮЗАБИЛИТИ-АУДИТ КОНТЕНТА НА САЙТЕ
  5. ЮЗАБИЛИТИ-АУДИТ ПОИСКА НА САЙТЕ ИЛИ В ИНТЕРНЕТ-МАГАЗИНЕ
  6. АУДИТ ЮЗАБИЛИТИ ОСОБЫХ ФУНКЦИЙ

ОБЩИЕ ПОКАЗАТЕЛИ АНАЛИЗА ЮЗАБИЛИТИ САЙТА

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

  1. Скорость загрузки сайта и отдельных страниц. Сайт должен загружаться не более 2-3 сек. Если быстрота загрузки дольше 4 сек, вы теряете более 40% вероятных клиентов. Проверяйте скорость загрузки здесь.
  2. Соответствие сайта географии ЦА. Сайт должен иметь основную версию на языке общения вашей целевой аудитории. Наполнение должно быть в правильном эквиваленте (валюта, температуры, часовой пояс и др.)
  3. Адаптивность верстки на любых устройствах. Сайт должен быть удобным в использовании и на ПК, и на планшете, а особенно на мобильном телефоне.
  4. Одинаковый вид интерфейса страниц. Для всех страниц должна быть единая структура построения – шапка, меню, содержимое страницы, подвал. Единственным отличием могут похвастаться страницы корзины или оформления заказа. Тут потенциального покупателя не стоит перегружать другой информацией.
  5. Одинаковый вид и расположение меню сайта. Оно должно быть расположено исключительно вверху страницы, и одинаково выглядеть на всех страницах. Рекомендуется, чтобы при скролле страницы меню фиксировалось и пользователь с любого экрана сайта мог воспользоваться им.
  6. Однозначность сайта. Потенциальный клиент должен менее чем за 3 секунды понять предназначение сайта и суть его предложение.
  7. Расположение элементов в предполагаемых местах:
    • логотип компании – вверху страницы слева;
    • номер телефона или контактные данные – вверху страницы справа;
    • строка поиска – вверху страницы слева или по центру.
  8. Наличие уникального фавикона на сайте. Благодаря ему, ваш сайт пользователи найдут значительно быстрее всех других открытых в браузере вкладок.
  9. Наличие видимого СТА. Основной клич к действию должен располагаться на максимально видном (не раздражительном) месте, которое тяжело пропустить.
  10. Наличие моментального скролла на всех страницах сайта. Пользователь должен иметь возможность с любой части сайта или вернуться на первый экран, или опуститься вниз страницы.

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

ЮЗАБИЛИТИ-АУДИТ ГЛАВНОЙ СТРАНИЦЫ

Главная страница должна содержать следующие пункты:

  1. Краткая информация о сайте. Расскажите о том, какую проблему пользователя вы готовы решить.
  2. Название, логотип, слоган. Сайт должен запомниться. В том числе, благодаря названию, логотипу и слогану. Брендинг – одно из условий выживания на конкурентном рынке.
  3. Описание преимуществ. Чем ярче преимущества, тем выше шансы получить клиента.
  4. Меню навигации. Оно должно быть структурировано по темам, согласно поисковым запросам клиентов.
  5. Контактная информация. Покажите готовность ваших менеджеров к живому общению с клиентами: телефон, электронная почта, адрес или любая другая форма обратной связи является обязательной. Контакты должны быть актуальными.

На главной странице также может быть:

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

На главную страницу не нужно добавлять:

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

В одном интернет-магазине нами было выявлено нерациональное использование слайдера и нечитабельное меню с навигацией:

навигация

Очевидно, что вся информация на главной странице должна быть актуальной. Устаревшие новости или баннер, ведущий на страницу с отсутствующим товаром, уменьшают конверсию.

ЮЗАБИЛИТИ-АУДИТ НАВИГАЦИИ САЙТА

Это один из важнейших компонентов всех веб-ресурсов. Анализируя юзабилити навигации, следуйте таким рекомендациям:

  • Присутствие логотипа компании на всех страницах. Традиционно его располагают слева вверху и обычно он ведет на главную.
  • Меню первого уровня на всех страницах. Пользователь должен иметь возможность непосредственно переходить между основными категориями.
  • Контактная информация вверху и внизу страницы. Многие англоязычные ресурсы дают контакты в футере («подвале»), веб-ресурсы Укрнета указывают телефоны в хедере («шапке»). На самом деле лучше указывать контакты дважды, но с учетом того, что в хедере приоритетным является телефонный номер («горячая линия»), а в футере – другие возможные варианты обратной связи.

Сайт без юзабилити: единственная форма связи с автомастерской – электронная почта:

почта

  • Четкие и понятные названия разделов на страницах сайта. Очевидная рекомендация, хотя многие веб-разработчики об этом забывают: каждый раздел должен называться по-особенному.
  • Наличие кликабельных «хлебных крошек». Это удобный элемент навигации, позволяющий видеть структуру сайта. «Хлебные крошки» важны и для пользователей, и для поисковых роботов
  • Оптимизированная и удобная «Страница 404». Данная страница появляется тогда, когда на сайте не найдено страницы, которую ищет пользователь. Она должна быть настроена так, чтобы посетитель мог возвратиться на главную или сделать иной выбор.

Хуже всего, если посетитель попадает на тупиковую страницу, с которой невозможно перейти дальше:

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

ЮЗАБИЛИТИ-АУДИТ КОНТЕНТА НА САЙТЕ

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

  • «Правило пирамиды»: важная информация – всегда вверху, доказательства и описания– внизу.
  • F-образное размещение контента: следует учитывать, что большинство жителей планеты читают слева направо и сверху вниз;
  • Короткие статьи имеют преимущество над «лонгридами»: чем больше букв, тем выше вероятность, что материал не дочитают целиком.
  • Шрифты без засечек. Для текстов на страницах лучше использовать шрифты без засечек (к ним относится группа шрифтов «Sans Serif»)
  • Размер шрифта – не менее 12 px. В целом, кегль меняется в зависимости от дизайна сайта.
  • Цвет фона. Оптимально: черный шрифт на белом фоне, но могут быть и другие варианты. Главное – сохранить контраст цветов фона и шрифта.
  • Структурированность. Независимо от размеров, статья должна делиться на разделы и подразделы. Структурированный текст гораздо легче воспринимается.
  • Пространство. Для «читабельности» огромное значение имеет пространство: расстояние между предложениями, абзацами и различными типами контента.
  • Иллюстрации. Статьи с изображениями, фотографиями, инфографикой и схемами выглядят гораздо интереснее.
  • Грамотность. Чем чаще случаются очевидные грамматические и орфографические ошибки, тем выше вероятность потери клиентом доверия к сайту.
  • Обозначения ссылок. Ссылки должны иметь общий стандарт и обязательно выделятся на фоне текста или элементов навигации.

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

Аудит комфортности поиска наиболее актуален для сложных веб-ресурсов. Якоб Нильсен считает, что сайт, который состоит из:

  • более чем 1000 страниц, без сомнения должен иметь качественный поиск;
  • 100-1000 – может получить поисковый механизм;
  • меньше 100 страниц, может обойтись без поиска (достаточно продуманной навигации).

Вот несколько правил юзабилити поиска:

  1. Идеальное место для поиска – верхний правый угол.
  2. Оптимальная длина окна запроса – 30 символов.
  3. Только внутренний поиск: то, что ищет клиент, должно быть в рамках сайта. Старайтесь не выводить его на другие ресурсы.
  4. Возможность учитывать запросы с ошибками: желательно учитывать, что клиент может не знать правильного написания бренда или может допускать грамматические ошибки.
  5. Поле поиска обозначено: любой посетитель должен видеть, где находится строка для ввода поискового запроса.

Говоря о поиске, конечно, самое главное в нем – корректная работа.

Пример веб-ресурса, на котором вы ищете гостиницу в Киеве, а вам предлагают Львов и Сходницу:
поиск

АУДИТ-ЮЗАБИЛИТИ ОСОБЫХ ФУНКЦИЙ

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

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

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

Бывает, что фотографии в интернет-магазине больше похожи на картинку с 8-битной приставки:
качество фото

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

ЮЗАБИЛИТИ-АУДИТ САЙТА: ИЗУЧЕНИЕ И АНАЛИЗ ПОВЕДЕНИЯ НА САЙТЕ

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

Анализ кликабельности элементов сайта

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

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

Анализ глубины скролла страниц

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

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

Анализ глубины скролла страниц

Анализ активности пользователей на разных экранах страницы

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

Анализ активности пользователей на разных экранах страницы

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

Анализ наведения курсора

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

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

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

ТОП-10 самых популярных ошибок юзабилити интернет-магазинов

Давайте рассмотрим ТОП-10 популярных недостатков, которые мы собрали при проведении юзабилити аудитов:

  1. Избыточная анимация при отсутствии оптимизации. Она долго грузиться, а пользователи покидают страницу, если та открывается дольше 2 секунд. Сайт с избыточной анимацие не получит высокую оценку за юзабилити;
  2. Плохая читабельность. Неправильно подобранная цветовая гамма, чересчур маленький или нечитабельный шрифт является признаком слабого юзабилити и приводит к падению показателей конверсии;
  3. Отсутствие свободного пространства. Чем меньше пространства между составляющими сайта (текстами, фото, видео), тем сложнее воспринимать наполнение.
    Пример страницы без отступов между текстами и фотографиями:
    отступы
  4. Отвлекающие или вводящие в заблуждение элементы. Таких примеров очень много. Наиболее распространенные ошибки юзабилити: ссылки подчеркнутые пунктиром или кнопки, работающие по принципу чекбоксов. Все составляющие сайта должны быть практичны: если ими не пользуются — они бесполезны. Определить практичность элемента сайта можно с помощью карты кликов;
    Пример очень запутанного интерфейса: интерфейс
  5. Креативный дизайн с тупиковым сценарием. Ставка на оригинальность при отсутствии подсказок — самая распространенная ошибка юзабилити. Существует множество примеров, когда сайты получали награды за дизайн, но юзабилити, при этом, было “ниже плинтуса”;
  6. Слишком сложный функционал. Количество действий для совершения покупки в интернет-магазине должно быть обоснованно. Одни специалисты говорят о важности “покупки в 3 клика”, другие — что кликов может быть и больше, ведь главное — конверсия и конечный результат. В любом случае не требуйте того, чего нет у ваших конкурентов: регистрации, заполнения дополнительных полей. Минимум действий при оформлении заказа — это ваше конкурентный “конёк” и плюс юзабилити;
  7. Неадаптированный поиск. Если покупатель вводит название товара с ошибкой, найдет ли он то, что ему нужно? Разумеется, большинство пользователей исправятся, но если у конкурентов ошибки исправляются автоматически — их посетители быстрее найдут то, что искали;
  8. “Скрытая” информация. На сайте не может быть ничего скрытого кроме конфиденциальных данных о клиентах. Условия оплаты и доставки, контакты, и другие публичные данные постоянно должны быть на виду, а доступ к ним возможен с любой страницы;
  9. Непонятная терминология. Даже очевидные названия иногда требуют объяснения. Указывая, что товар “в наличии” или “под заказ”, обязательно разъясните, что подразумевается? Каждый шаг на странице должен быть понятен клиенту. Яркий пример: вместо кнопки “Дальше” в окне оформления товара, лучше объяснить, что ждет клиента на следующей стадии: “Перейти к оплате” или “Выбрать способ доставки”.
  10. Отсутствие мобильной версии. Популярная юзабилити-ошибка многих сайтов: такие веб-ресурсы не могут претендовать на высокие позиции в поисковом рейтинге. Во-первых, для поисковых систем адаптивный дизайн имеет приоритет над десктопным. Во-вторых, процент мобильного трафика бесконечно растет. Поэтому версия сайта для смартфонов обязательна. Она должна учитывать требования эргономичности: выбирать товар, читать характеристики, заказывать доставку, оплачивать должно быть также просто, как и на десктопе.

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

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

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

Часто задаваемые вопросы о юзабилити-аудите:

Что такое юзабилити-аудит?

Юзабилити-аудит сайта – исследование нюансов, создающих трудности при взаимодействии с интернет-порталом. Специалисты оценивают веб-ресурс, тестируют его и составляют список советов по улучшению сайта.

Для чего юзабилити-аудит необходимо сделать в 2021 году?

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

Стоимость юзабилити-аудит сайта

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

Можно ли сделать юзабилити-аудит самостоятельно?

Да, конечно. Однако без владения навыками работи з Google Analytics, Google Search Console и картой кликов Plerdy тут никак. Именно с использованием этого инструментария Ваш аудит станет удачным.

Задать вопрос

Оставьте вопрос или комментарий к статье:

Ваш адрес email не будет опубликован. Обязательные поля помечены *