Аудит юзабилити для новичков - разбираемся в основах

Lemarbet
27-02-2020
12693
SEO
Аудит юзабилити для новичков - разбираемся в основах

 Такой вопрос возникает у тех, кто только выводит свой бизнес в интернет. Кажется, что достаточно создать сайт, наполнить его товарами и останется только подсчитывать клиентов и наращивать обороты. На деле все намного сложнее и не всегда удается понять причину, по которой клиенты не покупают товар у вас. Одна из самых распространенных проблем - неудачный пользовательский интерфейс и не лучший пользовательский опыт. Аудит юзабилити выявляет эти проблемы. Стоимость аудита юзабилити окупается довольно быстро. Что касается инструментов, необходимых для этого, то мы использовали Plerdy, Ahrefs и Serpstat.

Из чего состоит аудит юзабилити, какие результаты достигаются

Аудит юзабилити условно делится на 2 составляющие:

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

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

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

За счет оптимизации юзабилити:

  • растет клиентская аудитория, причем ценник за привлечение клиента снижается;
  • увеличивает и доход, и средний чек;
  • повышается конверсия.

Что проверяется в первую очередь

Независимо от того с каким сайтом ведется работа по этим пунктам проверка делается в первую очередь:

  • как быстро загружается сайт, адаптирован ли он под мобильные устройства. Желательно, чтобы скорость загрузки не превышала 3-4 сек.;
  • контент на сайте должен быть адаптирован по целевую аудиторию (имеется в виду язык, единицы измерения);
  • оформление меню и интерфейса в целом, меню должно быть выдержано в одном стиле и размещаться в верхней части страницы. То же касается и интерфейса - придерживайтесь одного стиля;
  • расположение ключевых элементов. Например, логотип в верхней части слева, по центру или справа - строка поиска, контактные данные - справа или по центру.

Также проверяется информативность. Посетитель должен за 1-2 секунды понять, соответствует ли сайт его запросу.

Теперь на каждом из основных этапов остановимся подробнее.

Работа с главной страницей

Этот элемент важен даже если речь идет об интернет-магазине. Главная страница формирует первое впечатление об интернет-ресурсе. Здесь:

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

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

При этом можно добавить:

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

Главная страница не должна вызывать ощущение, что сайт навязывает себя.

Анализируем контент

Запомните эти правила:

  • сперва привлекаем внимание важной информацией, а уже потом обосновываем и доказываем ее;
  • не увлекайтесь лонгридами. Учитывайте, что посетитель изучает контент по F-образной схеме;
  • цвет шрифта должен контрастировать с фоном, лучше использовать вариант без засечек, размером не ниже 12 px;
  • разделяйте абзацы, делайте акцент на особо важные нюансы. Не забудьте структурировать текст;
  • выделяйте ссылки;
  • максимальная открытость - не скрывайте информацию;
  • проверяйте орфографию и пунктуацию. Неграмотно написанный текст физически неприятно читать;
  • разбавляйте текст изображениями, диаграммами, таблицами.

Посмотрите на пример ниже. Ни призыва к действию, ни акцента на товаре - не делайте так.

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

Оцениваем удобство навигации

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

  • “хлебные крошки” - их отсутствие недопустимо, желательно, чтобы они были кликабельными;
  • все разделы должны иметь имена;
  • организуйте доступ к меню 1-го уровня с любой страницы сайта;
  • сделайте логотип кликабельным, пусть он ведет на главную страницу. Разместите логотип на каждой странице;
  • можно продублировать контактную информацию, например, в “шапке” - телефон, а в “подвале” - прочие варианты связи (email, viber, skype);
  • страницу 404 нужно оптимизировать. Если пользователь на нее попал, она не должна быть тупиком. С нее должны быть пути возврата на предыдущую страницу либо в другие подразделы меню.

Желательно эти пункты продумывать еще на этапе создания сайта. Ниже пример адекватного и удобного меню.

А здесь меню оставляет желать лучшего. Пользователю придется прилагать усилия для поиска нужного пункта.

Нужен ли внутренний поиск

Якоб Нильсен (основатель Nielsen Norman Group) предлагает четкие критерии:

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

Что касается непосредственно организации, то:

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

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

А здесь посетитель ищет отель в Киеве, а в результатах получает отели во Львове. Это недопустимо.

Специальные возможности

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

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

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

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

Для этого используются:

  • Google Analytics и Google Search Control - получаете всю информацию по источникам трафика и возможным проблемам;
  • тепловая карта кликов Plerdy - инструмент, отслеживающий поведение посетителей в режиме реального времени.

Карты кликов Plerdy дают информацию и по отдельным элементам, и по глубине скролла. За счет этого выделяются наименее интересные пользователям элементы и заменяются другими.

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

Заключение

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

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

Поделиться
В поисках подрядчика по SEO?
Заходите в наш online каталог SEO агентств и выбирайте партнера по ряду критериев: балл, портфолио, отзывы, кейсы и статьи. Или организуйте тендер в данном каталоге, выбрав понравившиеся вам компаниии.
Больше не нужно искать и обзванивать диджитал-агентства!
Создайте тендер и получите предложения от лучших веб-студий Украины.
В каталоге 1700+ диджитал-агентств, готовых помочь в реализации ваших задач. Выберайте и экономьте до 30% своего времени и бюджета! Это бесплатно и займет менее 3-х минут.
Создать тендер
Не пропусти IT новости!
А также актуальные IT: мероприятия, курсы, кейсы и интересные статьи.
Telegramm канал: @itcases
Подписка на рассылку
Получайте одно письмо в неделю с самыми важными новостями.
Bug