Ускорение создания вакансии с повышением удовлетворенности пользователя (CSI) и понижением стоимости привлечения клиентов (CAC)

 
notion image
 
Навигация
 

О проекте

uBest – это HR сервис для подбора сотрудников с помощью AI. ИИ анализирует вакансии и кандидатов для оптимального подбора. Сейчас проект запущен в ОАЭ, в будущем планируется расширение в другие страны. В uBest есть мобильное приложение для кандидатов и веб-сервис для компаний
 
 
 

Проблемы

Бизнес-проблемы


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

Высокая стоимость привлечения клиентов (CAC)

Низкий индекс удовлетворенности пользователей (CSI)

Причины (UX-проблемы)


Неинтуитивная структура формы (например, пользователи не понимают, какие поля обязательные)

Сложности навигации между этапами процесса создания вакансии

Запутанный процесс ревью, затрудняющий редактирование

 
 

🔥  Цели редизайна


Сделать навигацию и структуру формы интуитивно понятными

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

Упростить процесс создания вакансии

 
 
 

Моя роль и процесс

Я участвовала во всех этапах работы:
  • Выявление проблемы: Анализ текущего решения, целей бизнеса и пользовательских отзывов
  • Поиск и валидация решения: Проведение интервью, юзабилити-тестов, генерация гипотез и создание прототипов
  • Подготовка к разработке: Доработка дизайна, спецификации для команды, согласование с продакт-менеджером
  • Дизайн-ревью и результаты: Проверка итоговой реализации, анализ эффективности изменений, планирование дальнейших шагов
 
Команда:
Продуктовый дизайнер, Менеджер продукта, 3 frontend разработчика, 3 backend разработчика, Тестировщик
 
 

Конкурентный анализ

 
notion image
 

Тренды

Упрощение интерфейса, опциональное использование AI и шаблонов
 

Идеи для редизайна

  • Добавить шаблоны и подсказки
  • Упростить процесс создания через разумное разделение на этапы
  • Использовать AI для генерации текста вакансии
  • Добавить предпросмотр
 
notion image
 
 

Исследование для выявления и подтверждения проблем в текущем интерфейсе

Количество респондентов

  • 2 внутренних (сотрудники uBest)
  • 5 внешних (найдены через тг каналы)

Методы

Интервью и юзабилити-тесты с заданием — создать вакансию в текущем интерфейсе
 
 
notion image
 

Текущий интерфейс

 
 
 

Гипотезы, которые подтвердились


✅ Не считывается необязательность полей — изменение положения надписи или обозначение опциональности улучшит восприятие

✅ Стрелочка "назад" рядом с заголовком вводит в заблуждение — ее удаление решит проблему


✅ Этап ревью неудобен для изменения информации — прямой переход к редактированию данных упростит процесс

✅ Поле для описания вакансии неудобное — добавление подсказок и текстового редактора решит проблему

 

Гипотезы, которые не подтвердились


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

 
 

Гипотезы, раскрытые по-новому


🤔 Этапы создания вакансии выглядят нелогично — необходимо разделить форму на более четкие этапы

🤔 Поле для локации неудобное — карта не нужна, пользователям требуется только текстовое поле для адреса


🤔 Блок Required Experience вызывает много вопросов у пользователей — надо выделить его в отдельный этап с пояснениями

🤔 Большая часть пользователей предпочли бы чекбоксы/радиокнопки вместо чипсов

 

Job Stories

Инсайты про функционал, которого пользователям не хватает

💬 Черновики вакансий
Когда я создаю вакансию, я хочу сохранить ее в черновик, чтобы доработать в дальнейшем
Решение: добавить черновики
Техническое ограничение: реализуем во втором этапе

💬 Предпросмотр вакансии
Когда я создаю вакансию, я хочу видеть, как она будет выглядеть со стороны соискателей
Решение: вывести превью в веб в виде мобильной версии
Статус: реализуем во втором этапе

💬 Отложенная публикация вакансии
Когда я создаю вакансию, иногда я хочу выложить ее в конкретное время, чтобы больше подходящих кандидатов ее увидели
Решение: реализовать функционал отложенной публикации


💬 Опыт работы со скиллами
Когда я указываю скиллы, не считаю обязательным указывать опыт, чтобы не потерять из-за этого подходящих кандидатов
Решение: добавить опциональность
Техническое ограничение: система пока не позволяет это реализовать

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

 
 

Сегменты пользователей

На основе исследования мы выделили сегменты потенциальных пользователей:

HR-ы внутри компании — регулярно работают с платформой

HR-ы на фрилансе — работают на заказ, под конкретные задачи


Владельцы малого бизнеса — самостоятельно занимаются подбором сотрудников

Нерекрутеры, выполняющие задачи HR — сотрудники, которые временно занимаются подбором, например, тимлиды или нанимающие менеджеры

 
 

Пример фиксации данных и выводов исследования

 
notion image
 

Первичный дизайн

Основное изменение — мы пересмотрели структуру формы, сделав процесс заполнения линейным. Ранее навигация между шагами была неудобной, а процесс ревью сложным. Теперь все шаги находятся на одной странице, а боковая панель (Steps) фиксируется при скролле, что упрощает навигацию и проверку данных
 
😉
Это лишь ключевое улучшение — в финале покажу весь обновленный дизайн с учетом итераций!
 
notion image
 
 

Исследование для проверки редизайна

Количество респондентов

  • 2 внутренних (сотрудники uBest)
  • 5 внешних (найдены через тг каналы)

Методы

