
Навигация
О проекте
uBest – это HR сервис для подбора сотрудников с помощью AI. ИИ анализирует вакансии и кандидатов для оптимального подбора. Сейчас проект запущен в ОАЭ, в будущем планируется расширение в другие страны. В uBest есть мобильное приложение для кандидатов и веб-сервис для компаний
Проблемы
🔥 Цели редизайна
Сделать навигацию и структуру формы интуитивно понятными
Оптимизировать воронку создания вакансии для повышения конверсии, что должно снизить стоимость привлечения и повысить удовлетворенность пользователей
Упростить процесс создания вакансии
Моя роль и процесс
Я участвовала во всех этапах работы:
- Выявление проблемы: Анализ текущего решения, целей бизнеса и пользовательских отзывов
- Поиск и валидация решения: Проведение интервью, юзабилити-тестов, генерация гипотез и создание прототипов
- Подготовка к разработке: Доработка дизайна, спецификации для команды, согласование с продакт-менеджером
- Дизайн-ревью и результаты: Проверка итоговой реализации, анализ эффективности изменений, планирование дальнейших шагов
Команда:
Продуктовый дизайнер, Менеджер продукта,
3 frontend разработчика, 3 backend разработчика, Тестировщик
Конкурентный анализ

Тренды
Упрощение интерфейса, опциональное использование AI и шаблонов
Идеи для редизайна
- Добавить шаблоны и подсказки
- Упростить процесс создания через разумное разделение на этапы
- Использовать AI для генерации текста вакансии
- Добавить предпросмотр

Исследование для выявления и подтверждения проблем в текущем интерфейсе
Количество респондентов
- 2 внутренних (сотрудники uBest)
- 5 внешних (найдены через тг каналы)
Методы
Интервью и юзабилити-тесты с заданием — создать вакансию в текущем интерфейсе

Текущий интерфейс
Гипотезы, которые подтвердились
✅ Не считывается необязательность полей — изменение положения надписи или обозначение опциональности улучшит восприятие
✅ Стрелочка "назад" рядом с заголовком вводит в заблуждение — ее удаление решит проблему
✅ Этап ревью неудобен для изменения информации — прямой переход к редактированию данных упростит процесс
✅ Поле для описания вакансии неудобное — добавление подсказок и текстового редактора решит проблему
Гипотезы, которые не подтвердились
❌ Информация на странице ревью сложно считывается — респонденты не испытывали трудностей, но после изменения структуры формы эта страница стала излишней
Гипотезы, раскрытые по-новому
🤔 Этапы создания вакансии выглядят нелогично — необходимо разделить форму на более четкие этапы
🤔 Поле для локации неудобное — карта не нужна, пользователям требуется только текстовое поле для адреса
🤔 Блок Required Experience вызывает много вопросов у пользователей — надо выделить его в отдельный этап с пояснениями
🤔 Большая часть пользователей предпочли бы чекбоксы/радиокнопки вместо чипсов
Job Stories
Инсайты про функционал, которого пользователям не хватает
💬 Черновики вакансий
Когда я создаю вакансию, я хочу сохранить ее в черновик, чтобы доработать в дальнейшем
Решение: добавить черновики
Техническое ограничение: реализуем во втором этапе
💬 Предпросмотр вакансии
Когда я создаю вакансию, я хочу видеть, как она будет выглядеть со стороны соискателей
Решение: вывести превью в веб в виде мобильной версии
Статус: реализуем во втором этапе
💬 Отложенная публикация вакансии
Когда я создаю вакансию, иногда я хочу выложить ее в конкретное время, чтобы больше подходящих кандидатов ее увидели
Решение: реализовать функционал отложенной публикации
💬 Опыт работы со скиллами
Когда я указываю скиллы, не считаю обязательным указывать опыт, чтобы не потерять из-за этого подходящих кандидатов
Решение: добавить опциональность
Техническое ограничение: система пока не позволяет это реализовать
💬 Контакты
Когда я публикую вакансию, я не хочу указывать личный номер и личный имейл, чтобы оставаться в рамках рабочего общения, которое я контролирую. Поэтому мне удобнее общаться внутри платформы или в мессенджерах
Решение: сделать поля с телефоном и имейлом необязательными и добавить мессенджеры
Сегменты пользователей
На основе исследования мы выделили сегменты потенциальных пользователей:
HR-ы внутри компании — регулярно работают с платформой
HR-ы на фрилансе — работают на заказ, под конкретные задачи
Владельцы малого бизнеса — самостоятельно занимаются подбором сотрудников
Нерекрутеры, выполняющие задачи HR — сотрудники, которые временно занимаются подбором, например, тимлиды или нанимающие менеджеры
Пример фиксации данных и выводов исследования

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

