Рост retention rate с 10% до 70%: килл-поинты оптимизации SoBes для десктопа

Прокачали десктопную версию для HR-tech продукта SoBes: оптимизация на максимум

Мы взялись за оптимизацию десктопной версии нашего инновационного HR-tech продукта SoBes, созданного для автоматизации найма сотрудников. Этот кейс — наглядный пример, как мы мастерски соединили экспертизу и достигли измеримых результатов.

Вызов: как сделать опыт HR-ов ещё лучше

Задача стояла непростая — перенести весь функционал мобильного приложения для поиска работников на десктоп, чтобы HR-менеджеры могли комфортно работать с привычным инструментом на большом экране. Нужно было не просто масштабировать интерфейс, а полностью переработать пользовательские сценарии и цифровые привычки.

Решение: полная адаптация под десктоп

Вот что мы сделали:

• Переосмысление пользовательского пути. Изменили user flow и информационную архитектуру, чтобы интерфейс был интуитивно понятен на десктопе
• Прототипирование. Создали прототипы для каждой страницы, учитывая все детали
• Тестирование. Провели функциональное и юзабилити тестирование, чтобы убедиться, что всё работает безупречно
• UI-дизайн. Разработали дизайн, который не только эстетичен, но и функционален
• Тесты на фокус-группе. Проверили консистентность бренда и удобство использования
• Составление технического задания. Подготовили детализированные ТЗ для верстки и бэкенда

Фишки: бесшовный переход на большой экран

Мы добились нативного перехода опыта пользователя на десктоп благодаря:

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

Результат: теперь HR-менеджеры могут работать ещё эффективнее, используя десктопную версию SoBes, которая полностью соответствует их потребностям и привычкам. Еще подробнее — читайте далее.

Как не разрушить привычный опыт пользователей

Когда у продукта уже есть преданная аудитория, их ожидания и накопленный опыт нужно учитывать с особым вниманием. В противном случае, можно серьёзно пострадать от падения метрик. Ранее мы разработали MVP — инновационное HR-tech приложение для iOS и Android, которое стало незаменимым инструментом как для рекрутеров, так и для кандидатов. Вот его основные фишки:

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

Цели приложения: эффективность и прозрачность в найме

Приложение стремилось достичь трёх основных целей:

1. Сокращение ресурсов. Снизить временные, финансовые и трудовые затраты на процесс найма и поиска работы
2. Прозрачность и простота. Обеспечить на 100% прозрачный и понятный процесс
3. Качественная коммуникация. Улучшить взаимодействие между работодателями и кандидатами

Результаты тестирования: цифры говорят сами за себя

После трёх месяцев тестирования на реальных пользователях мы получили впечатляющие результаты:

• 1 530 пользователей зарегистрировались в приложении
• 54,3% из них успешно прошли тестовое задание и интервью
• 64,1% отметили комфортную и интуитивно понятную навигацию
• 58,7% описали процесс прохождения собеседований как «очень лёгкий»

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

HR-ам не нравится: почему удержание пользователей на мобильной версии провалилось

Retention Rate среди HR-специалистов достиг катастрофических 10%, когда наша цель была — все 97%. В процессе аудита команда SoBes выяснила: одна из ключевых причин низкого показателя — неудобство использования сервиса на мобильных устройствах. Мобильный телефон просто не справляется с задачами, которые требуются HR-специалистам: многозадачность, большие объемы данных, технические ограничения и привычная конфигурация рабочего места. В итоге, HR-ы перестали активно использовать приложение, и метрики удержания пользователей резко упали. Давайте разберёмся в причинах подробнее.

Почему мобильный формат не подходит?

1. Неподходящий форм-фактор. Мобильные устройства, даже если это последние модели, не всегда подходят для управления большими массивами информации и ввода большого объема данных через экранную клавиатуру
2. Маленький экран. Ограниченное пространство экрана затрудняет отображение таких объемных данных, как списки кандидатов, резюме и отчёты
3. Навигация. Жесты и маленькие кнопки на мобильных устройствах неудобны при работе с массивами данных. На десктопе такие задачи выполняются проще и быстрее
4. Многозадачность. Мобильные устройства не позволяют переключаться между разными приложениями и окнами так же быстро и удобно, как на десктопе. Это критично для HR-ов, которые работают с несколькими задачами, документами и сервисами одновременно

