Юзабилити-аудит сайта prian.ru

Andrew Chornyy - 001
Andrew Chornyy

CEO Plerdy — эксперт в области SEO и CRO с более чем 14-летним опытом.

Cases User Experience (UX)

Приан“Если у вашего сайта плохая конверсия — проверьте, наконец, юзабилити”

В статье расскажем о простом способе провести UX тестирование сайта на основе карты кликов Plerdy. После прочтения материала, вы сможете решить задачи:

  • Как провести аудит юзабилити любого сайта?
  • Какие инструменты наглядно и достоверно отображают данные по юзабилити сайта компании или магазина?
  • Каким страницам сайта, интернет магазина нужно уделить место в UX тестировании?

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

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

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

Смысл UX тестирования сайта

Если просто, то аудит юзабилити — это проверка, все ли хорошо работает на сайте. Технически это выглядит, как процесс тестирования ряда функций ресурса (просто сайта или магазина), выявления проблемных мест и фиксирования — что происходит, при разном взаимодействии. Целью является обеспечить комфорт пользования ресурсом для всех категорий посетителей — как для опытных интернет-пользователей, так и для бабушек с дедушками.

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

Кому нужно UX-тестирование сайта?

Всем. Любой ресурс нуждается в аудите юзабилити. Даже если владельцу магазина кажется, что, раз он понимает, как пользоваться ресурсом, то поймут и все — ему личній совет не верить глазам своим.

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

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

Как часто нужно проводить юзабилити аудит?

Идеально, если будет возможность проводить UX-тестирование сайта максимально часто. Насколько — зависит от того, о каком ресурсе речь. Если вы — владелец высоконагруженного магазина, с 1000+ посещений ежедневно, то проверка юзабилити и выявление проблем должна стать ТОП-пунктом в ваших daily-задачах.

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

Рабочий метод проведения UX-тестирования сайта

У специалистов по аудиту юзабилити нет недостатка в инструментах — тема востребована, индустрия пластична (чего стоят изменчивые требования Google!), и лучшие умы эпохи ежедневно работают над новыми алгоритмами тестирования удобства веб-ресурсов.

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

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

Преимущества проведения юзабилити аудита с помощью тепловых карт кликов

Если желаете конкретики, для чего нужен такой вид исследования:

  1. Узнать, почему низкая конверсия — сайт может быть банально неудобным, или его оформление слишком яркое и усложняет восприятие текстовой информации. Проведение аудита юзабилити сможет определить причину, почему пользователи уходят с сайта, на основе рекомендаций изменить дизайн, который вернет показатели эффективности ресурса на нужный уровень;
  2. Выявить баги — речь идет о, возможно, неработающих кнопках, не срабатывании каких-то скриптов или указание неверного урла в ссылке сайта;
  3. Оптимизировать контент — с помощью инструмента “карта скроллинга” специалист увидит — как глубоко посетители читают длиннопосты на сайте. Если во время проведения аудита юзабилити выяснится, что скролл не доходит до нужного момента и обрывается на первых экранах — это признак, что нужно поработать над читабельностью текстов на сайте;
  4. Определить, куда лучше поставить ссылку — если проследить, какие блоки информации посетители сайта смотрят чаще, где кликают, то можно выяснить — каким образом лучше расставить ссылки, чтобы пользователь дольше оставался здесь;
  5. Улучшить лидогенерацию через аудит поп-апов — инструмент, позволяющий выстроить поведение всплывающих окон таким образом, чтобы не мешать посетителям изучать сайт, но и вовремя уловить тенденцию, когда он уже готов будет совершить целевое действие;
  6. Анализировать эффективность call-to-action — если на сайте мало заявок, подписок на рассылку или заказов — аудит с помощью тепловой карты кликов выявит, насколько удобно размещены на ресурсе призывы к действию, чтобы пользователи были настроены на совершение целевого действия через них;
  7. Работа с отказами — аудит с помощью тепловой карты кликов определит, почему и что именно не нравится посетителям на сайте, что они предпочитают уйти с него;
  8. Аудит работы динамических элементов — срабатывает ли подсветка кнопки, происходит ли всплывание информации при наведении на карточку товаров? Карта кликов учитывает и такие моменты;
  9. Последовательность кликов — в результате проверки юзабилити сайта по этому параметру можно понять, в каком порядке нужно построить информационные блоки, чтобы больше вовлекать пользователей во взаимодействие.