Интервью и юзабилити-тесты с заданием — создать вакансию в обновленном интерфейсе (прототип в Figma)
 
notion image
notion image
 

Гипотезы, которые подтвердились


✅  Пользователи поймут, какие поля обязательные, а какие нет

✅  Пользователи не будут задаваться вопросом, почему этапы распределены так

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


✅  Пользователи поймут, сколько этапов осталось в форме

✅  Пользователи поймут, как сделать отложенную публикацию

✅  Предпросмотр вакансии повысит удобство

 

Гипотезы, которые не подтвердились


❌  Пользователи поймут, что блоки "Required experience" и "Screening questions" необязательные
Решение: сделать пометку "Optional" более заметной


❌  Пользователи поймут, для чего блок "Required experience."
Решение: Добавила описание, но блок все еще вызывает вопросы. Его удаление обсуждается

 

Пример фиксации данных и выводов исследования

 
notion image
 
 

Итерации дизайна

 

Изменение структуры этапов формы

До: респонденты не замечали надписи "Optional info" рядом с заголовкоми второго и третьего этапов и не понимали, что эти блоки необязательные для заполнения
В создании вакансии было 5 этапов:
  • Основная информация
  • Требуемый опыт
  • Скрининговые вопросы
  • Контакты
  • Время публикации
notion image
notion image
notion image
После: разделили информацию на 3 блока:
  • Основная информация (основная информация и контакты)
  • Дополнительная информация (требуемый опыт и скрининговые вопросы)
  • Время публикации
Теперь ожидаем, что респонденты сразу будут понимать, что блоки из “Дополнительной информации” не обязательные к заполнению
 
 
notion image
notion image
notion image
 

Добавление предпросмотра вакансии

После заполнения основной информации теперь появляется кнопка “Vacancy preview”, которая остается доступной до конца создания вакансии.
Кнопка открывает страницу предпросмотра, где отображается мобильная версия вакансии с уже введенными данными. Пользователь может пролистать страницу и проверить оформление перед публикацией.
notion image
 

Этап 1. Базовая информация

 
Заработная плата
До: респонденты спрашивали, как понять, зарплата до вычета налогов или после
notion image
 
После: добавлены радиокнопки для выбора "зарплата до/после налогов"
notion image
 
График работы
До: респонденты не понимали, что делать, если график работы 2 на 2 и т.п.
notion image
 
После: добавлена возможность не указывать фиксированные выходные
дефолтное (активное) состояние
дефолтное (активное) состояние
неактивное состояние
неактивное состояние
Сначала я предложила добавить блок с выбором графика работы (например, 2 на 2, 5 на 2), но после обсуждения с командой мы решили, что это усложнит разработку, так как затронет мобильное приложение. В итоге мы решили добавить в блок "выходные" возможность не выбирать фиксированные дни, так как они предполагают конкретный график, а при работе 2 на 2 выходные будут выпадать на разные дни недели.
 
Высшее образование
До: респонденты выбирали "да", боясь, что ответ "нет" может привлечь маргинальных людей, если кандидаты увидят его. Но спокойно выбрали бы ответ “нет”, если бы понимали, что кандидаты его не увидят
После: добавила надпись, что ответ “нет” кандидаты не увидят
 
notion image
notion image
 
 

Этап 3. Контрольные вопросы

До: респонденты ожидают текстовые ответы на свои вопросы, однако это будут видео
notion image
После: добавлена иконка видео-камеры и сделан акцент на словах “видео-ответы”
notion image
 
 

🔥  Финальный дизайн 🔥

Этап 1. Основная информация (о вакансии)

До
Было 4 отдельных этапа, разделенных по случайному принципу
notion image
notion image
notion image
notion image
После
Вся основная информация заполняется в рамках одного этапа
notion image
 
notion image
 

Этап 1. Основная информация (контакты)

До
notion image
 
После
notion image
 

Этап 2. Дополнительно (требуемый опыт)

До
Блок был вместе с остальной информацией, но отделен визуально линией слева. Респонденты не понимали, о чем идет речь в блоке
notion image
После
Вынесли в отдельный этап, добавили описание. Респондентов все еще смущает этот блок, его удаление вынесено на обсуждение
notion image
 

Этап 2. Дополнительно (скрининговые вопросы)

До
Не было визуальных указаний, что ответы будут в видео-формате
notion image
После
Добавили акцент на видео-формат ответов
notion image
 

Этап 3. Время публикации

До
notion image
 
После
notion image
 

Превью вакансии

До
notion image
После
notion image
 

Проверка перед публикацией

До
notion image
 
После
notion image
 

Публикация

До
notion image
После
notion image
 
 

Спецификация для разработки

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

Результаты и метрики

На основе проведенных исследований мы ожидаем:

⬆️  Рост конверсии создания вакансии для новых клиентов Больше компаний сразу увидят ценность сервиса и оформят подписку, уменьшая стоимость привлечения новых клиентов (CAC)

⬇️  Уменьшение времени создания вакансии Пользователи быстрее завершают процесс, что снижает стоимость привлечения клиента и повышает общий объём публикаций


⬆️  Рост конверсии создания вакансии для существующих клиентов Постоянные пользователи активнее публикуют вакансии, укрепляя лояльность и снижая отток

⬆️  Повышение индекса удовлетворённости клиентов (CSI) Довольные пользователи чаще возвращаются и рекомендуют сервис, что улучшает удержание и снижает расходы на привлечение новых клиентов

Следующий шаг – проведение A/B-теста нового дизайна