Yandex.Metrika Counter

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

Чтобы выявить такие проблемные места в интерфейсе, мы проводим UX-аудит

Что такое UX-аудит

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

Основная цель UX-аудита — найти ключевые интерфейсные проблемы сайта и предложить способы их решения.

Найти узкие места в интерфейсе нам помогают данные аналитики (Яндекс.Метрика и Google Analytics), инструменты для отслеживания активности посетителей на сайте (вебвизор, карта кликов и др.) и  собственная экспертиза нашей команды дизайнеров.

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

 

 

При при прокрутке страницы вниз верхний блок с кнопкой «Корзина», уходил за пределы экрана. Пользователи добавляли товар в корзину, но не знали, как им перейти к ней. 

Когда нужен UX-аудит

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

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

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

Интерфейсные лабиринты. На сайте сложно ориентироваться — и менеджерам, и посетителям. 

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

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

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

Столкнулись с одной из этих проблем? Закажите UX-аудит, и мы поможем их решить.

Как мы проводим UX-аудит

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

Немного рабочего процесса

Условно процесс UX-аудита можно разделить на несколько этапов: 

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

Аналитика. Изучаем целевую аудиторию сайта, бизнес-нишу. Смотрим, как представлены в сети конкуренты. Изучаем метрики и фиксируем исходные данные сайта — посещаемость, конверсию и т.д.

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

Отчёт. Фиксируем все найденные нами проблемы интерфейса и прописываем рекомендации по их устранению.

Для каждого конкретного проекта процесс UX-аудита может отличаться

Что клиент получает в итоге

После того, как мы закончим UX-аудит, клиент получит руководство к действиям по улучшению сайта в виде отчёта. Это документ в PDF или в Google Sheets. В нём мы:

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

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

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

Желтый маркер — проблемы среднего приоритета. Их можно устранять во вторую очередь. 

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

Пример отчёта по аудиту интернет-магазина

Что дальше

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

Мы поэтапно улучшаем интерфейс. Дизайн сайта при этом кардинально не меняется. Наша команда точечно работает с отдельными страницами — устраняет недостатки, упрощает интерфейс, делает его удобным и понятным. 

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

Клиент сам устраняет недостатки. Мы предоставляем клиенту  готовый план действий по улучшению UX сайта. А что с ним делать дальше — решать клиенту. Он может постепенно устранять недостатки силами собственного дизайн-отдела, обратиться к другому подрядчику.  Или выбрать первые два пути и продолжить работать с нами :)

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

Рассказал: Алексей Пилишков

Записала и отредактировала: Марина Медведева

Фото в заголовке: Jexo on Unsplash