UX/UI-аудит сайта: как проверить юзабилити

Чтобы улучшить сайт и привлечь новых клиентов, бывает необходимо провести UX/UI-аудит. Для аудита юзабилити существует несколько методик: он состоит из нескольких этапов и проводится при определенных условиях. Разберём, когда аудит юзабилити необходим для успешного продвижения ресурса.

UX/UI-аудит сайта: что это?

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

UX/UI-исследование требуется в следующих случаях:

• трафик стабильный, а роста продаж не наблюдается;

• сократилось время сессии;

• пошел вверх процент отказов;

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

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

Виды UX/UI-аудита

Существует 3 основных разновидности UX/UI-аудита:

1. Экспресс-аудит. Нужен для поиска ошибок, лежащих на поверхности. Занимает немного времени, его удобно делать по чек-листу.

2. Юзабилити-аудит. Расширенное исследование, которое анализирует путь пользователя и места, где он останавливается. Применяются коридорные проверки и гипотезы о поведении клиента.

3. Комплексный UX-аудит. Нужен при масштабных изменениях продукта или бизнеса. Инструментарий обширен — от тепловых карт до фокус-групп.

Когда нужно проводить аудит юзабилити

Типичные поводы для такого анализа:

• клиент, приходя на сайт, не совершает целевых действий (не покупает);

• при оформлении покупки часть клиентов «сливается», или трафик есть, а заказов нет;

• кнопки и другие функциональные элементы не используются посетителями;

• пользователи проводят на странице совсем мало времени;

• посетители не идут дальше главной страницы;

• на сайте появились лишние разделы, интерфейс стал перегруженным — пользователю трудно, и он уходит.

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

Причины для проведения аудита

Подготовка

Подготовительный процесс идет по определенному алгоритму:

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

2. Составить портрет типичного пользователя из целевой аудитории. Так проще понять, каким запросам должен отвечать сайт и соответствует ли путь пользователя существующему функционалу.

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

4. Найти специалиста и установить сроки, определить бюджет аудита.

5. Дать специалистам доступ к данным для анализа — панелям вебмастеров, Метрике, сервисам UX/UI-аналитики.

Достоверные данные для аудита — откуда взять?

• непосредственно сайт или приложение;

• для крупных проектов — руководство по стилю (Style Guide), которое помогает находить и исправлять ошибки внешнего вида;

• детальные срезы метрик — время на страницах, посещения, отказы; для этого незаменимы Яндекс Метрика и Google Analytics;

• сайты конкурентов — источник хороших идей и предостережение от плохих решений;

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

• обратная связь от отдела продаж и колл-центра, которые напрямую общаются с пользователями;

• анализ возможностей и узких мест используемой CRM или платформы.

Разместите
тендер бесплатно

Наша система сама подберет вам исполнителей на услуги, связанные с разработкой сайта или приложения, поисковой оптимизацией, контекстной рекламой, маркетингом, SMM и PR.

Заполнить заявку 13796 тендеров
проведено за восемь лет работы нашего сайта.

Способы и методы проведения UX/UI-аудита

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

На что обращать внимание при проведении юзабилити-аудита

Условно методики можно разделить на две группы:

1. На основе заранее подготовленного чек-листа или данных из сервисов аналитики.

2. Более сложные — на основе портрета целевой аудитории, паттернов поведения каждой аудитории на сайте и работы с фокус-группой.

Метод «чек-лист»

С помощью чек-листа можно выявить основные ошибки интерфейса и исправить именно их. Преимущества:

• проверка сразу по многим пунктам — чем шире чек-лист, тем глубже аудит;

• не нужно работать с гипотезами и анализировать ответы фокус-группы;

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

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

Использование накопленной аналитики

Самый простой и привычный способ: Яндекс Метрика, Google Analytics, Вебвизор и другие сервисы поведенческих метрик. Если этих данных нет или нужно сформулировать больше гипотез, используют методы ниже.

Эвристическая оценка интерфейса

По этой методике, разработанной в 1990 году, проблемы интерфейса выявляются исходя из человеческого фактора. Анализ проводится по 10 базовым принципам (эвристикам):

1. Работа системы должна быть максимально понятна пользователю.

2. Формулировки должны быть понятны человеку и соответствовать реальному миру.

3. Пользователь должен иметь возможность отменить действие и вернуться назад.

4. Максимальное единообразие и единые стандарты терминологии, чтобы пользователь не путался.

5. Минимум ситуаций, где можно ошибиться.

6. Пользователю не нужно много запоминать.

7. Частые действия для опытных пользователей упрощены и ускорены.

8. Нет бесполезной и устаревшей информации.

9. Сообщение об ошибке четко объясняет суть проблемы и помогает ее решить.

10. Справочная информация всегда под рукой.

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

Метод «Карточная сортировка»

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

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

Метод «Экспертиза компонентов»

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

Экспертное мнение

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

Этапы UX/UI-аудита

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

Подготовка

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

Анализ

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

Поиск ошибок

• соответствие портрета пользователя и его пути по сайту;

• ключевые конверсионные страницы;

• логика построения страниц и путей клиента;

• оптимизация сайта для мобильных устройств.

Формулирование гипотез

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

Отчет

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

Соответствует ли сайт потребностям и удобству пользователя

Три главных фактора при аудите юзабилити

Критерий хорошего дизайна — пользователь быстро находит нужный продукт и не путается в навигации. Для этого важны три фактора.

Продуманный дизайн

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

Логичное расположение контента

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

Эффективное общение с пользователем

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

Что проверять на сайте в первую очередь — короткий чек-лист

• Скорость загрузки. Если страницы грузятся медленно, клиент уйдет к конкуренту.

• Адаптивность. Большинство пользователей заходят с телефонов, поэтому важно удобство работы на мобильных устройствах и планшетах.

• Дизайн. Должен соответствовать аудитории; все элементы — текст, ссылки, кнопки — должны выглядеть гармонично.

• Навигация. Простая и понятная: пользователь заранее знает, куда попадет после клика.

• Фильтры. Качественная фильтрация помогает, а не путает.

• Информация о компании. Сроки доставки, оплата, отзывы, преимущества перед конкурентами, УТП.

• Легкость оформления заказа. Чем меньше полей, тем проще пользователю.

Результат и дальнейшие действия

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

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

Итог

Аудит стоит проводить при запуске нового продукта, а также при падении конверсии, оттоке пользователей и снижении числа целевых действий. Для этого нужно:

• идентифицировать проблемы сайта как UX/UI-проблемы;

• выбрать команду аналитиков, определить бюджет и сроки;

• предоставить доступы к системам аналитики;

• изучить конкурентов;

• составить портрет пользователя и сценарии взаимодействия, определить проблемные страницы — по сценариям и по метрикам;

• проанализировать проблемные страницы и составить список рекомендаций.

Вопрос-ответ

Почему UX/UI-аудит сайта актуален?
Если интерфейс или верстка составлены неправильно, есть проблемы с навигацией и информативностью, элементы выглядят некликабельными или заказ оформлять неудобно, клиенты уходят к конкурентам — целевых действий становится меньше, и снижается прибыль.

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

Какие источники данных для аудита юзабилити самые доступные?
Яндекс Метрика и Google Analytics, сайты конкурентов и обратная связь от пользователей через отдел продаж.

Источник: блог агентства Alekzo, alekzo.by