Читайте наш Telegram-канал про ужасы интерфейсных проектов!
Главная / Портфолио / Дизайн интерфейса модуля приема кандидатов на работу

2024

EasyDocs logo

Дизайн интерфейса модуля приема кандидатов на работу

Разработали интерфейс для нового модуля сервиса EasyDocs.

Цена

от 550 000 ₽

Сроки

3,5 месяца

Результат

Собака Павлова • EasyDocs • Дизайн интерфейса модуля приема кандидатов на работу

ООО «Парадокс» — разработчик сервиса кадрового электронного документооборота EasyDocs. Ранее мы уже работали с этой компанией и разрабатывали интерфейс приложения для проверки и подписи документов.

Сейчас сервисом ЭДО EasyDocs пользуется свыше 200 компаний и заказчик планирует расширять существующую функциональность.

Бизнес-задача

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

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

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Список кандидатов

Дизайн-задача

  1. Провести исследование конкурентов и пользователей продукта с тем, чтобы выработать обоснованные интерфейсные решения, отвечающие потребностям пользователей и целям бизнеса.
  2. Дополнить существующий интерфейс ЭДО EasyDocs модулем приема кандидатов на работу.
  3. Спроектировать интерфейс для соискателя с возможностью загрузки и распознавания документов (десктопную и мобильную веб-версии).
Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Список кандидатов. Отбор по параметрам таблицы

Результат

Чтобы выяснить потребности пользователей, работающих в сфере найма, «Собака Павлова» провела исследование продуктов, которые предлагают похожую функциональность. Отдельно мы пообщались со специалистами в области рекрутинга, узнали их требования к такого рода сервисам.

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Список кандидатов. Принять на работу

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

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Список кандидатов. Отправить в архив

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

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Список кандидатов. В архиве

User-flow этих сценариев содержало различные кейсы и ситуации, с которыми мог столкнуться пользователь:

  • создание и настройка анкеты;
  • настройка этапов прохождения процесса найма;
  • заполнение анкеты;
  • загрузка необходимых документов и т.п.
Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Список кандидатов. Отправить повторно

Собрали все пользовательские сценарии в отдельный документ. Затем отрисовали макеты на основе всех этих user-flow.

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Первый вход после приглашения на работу Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Первый вход после приглашения на работу. Заявление на электронную подпись Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Первый вход после приглашения на работу. Образование Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Первый вход после приглашения на работу. Запрос документов

Финальный результат – макеты интерфейса в мобильной и веб-версиях с выстроенным user flow пользователя по различным сценариям:

  • создание анкеты и ее рассылка со стороны нанимателя;
  • заполнение анкеты кандидатом:
  • начало работы кандидата в системе и т.п..
Анкета кандидата, мобильная версия. Способ заполнения и согласие на обработку персональных данных
Анкета кандидата, мобильная версия. Заполнение данных
Анкета кандидата, мобильная версия. Заполнение данных, экран успеха

Экстра-польза

На этапе исследований пользователей и сервисов конкурентов составили CJM – карту пути трудоустройства в различных компаниях.

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

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Настройка этапов найма Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Настройка этапов найма. Добавление поля в анкету-1 Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Настройка этапов найма. Добавление поля в анкету-2 Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Настройка этапов найма. Добавление поля в анкету-3

Интересные решения

  1. Модальное окно для добавления списка с зависимыми полями в анкету, заполняемую потенциальным кандидатом. Это список, в котором пользователь при добавлении поля (Название) указывает зависимые поля (Варианты ответа).

Необходимость в таком решении появилась уже на стадии проектирования. Команда «Собаки» совместно с разработчиками создала несколько вариантов решения. Данный получился самым удобным для пользователя.

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Создание анкеты с зависимыми полями
  1. Экран создания анкеты кандидата. Здесь заказчику нужен был простой и удобный инструмент добавления в анкету вопросов и документов с возможностью перемещения полей для ответа по документу.

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

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Экран создания анкеты кандидата
  1. Дизайнер визуализировал все существующие в сервисе процессы и пользовательские сценарии. Это позволило разработчикам быстрее погрузиться и понять механику работы отдельных элементов, экранов и переходов между экранами, что в свою очередь повлияло на скорость разработки макетов. Одним из хороших примеров является user-flow «Заполнение анкеты кандидатом».
Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Анкета кандидата. Приветствие Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Анкета кандидата. Способ заполнения Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Анкета кандидата. Заполнение линчых данных Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Анкета кандидата. Загрузка паспорта Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Анкета кандидата. Дополнительные вопросы Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Анкета кандидата. Экран успеха

Нюансы процесса

Когда «Собака Павлова» присоединилась к пректу, модуль был на стадии концепта (только планировался к разработке). При проектировании интерфейса часто сверялись с заказчиком для получения обратной связи. Это позволило быстро корректировать и пользовательские сценарии, и интерфейсы.

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

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

Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Создание анкеты. Запрос обязательных документов Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Отправить анкету кандидату Дизайн интерфейса модуля приема кандидатов на работу | SobakaPav.ru Отправить анкету. Массовая рассылка

Некоторые цифры

Отрисовали макеты

по сценариям 

взаимодействия пользователей с системой

Провели анализ

конкурентов 

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

Провели

итерации 

концептуального проектирования

а также

11 итераций 

проектирования дизайна интерфейса

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

Похожие проекты

Отзыв заказчика

Заказчик вернулся к нам, чтобы поделиться результатами совместной работы. Он записал небольшое демо, где можно увидеть, что большая часть (порядка 90%) предложенных нами решений используется в готовом модуле.

Цена

от 550 000 ₽

Сроки

3,5 месяца

Результат

Пишите нам: @sobakapavpro