Аудит юзабилити на примере https://prian.ru/

Чтобы наглядно посмотреть, как происходит тестирование пользовательского опыта, проанализируем удобство известного сайта по продаже недвижимости за рубежом https://prian.ru/. Аудит будем проводит по следуюшему плану:

  1. Отбор страниц для аудита через статистику кликов
  2. UX-тестирование Главной
  3. Аудит мобильной версии Главной
  4. Проверка карточки страны
  5. Юзабилити мобильной версии карточки страны
  6. Юзабилити раздела предложения
  7. Аудит мобильной версии страницы предложения
  8. Проверка страницы статьи в блоге
  9. Аудит мобильной версии страницы статьи в блоге

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

Отбор страниц для UX аудита через статистику кликов

За основу будет принята статистика кликов за последние 30 дней. Отчетность по кликам:

Статистика кликов

На основе этого отчета для проверки будут выбраны следующие страницы:

Статистика кликов1

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

Первое правило юзабилити — на первом экране главной обязательно должно быть представлено УТП, триггер целевого действия и контакты. Клиент может просто недоскролить до второго экрана или второй страницы.

глубина скрола

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

Пример:Юзабилити аудит 2

UX тестирование главной страницы сайта

Согласно данным по скроллу видим, что ко второму сегменту доходит только 22%.Юзабилити аудит 3

Просмотрев клики в первом сегменте, видим, что на баннер осуществляют малое количество кликов.Юзабилити аудит 4

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

Если взглянуть на пребывание курсора (он здесь остановился более чем на 4 с), то видим, что курсором водят по баннеру, однако не кликают. Вывод – людей это не очень интересует.

Юзабилити аудит 5

Если взглянуть на карту кликов по сегментам, то видим внизу страницы присутствует активность. Лучше эти баннеры уменьшить для улучшения показателя скролла. Пример баннера:Юзабилити аудит 6

Рекомендуется добавить иконку о выпадалкеЮзабилити аудит 7

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

Первый клик из органического трафика приходится в основном на поиск страны регионаЮзабилити аудит 8

Если смотреть прямые посещения, то там больше кликают на пункте меню “Статьи”, кнопках “Войти” и “Поиск”.Юзабилити аудит 9

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

как это сделано тутЮзабилити аудит 11

Удобнее поиск закрепить при скролле, поскольку это самый популярный и самый важный элемент на сайте.Юзабилити аудит 12

Нет валидации. Поиск работает, если ничего не выбрано. Это — не совсем удачное решение с точки зрения юзабилити, поскольку пользователю придется специально обновить страницу, чтобы очистить форму поиска.Юзабилити аудит 13

Поскольку этот баннер не кликабельный, на его место можно вывести еще один столбец со странами.Юзабилити аудит 14Лучше блок стран сделать в виде карусели и добавить стрелки перемотки. Список для выпадающего меню оставляем как есть.Юзабилити аудит 15

Этот текст рекомендуется сделать кнопкой, а также добавить иконку о выпадающем меню.Юзабилити аудит 16

Эти баннеры в правом сайдбаре не собирают клики. Это может быть связано с тем, что эта форма баннера существует давно, и еще в 2010-х годах стала для пользователей “слепой зоной” — местом, информацию с которой посетитель неосознанно игнорирует. Что с точки зрения юзабилити сайта делает наличие этой рекламы бесполезной.
Юзабилити аудит 17

Нужно изменить формат баннера, или это сделать в слайдере. Конечно размер формируется на основе свободного места и номера экрана. Пример:Юзабилити аудит 18

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

Если смотреть на предложения списком, то видим кнопку “Написание продавцу”.Юзабилити аудит 20

А если смотреть в виде таблицы, то кнопки “Написать” на форуме нет.Юзабилити аудит 21

Аудит юзабилити раздела показал, что на этих элементах явно мало кликают. Можно смену форматов удалить.
Юзабилити аудит 22

Здесь нет кнопки CTAЮзабилити аудит 23

Эти элементы некликабельные. Лучше сделать эти стикеры как хэштеги и группировать соответствующие предложения по клику на них.Юзабилити аудит 24

Иконку и текст рекомендуется объединить и задать одну ссылку.Юзабилити аудит 25

Если взглянуть на путешествие мышки по сегментам, то видим большую разницу между 2 и 3 сегментом. Лучше в блоке “Лучшие предложения” на первых 2 позициях выводить «Популярное» согласно с аналитикой предложение.Юзабилити аудит 26