Решение: полный переход на десктоп

Все эти аргументы легли в основу нашего решения по оптимизации мобильного пользовательского опыта HR-ов под десктоп. В таком масштабном апгрейде пользовательского опыта команда SoBes доверилась нашей экспертизе в разработке сложных продуктов. Мы бесшовно встроились в их процессы и начали работу.

Работа в команде: как мы стали частью проекта SoBes

Мы стали настоящими «приглашёнными звёздами», взяв на себя ответственность за разработку десктопной версии продукта. В тесном сотрудничестве с командой SoBes мы проработали все поинты, чтобы создать удобный и функциональный инструмент для HR-специалистов.

Погнали! Мы уверены, что наш совместный проект значительно улучшит опыт пользователей и приведёт к росту всех ключевых метрик.

Разработка десктопа: от мемов до серьёзных задач

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

1. Размер рабочей области: от компактного к масштабному. Небольшие экраны требуют упрощённого и воздушного дизайна, где все ключевые функции доступны с минимумом тапов. А десктоп позволяет отображать большое количество информации одновременно. Интерфейс обычно сложнее и содержит больше элементов управления.

2. Распределение внимания: одно задание против многозадачности. Пользователи сосредоточены на выполнении одной задачи за раз на мобайле, что упрощает управление вниманием. А десктоп предполагает работу со сложными системами и несколькими задачами одновременно. Это требует грамотного управления вниманием пользователя.

3. Пространственная ориентация: горизонтальное VS вертикальное. Пользователи привыкли к вертикальному скроллу смартфонов, поэтому важная информация размещается в верхней части экрана. Визуальные зонирования и разделители помогают управлять вниманием. Зато горизонтальная десктопная ориентация позволяет использовать многоуровневые меню, панели инструментов и сайдбары, что максимально эффективно использует экранное пространство.

4. Способ взаимодействия: курсор VS пальцы. М = мобайл, М = минимализм, крупные области для тапа и зоны досягаемости большим пальцем ведущей руки. Десктоп позволяет использовать более сложные интерфейсы с множеством мелких деталей и функций, управляемых курсором.

5. Отклики интерфейса: микроотклики VS визуальные индикаторы. На телефонах микроотклики в виде вибрации и звуковых индикаторов. В десктопе это ховеры, тултипы, пуши и другие визуальные индикаторы, помогающие нативному взаимодействию с детализированным интерфейсом.

6. Общепринятые паттерны и технические особенности. При разработке десктопной версии мы также учитывали установленные закономерности и правила: размеры областей, общепринятые паттерны, технические особенности устройств.

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

Переработка пользовательского пути: давайте смотреть, что получилось

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

• Юзер флоу. Визуализировали все возможные пути пользователя от первого контакта с сервисом до достижения конечной цели. Определили все шаги и действия, которые пользователь должен пройти в продукте
• Инвентаризация контента. Проанализировали и структурировали контент приложения для HR и кандидатов, определили его актуальность и оптимальное размещение
• Карта десктопного сервиса. Создали схемы, отображающие основные разделы и подразделы сервиса
• Кластеризация информации. Выявили логические группы данных, чтобы у пользователя создавалось ощущение «предиктивности». Когда пользователь только задумался о действии, интерфейс уже предоставил необходимый функционал
• Детализированные прототипы. На основе комплексной информационной архитектуры спроектировали высокодетализированные прототипы ключевых страниц и интерфейсов. Это позволило визуализировать и протестировать структуру и навигацию цифрового продукта
• Кликабельные прототипы. Перевели прототипы в кликабельный формат, чтобы провести юзабилити-тестирование сценариев и получить раннюю обратную связь

Мы получили 48 интерактивных прототипов цифрового продукта, которые готовы к апгрейду стильным и ненавязчивым UI, обеспечивающим 100% ценный опыт использования.

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

говорит UX-копирайтер

Наши UX-инженеры и копирайтеры сделали всё возможное, чтобы каждый пользователь чувствовал себя на десктопе как дома. Теперь ваш HR-опыт будет максимально комфортным и продуктивным. Готовы увидеть результат? Погнали!

Новые возможности десктопа: что добавилось к привычному функционалу

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