Исследование для проверки редизайна
Количество респондентов
- 2 внутренних (сотрудники uBest)
- 5 внешних (найдены через тг каналы)
Методы
Интервью и юзабилити-тесты с заданием — создать вакансию в обновленном интерфейсе (прототип в Figma)


Гипотезы, которые подтвердились
✅ Пользователи поймут, какие поля обязательные, а какие нет
✅ Пользователи не будут задаваться вопросом, почему этапы распределены так
✅ Поле для описания вакансии будет восприниматься проще
✅ Пользователи поймут, сколько этапов осталось в форме
✅ Пользователи поймут, как сделать отложенную публикацию
✅ Предпросмотр вакансии повысит удобство
Гипотезы, которые не подтвердились
❌ Пользователи поймут, что блоки "Required experience" и "Screening questions" необязательные
Решение: сделать пометку "Optional" более заметной
❌ Пользователи поймут, для чего блок "Required experience."
Решение: Добавила описание, но блок все еще вызывает вопросы. Его удаление обсуждается
Пример фиксации данных и выводов исследования

Итерации дизайна
Изменение структуры этапов формы
До: респонденты не замечали надписи "Optional info" рядом с заголовкоми второго и третьего этапов и не понимали, что эти блоки необязательные для заполнения
В создании вакансии было 5 этапов:
- Основная информация
- Требуемый опыт
- Скрининговые вопросы
- Контакты
- Время публикации



После: разделили информацию на 3 блока:
- Основная информация (основная информация и контакты)
- Дополнительная информация (требуемый опыт и скрининговые вопросы)
- Время публикации
Теперь ожидаем, что респонденты сразу будут понимать, что блоки из “Дополнительной информации” не обязательные к заполнению



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

Этап 1. Базовая информация
Заработная плата
До: респонденты спрашивали, как понять, зарплата до вычета налогов или после

После: добавлены радиокнопки для выбора "зарплата до/после налогов"

График работы
До: респонденты не понимали, что делать, если график работы 2 на 2 и т.п.

После: добавлена возможность не указывать фиксированные выходные


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


Этап 3. Контрольные вопросы
До: респонденты ожидают текстовые ответы на свои вопросы, однако это будут видео

После: добавлена иконка видео-камеры и сделан акцент на словах “видео-ответы”

🔥 Финальный дизайн 🔥
Этап 1. Основная информация (о вакансии)
До
Было 4 отдельных этапа, разделенных по случайному принципу




После
Вся основная информация заполняется в рамках одного этапа


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

После

Этап 2. Дополнительно (требуемый опыт)
До
Блок был вместе с остальной информацией, но отделен визуально линией слева. Респонденты не понимали, о чем идет речь в блоке

После
Вынесли в отдельный этап, добавили описание. Респондентов все еще смущает этот блок, его удаление вынесено на обсуждение

Этап 2. Дополнительно (скрининговые вопросы)
До
Не было визуальных указаний, что ответы будут в видео-формате

После
Добавили акцент на видео-формат ответов

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

После

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

После

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

После

Публикация
До

После

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



Результаты и метрики
На основе проведенных исследований мы ожидаем:
⬆️ Рост конверсии создания вакансии для новых клиентов
Больше компаний сразу увидят ценность сервиса и оформят подписку, уменьшая стоимость привлечения новых клиентов (CAC)
⬇️ Уменьшение времени создания вакансии
Пользователи быстрее завершают процесс, что снижает стоимость привлечения клиента и повышает общий объём публикаций
⬆️ Рост конверсии создания вакансии для существующих клиентов
Постоянные пользователи активнее публикуют вакансии, укрепляя лояльность и снижая отток
⬆️ Повышение индекса удовлетворённости клиентов (CSI)
Довольные пользователи чаще возвращаются и рекомендуют сервис, что улучшает удержание и снижает расходы на привлечение новых клиентов
Следующий шаг – проведение A/B-теста нового дизайна