На эти стикеры присутствуют клики. Стоит добавить выпадающее меню с подсказкой, что это.Юзабилити аудит 27

Много пустого места. Сюда можно что-то вывести. Например, перелинковку на статьи, теги. Это будет не только преимуществом по юзабилити сайта, но и станет плюсом для SEO, поскольку улучшит внутреннюю перелинковку и продвижение по НЧ запросам.
Юзабилити аудит 28

Если нажать на кнопку “Написать продавцу», то открывается новая страница в новом окне с полями ввода.Юзабилити аудит 29

Можно сделать это в модальном окне, поскольку многие так делают. Рекомендуется провести а/б тестирование юзабилити сайта для определения лучшего варианта.
Юзабилити аудит 30

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

Лучше использовать поп-апы “Формы для сбора подписок”. https://www.plerdy.com/ru/smart-forms/.

Юзабилити аудит 31

Пример:Юзабилити аудит 32

Аудит мобильной версии Главной

Аудит Главной сайта в мобильной версии включает проверку юзабилити форм на сайте, выпадающих списков, наличия номера телефона и целевых триггеров в шапке сайта, масштабируемость шрифтов (информация должна быть читаемой, триггеры — заметными). Экраны и списки не должны быть слишком длинными — это отвлекает от осуществления ЦД и снижает показатели глубины скролла. Современные правила юзабилити сайтов предписывают баннеры в мобильной версии либо уменьшать, переносить с первого экрана, либо убирать вовсе: они не кликабельны, отвлекают от более важной информации, которая должна быть в шапке. Должна быть кнопка “Вернуться вверх”, а также целевой триггер у описаний карточек. Если нажать на это поле, то появляется целое меню.
Юзабилити аудит 33

Стоит сделать это в виде обычного выпадающего меню, как это реализовано на ПК версии.Юзабилити аудит 34

Можно закрепить шапку при скролле и вывести «Поиск» и «Фильтр», как здесьЮзабилити аудит 35

Реклама может сильно ухудшить юзабилити сайта, особенно в мобильной версии. Но если рекламные баннеры — единственный способ монетизировать ресурс, то нужно изменить стиль, уменьшить размер, потому что объем кликов маленький.
Юзабилити аудит 36

Поскольку до 2 региона доходят лишь 28% пользователей.Юзабилити аудит 37

Карта кликов может показать, какие пункты, кажущиеся обязательными, можно убрать или спрятать под кат. Ниже на скриншоте — список стран, в которые можно купить тур. В результате аудита юзабилити с помощью Plerdy видим, что некоторые страны н пользуются популярность — по ссылкам с ними мало кликают. Такие страны можно скрыть, тем самым улучшить глубину скролла.
Юзабилити аудит 38

Можно поставить сюда Алфавит стран с якорной ссылкой на букву для быстрой навигации или предоставить свайповую перемотку по странам, как это предписано для ПК-версии. (обязательно указать клавиши перемотки).
Юзабилити аудит 39

Для кнопки «Показать все страны» стоит добавить иконку о выпадающем меню, а при его открытии иконку о закрытии.Юзабилити аудит 40

Поставить сюда иконку с текстом «Написать продавцу».Юзабилити аудит 41

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

Кривая верстка изображений особо не влияет на функциональность, но сильно портит привлекательность ресурса. В юзабилити сайта учитывается и визуал — неосознанно, пользователь воспринимает негармоничное размещение блоков, как неудобство. Поэтому это изображение рекомендуется позиционировать по центру. А чтобы было больше кликов — создать СТА.
Юзабилити аудит 43

Суть проведения аудита юзабилити — показать способы улучшить взаимодействие с пользователем. Один из них — добавить больше призывов к действию (call to action, CTA). Призыв могут отличаться.

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

Юзабилити аудит 44

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

Можно вывести сюда автора со ссылкой на его статьи для лучшей внутренней перелинковки на сайте.Юзабилити аудит 47

Рекомендуется добавить кнопку “Вверх”.Юзабилити аудит 488

