SEMrush

2018-2020
UX-дизайн
Продуктовая аналитика
Исследования

О компании

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

Мои команды и проекты

Был частью департамента из 17 UX-дизайнеров и 10 UI-дизайнеров. Каждый UX-ер привязан к UI-дизайнеру и нескольким командам разработки.

  • Site Audit — сервис для проверки технического здоровья сайтов. Один из самых больших и популярных сервисов в SEMrush.
  • Oppty - инструмент для поиска потенциальных клиентов.
  • BeRush — партнёрская сеть.
  • Agency Partners (концепция) — каталог маркетинговых агентств.

О чём расскажу?

О процессе решения проблемы в инструменте Oppty. Это инструмент для маркетинговых агентств. Он находит потенциальных клиентов в определённой локации и по определённым параметрам.

Финальный интерактивный прототип

Проблема

Мало продаж, небольшой средний чек.

Гипотеза: во многих случаях набор данных получается слишком большим и дорогим. На скриншоте — список из 468 клиентов из Бостона за $1,638.

1. Исследования и анализ

  1. Отобрал и проанализировал пользовательский фидбек про эту проблему.
  2. Продакт оунер провела серию интервью с европейскими агентствами. Подтвердила гипотезу, узнала как они находят себе клиентов, и как мы можем им помочь. Выяснили также, что у каждого агентства немного разный стиль поиска клиентов.
  3. Составил окончательный список требований.
  4. Составил и согласовал критерии успешности. Это те метрики, которые отслеживаем после разработки.

2. Поиск идей

  1. Составил список возможных паттернов для решения подобных задач. Источники: другие сервисы SEMrush, каталоги UX-паттернов и известные сайты.
  2. Сделал несколько набросков с возможными вариантами взаимодействия.
  3. Собрал встречу с командой разработки, чтобы обсудить детали реализации. Какие-то варианты были дорогие, от них отказались.

3. Прототипирование и проверка решений

Первая версия, дешёвая в разработке

Версия без значительных изменений в существующем интерфейсе.

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

Вывод: изменения усложнили сервис и повысили порог вхождения, это снизит конверсию.

Вторая версия, переосмысление компоновки

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

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

4. Передача на следующие этапы разработки

  • Проработал список всех возможных состояний элементов и описал, как они должны работать.
  • На груминге с командой разработки презентовал окончательную версию решения.
  • Поняли, что все задачи по разработке не вмещаются в спринт, поэтому договорились разбить внедрение функции на этапы: сначала сделаем самое необходимое и будем наблюдать, как пользователи это используют.
  • Добавил ивенты для Google Analytics. Это те клики на интерактивные элементы, которые потом помогут понять, как пользователи взаимодействуют с нашим сервисом и что можно улучшить.
  • В таск-трекере подробно описал задачи для UX-писателя, UI-дизайнера и разработчиков. Отдельно ввёл в курс дела и ответил на все вопросы.

5. Поддержка и сопровождение реализации

  • Консультировал и пояснял непонятные моменты в гайдах.
  • После разработки проверил, всё ли реализовано так, как задумывалось, и соответствует ли это дизайн-системе. Составил документ со списком правок.

6. Проверка успешности решения

  • После разработки следил за тем, как реальные пользователи используют обновлённый интерфейс. Чтобы отследить использование ключевых интерактивных элементов, использовал Inspectlet и BigQuery.
  • Потом мы увеличили трафик в инструмент. Через какое-то время проверили метрики монетизации из критериев успешности и подтвердили, что новый дизайн работает хорошо.