Этапы UX исследования корзины интернет магазина.

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

Итак перейдем к описанию этапов:

1. Сбор данных

Для старта работ нам необходимо собрать как можно больше информации об интернет магазине и о его конкурентах. В первично необходимую для анализа информацию входит доступ в Google аналитику, для возможности проведения когортного анализа по нескольким параметрам. Этот метод нам потребуется, чтобы выявить основные критические точки в интерфейсе, которые мешают пользователю достичь цели. Кроме того метрики Google аналитики помогут нам собрать данные о показателях отказа для участвующих в Use case страницах, основном User Flow для сайта, проводя анализ KPI мы сможем понять слабые и сильные стороны текущего решения. Важно понимать что данные как таковые не представляют никакой ценности в случае непонимания общего процесса использования сайта. Получив карту кликов мы сможем понять куда чаще всего нажимает пользователь, просмотрев Яндекс метрику и записи движения курсора мышки на сайте мы сможем понять на каком этапе пользователь испытывает проблемы. Это лишь вспомогательные инструменты, которые численно укажут нам на ошибки и заставят нас исследовать слабые места интерфейса подробнее. Для того чтобы картина была наиболее развернутой уже на старте исследования важно знать основные усредненные KPI для индустрии. В таком случае можно обоснованно сказать что сайт имеет сильные или слабые стороны основываясь на сравнительном анализе со стандартами рынка. Важно иметь как можно более подробное описание аудитории сайта, источники трафика а так же контекст при котором пользователь производит покупку. Для этого с клиентом могут быть разработаны Personas и Storyboards чтобы исследование проводилось с точки зрения, максимально приближенной к реальности. Обязательно требуется первично понять основные User Flows содержащие в себе страницу корзины. Мы должны понимать в каких процессах пользователь взаимодействует с корзиной, чтобы повысить их эффективность. В нашем случае воронка продаж сводиться к User Flow, и мы рассматриваем корзину с точки зрения участия ее в одной и более воронках продаж, основной из которых является путь от страницы товара к оформлению заказа. Касательно показателей метрик гугл аналитики для нас наиболее важными будут показатели отказов, карта кликов (heatmap), время сессии, каналы входа и выхода страницы, а так же каналы трафика и их ключевые показатели. Используя метрики гугл аналитики важно разделять потоки соответственно источникам трафика для того чтобы понимать к какому из потоков относится пользователь и соответственно в какой из воронок продаж он участвует. Задача экперта за счет собранной информации получить количественное подтверждение обозначающее проблемную область для изучения.

2. Анализ корзины

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

Анализ метрик Google аналитики и Yandex метрики.

  • Сбор данных о страницах участвующих в воронке продаж до и после корзины
  • Сбор данных о показателе отказов для страницы корзины, а так же распределение показателей соответственно источникам трафика
  • Сбор данных относительно времени проведенном на странице корзины а так же выявление зависимостей между временем и источником перехода
  • Сбор данных о поведении пользователя на сайте, user flow, и in-page аналитики
  • Исследование KPI для USer flows в которых участвует корзина
  • Сбор данных об основных показателях страницы относительно устройств просмотра страницы (мобильный трафик, десктоп трафик, планшет трафик)
  • Первичное выявление показателей, которые значительно отличаются от среднедопустимых с последующим углублением в поиск причины таких отклонений.

Юзабилити анализ

  1. Экспертный анализ

Выявление проблем интерфейса за счет экспертной оценки юзабилити-специалиста.

2. Эвристический анализ сайта

Проверка страницы в соответствии с чек листом 10 эвристик юзабилити системы Якоба Нильсена.

  • Информированность о состоянии системы;
  • Схожесть системы с реальным миром;
  • Свобода действий;
  • Единообразие и стандарты;
  • Предотвращение ошибок;
  • На виду, а не в памяти;
  • Гибкость и эффективность;
  • Эстетичный и минималистичный дизайн;
  • Понимание проблем и их решение;
  • Справочные материалы и документация;

Дополнительно для тестов используются следующие варианты с привлечением тестировщиков, либо сервиса по тестированию:

  • Five second test (В течение пяти секунд тестировщик смотрит и запоминает информацию на странице, потом предлагается ответить на вопрос по макету)
  • Click test (Тестировщику предлагаются нажать на один из вариантов кнопки для выполнения поставленной задачи, выбор фиксируется)
  • Question test (Тестировщику задают вопросы по макету)
  • Navigation test (Тестировщику предлагают используя навигацию достичь цели)
  • Preference test (У тестировщика уточняют какой из вариантов страницы больше понравился, ответ фиксируется)

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

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

  • Статистика страницы,
  • Значения KPI с указанием критических отклонений
  • Описание воронки продаж, в нашем случае User Flow
  • Поведение юзера на странице
  • Ошибки юзабилити страницы (технические, логические, визуальные) полученные на основе экспертного тестирования и эвристического анализа.

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

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

Прототипирование страницы

На основе полученного результата в виде исследования мы разрабатываем несколько вариантов прототипов страницы для последующего выбора лучшего решения. Прототип одной страницы может быть подан в invision app для моделирования динамических блоков (табов, выпадающих списков) для того чтобы еще на этапе проектирования были видны основные недостатки или достоинства решения. На этапе прототипирования мы активно задействуем информацию о проблемах существующего решения, для исключения подобных проблем, так же мы обращаемся к информации о Персонажах (образ или образы пользователей) и Use cases. Прототип служит для того чтобы с минимальными затратами на визуальный дизайн получить понимание того как именно пользователь будет взаимодействовать со страницей. Таким образом для проработки UI страницы останутся лишь самые оптимальные решения в виде прототипов. Задача дизайнера на следующем этапе без изменений прототипа, а лишь дополняя его визуальными акцентами привести модель страницы к ее полноценному виду с оболочкой в виде цветов форм и визуальных приемов, которые будут понятны, привычны и приятны пользователю и в последующем.

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

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

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.