• Подробная статистика прогресса. Теперь можно видеть визуальное отображение динамики аккаунта в сравнении. Это помогает отслеживать эффективность и своевременно вносить коррективы
• Сводка эффективности поиска кандидатов. Можно выбирать период и анализировать, насколько эффективно проходит процесс поиска и отбора кандидатов
• Готовые шаблоны. Под рукой всегда есть готовые шаблоны тестовых заданий и сценариев собеседования с функцией быстрого создания новых. Это значительно ускоряет процесс подготовки и проведения интервью
• Дата и время. На экране отображается текущая дата и время, что помогает фокусировать внимание и планировать задачи
• Уведомления. Все важные уведомления приходят напрямую, чтобы ничего не пропустить
• Быстрый переход к чату с техподдержкой. Если возникает вопрос или проблема, можно мгновенно связаться с техподдержкой через удобный чат

Все эти нововведения делают десктопную версию более функциональной и удобной для HR-специалистов. Теперь все необходимые инструменты собраны в одном месте, и работа становится ещё более эффективной.

говорит продакт-маркетолог

Результат: мощный и удобный инструмент для HR-ов. Десктопная версия нашего продукта не просто дополнила мобильную, но и значительно расширила её функционал. Мы сделали всё возможное, чтобы пользователи могли наслаждаться комфортной и продуктивной работой.

Меню: от мобильной простоты к десктопной многозадачности

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

Десктопная версия: расширенное меню для удобства

В десктопной версии меню выросло в три раза — специфика большого экрана позволяет более детально разбить функционал, сокращая количество кликов пользователя. Теперь меню включает:

• Главная страница. Публикация вакансий, последние новости компании, важные обновления
• Отклики. Кандидаты на рассмотрении, отказанные кандидаты, приглашенные кандидаты, история собеседований, оценки кандидатов
• Профиль. Настройки аккаунта, черный список кандидатов, личная информация, управление подпиской, история активности
• Аналитика. Детализированные отчеты, графики и статистика, показатели эффективности
• Шаблоны и сценарии. Готовые шаблоны тестовых заданий, сценарии собеседований, библиотека вопросов
• Коммуникации. Чат с техподдержкой, внутренние сообщения, уведомления и оповещения

Новые возможности — меньше кликов

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

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

От линейного к многозадачному: как десктоп изменил процесс работы

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

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

• Структурировать повествование. Описания вакансий теперь идут не сплошным полотном текста, а аккуратно структурированы. Это облегчает восприятие и делает текст более читабельным
• Выделять ключевые смыслы и преимущества. Возможность выделения ключевых смыслов вакансии и преимуществ работы в компании
• Использовать форматирование. Добавление заголовков, подзаголовков, списков, цитат и других элементов форматирования. Это помогает сделать текст более наглядным и привлекающим внимание
• Интеграция мультимедиа. Вставка изображений, видео и других мультимедийных элементов для визуального усиления описания вакансии

Все эти улучшения делают процесс создания и редактирования вакансий более гибким и удобным. Теперь HR-специалисты могут работать с текстами так, как им удобно, не ограничиваясь линейной структурой. Это позволяет создавать более привлекательные и информативные описания вакансий, что в свою очередь повышает шансы на привлечение подходящих кандидатов.

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

Десктоп против приложения: где удобство побеждает громоздкость

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

На десктопе все это превращается в песню. Многослойное управление позволяет:

• Отслеживать общий список вопросов. Визуально разбитый по категориям, что значительно упрощает навигацию
• Создавать отдельные вопросы. Удобное создание и редактирование вопросов с вариантами ответов
• Интерактивное управление. Возможность легко переключаться между категориями и конкретными вопросами, не теряя контекста
• Контекстные меню. Более интуитивные и доступные, что сокращает время на поиск и настройку нужных параметров

Теперь создание тестовых заданий и собеседований становится гораздо удобнее. Можно:

• Быстро добавлять и редактировать вопросы
• Визуально контролировать весь процесс
• Использовать мощные инструменты для настройки каждого элемента

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

Результат: полностью переработали интерфейс приложения для десктопа — сохранили при этом 100% визуальную консистентность бренда, улучшили пользовательский флоу, повысили retention rate с 10% до 70%