Проверка карточки страны (https://prian.ru/spain/)

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

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

Если выбрана страна Испания, то это поле не нужно.Юзабилити аудит 51

Здесь должен быть выбор региона на основе этих данныхЮзабилити аудит 52

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

Подобная недоработка по юзабилити невелика, но сразу бросается в глаза, и вызывает ощущение “сырого” сайта, за которым не следят. Поэтому, добавляя новое предложение, нужно сразу же делать описание, чтобы не портить картину.
Юзабилити аудит 54

В блоке подборки по региону сделать призыв к действию, а также уменьшить количество символов описания. Описания сейчас большие, перед посетителем нет законченной мысли, что сказывается на юзабилити и желании пользователя читать информацию вообще. В карточках — прописать регион, площадь, количество комнат, информацию о цене и кредитовании, тип отопления. При этом у нас есть призыв “Написать продавцу”, но его трудно заметить, да и не все захотят именно писать письмо. Призыв нужно выделить цветом и сделать еще один — “Заказать звонок”, упростить задачу клиенту.
Юзабилити аудит 55

До этих табов доходят лишь 2% пользователей, однако по кликам они более активны, чем блок популярных компаний.Юзабилити аудит 56

Эти табы сделать по умолчанию закрытыми и переместить вверх вместо блока с компаниями, а блок компаний разместить в правом сайдбаре вместо баннеров. Как вариант — просто поменять местами. Блок с популярными компаниями разместить на месте подборок, подборки поднять выше со скрытыми вкладками.
Юзабилити аудит 57

Пример табов:Юзабилити аудит 58

Юзабилити мобильной версии (https://prian.ru/spain/)

Немодерируемый аудит юзабилити сайта предусматривает параллельную проверку версий верстки для ПК и мобильных устройств. И главное условие, которое должно соблюдаться в мобильной версии, — это максимальная сокращенность страницы. То, что можно скрыть или убрать, нужно скрыть или убрать. Фильтры должны раскрываться внизу под полями, а не закрывать основные введенные поля поиска.
Юзабилити аудит 59

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

Если взглянуть, где происходит первый клик на странице, то видим:Юзабилити аудит 61

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

Рекомендуется добавить сортировку по цене и рейтингу.Юзабилити аудит 63

Стоит добавить иконку «Написать продавцу».Юзабилити аудит 64

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

Ссылку “Смотреть все предложения по стране” на том месте, где она находится сейчас, видит только 38% посетителей (скрин ниже) — меньше половины.
Юзабилити аудит 66

Поскольку на сайте ее видит 38% пользователей.67

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

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

Если подойти к последнему элементу карусели, то дальше не переключается. Стоит сделать цикличными эти карусели.Юзабилити аудит 70

Юзабилити раздела предложения (https://prian.ru/price/italy-7125-3063411.html)

Аудит юзабилити этой страницы сайта указывает на скудность оформления триггеров целевого действия. Блок с контактами менеджера скрыт и находится в нижней части страницы, призыв “Отправить письмо” не выделяется на фоне оформления ресурса. Нужно разместить в шапке кнопку заказа консультации, вынести контакты менеджера в верхнюю часть сайдбара. Если взглянуть на все клики на страницах предложений, то видим что на этом элементе никто не кликает. Рекомендуется его лучше выделить.
Юзабилити аудит 71

Присутствуют клики по количеству фото. Стоит добавить элементы навигации по слайдеру, а также внизу вывести блок с дополнительными фото.Юзабилити аудит 72

На этом баннере вообще не кликают.Юзабилити аудит 73

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

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

А вот призыв “Написать автору” не кликают. Рекомендация по юзабилити: вывести контакты мессенджеров на место призыва.
Юзабилити аудит 76

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

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

Ошибка юзабилити: механизм открывания выпадалки работает. А закрыть выпадалку уже нельзя. Чтобы ее закрыть, пользователь должен разгадать загадку, ответом которой будет: хочешь закрыть одно меню — открой другое. Это снижает удобство пользование ресурсом. Рекомендация: разместить иконку о закрытии выпадалки.
Юзабилити аудит 79

Эту кнопку следует сделать более заметной.Юзабилити аудит 80

Этот блок по умолчанию скрытый.Юзабилити аудит 81

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

Аудит мобильной версии страницы (https://prian.ru/price/italy-7125-3063411.html)

Отсутствуют хлебные крошки.Юзабилити аудит 83

Возле меню добавить слово «Меню». Баннер в шапке в мобильной версии можно убрать, он некликабелен. Это касается большинства баннеров, поэтому, с точки зрения юзабилити, в мобильной версии рекомендуется не использовать рекламные баннеры  вовсе.
Юзабилити аудит 84

При нажатии на фото фотогалерея не открывается.Юзабилити аудит 85

Рекомендуется добавить блок с дополнительными фото.Юзабилити аудит 86

На кнопку «Показать все» меньше кликают, чем на название блока «Описание». Необходимо, чтобы она имела функцию выпадалки (добавить иконку выпадалки).Юзабилити аудит 87

Рекомендуется добавить кнопку быстрого скролла вверх. Юзабилити аудит 88

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

Добавить сюда иконки мессенджеров для быстрой связи.Юзабилити аудит 90

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

Добавить иконки валидации, что эти поля необходимы.Юзабилити аудит 92

Эти ссылки вообще некликабельные.Юзабилити аудит 93

Потому что сюда доходит лишь 11% пользователей. Стоит эти кнопки поднять выше.Юзабилити аудит 94

Проверка юзабилити страницы блога

Высота страницы большая, стоит добавить кнопку быстрого скролла вверх.Юзабилити аудит 95

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

По этих баннерах никто не кликает, их следует заменить на блок с популярными предложениями данной страны в виде слайдера и добавить CTA.Юзабилити аудит 97

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

Поэтому сюда можно добавить больше предложений.Юзабилити аудит 99

Стрелки перемотки карусели стоит вынести наружу блока.Юзабилити аудит 100

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

Эту кнопку рекомендуется лучше выделить.Юзабилити аудит 102

Этот поиск рекомендуется закрепить при скролле. Фильтры поиска можно расширить, чтобы посетитель получал более точные результаты выдачи по статьям. Юзабилити аудит 103

Юзабилити-аудит мобильной версии

Присутствует горизонтальный скролл. Такая ошибка юзабилити может обернуться весомым снижением рейтинга не только у посетителей (что негативно скажется на конверсии), но и у поисковых систем, поскольку если есть горизонтальный скролл — это признак, что есть проблемы с адаптивностью сайта, а значит — и ошибки в верстке. Алгоритм Google “Mobile-first”, исследующий удобство сайтов для просмотра на экранах смартфонов, может сбросить баллы за то, что контент не помещается в область экрана. Поэтому мобильную версию нужно дооптимизировать.
Юзабилити аудит 104

Стоит добавить иконку поиска возле гамбургера (как на ПК версии) и закрепить шапку при скролле. Высота шапки очень большая. Аудит юзабилити указывает на то, что стоит убрать баннеры с шапки и сайдбара сайта.
Юзабилити аудит 105

Стоит вывести хлебные крошки.Юзабилити аудит 106

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

Стоит добавить кнопку «Написать владельцу».Юзабилити аудит 108

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

Если пользователь не зарегистрирован, то оставить комментарий невозможно, а авторизоваться можно только через соцсети. Стоит добавить кнопку “Войти”.Юзабилити аудит 110

Выводы

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

  1. Краткость — сестра таланта и залог высокой конверсии. В мобильной версии нужно представлять минимум скрытого контента при максимуме навигации, кнопок ЦД и картинок. Версия для ПК также скролится слабо. Стоит УТП, офферы, виджеты соцсетей и кнопки ЦД размещать на 1 экране (+шапка).
  2. Хлебные крошки нужны в мобильной и десктопной версии. Это один из важнейших элементов навигации, а так как трафик идет преимущественно с телефонов, важно обеспечить удобство переходов и в мобильной версии.
  3. Баннеры сегодня получают мало кликов. В мобильной версии их нужно убирать или располагать в сайдбаре, внизу. Правило подходит и для ПК версии — не стоит ими заполнять полезное пространство.
  4. Кнопки ЦД должны быть частью каждой карточки. Они должны быть заметными — актуально для всех версий. Не стоит выводить такие элементы в сером или синем цвете. Лучшие цвета для кнопок — красный и оранжевый.
  5. Выпадающие списки, кнопки, поля должны быть идентифицируемыми. Что это значит? Да просто нужно ко всему добавлять подписи и призывы. Так конверсия и юзабилити будут выше.
  6. Длинная или короткая страница — кнопку “Вверх” стоит добавить. Можно и плавный скролл, чтобы можно было быстро вернуться назад.
  7. Шапка сайта — место для виджетов соцсетей, телефонов, адресов, кнопок заказа (звонка, связи с владельцем, консультации). По аналогии и футер.

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

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