«Сопровождать человека на протяжении всей его карьеры»: как проходит редизайн hh.ru

hh.ru зарекомендовал себя на российском рынке как один из самых удобных и функциональных джоббордов. Сейчас бренд переосмысливает свои ценности и меняет подходы к коммуникации. Одна из ключевых составляющих этой трансформации — редизайн платформы hh.ru. О том, как происходит этот процесс, «Карьере&Кадрам» рассказали директор по клиентским продуктам hh.ru Анастасия Зотова и дизайн-директор Михаил Пономаренко.

Выйти из полноэкранного режима

Развернуть на весь экран

Для чего сервису понадобился редизайн?

В первую очередь чтобы изменить имидж компании на более дружелюбный и отзывчивый. «Главная цель редизайна — донести новую идею бренда,— отмечает Михаил.— Мы стремимся уйти от образа "строгого дяди в пиджаке" и стать более дружелюбной платформой». Но кроме этого, сервис ставил перед собой еще одну важную задачу: изменить внешний вид интерфейса, впечатления и ощущения от него.

hh.ru используют миллионы людей каждый день: и соискатели, и работодатали — у каждого сегмента аудитории свое видение современного дизайна и разные требования к нему. Команда сервиса стремится к тому, чтобы учесть потребности пользователей и донести до них ключевую мысль: на hh.ru можно найти те самые работу или сотрудника мечты — просто и удобно.

«В процессе редизайна мы относились к пользовательскому опыту очень бережно,— подчеркивает Анастасия.— Именно поэтому редизайн стал для нас довольно длительным процессом, который продолжается уже больше года».

Почему пришлось отказаться от быстрых изменений?

Выйти из полноэкранного режима

Развернуть на весь экран

Предыдущая фотография

Следующая фотография

1 / 2

Михаил Пономаренко, дизайн-директор hh.ru

Фото: Предоставлено hh.ru

Анастасия Зотова, директор по клиентским продуктам hh.ru

Фото: Предоставлено hh.ru

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

«Возможны три подхода к редизайну,— объясняет Анастасия,— радикальный, обратимый, нежный.

Суть радикального редизайна в следующем: разрабатывается версия сервиса в новом дизайне. Однажды утром пользователи заходят на сервис и видят, что там все поменялось. Пути назад нет. Такой подход выглядит очень рискованным, но можно снизить риски, если сначала протестировать новую концепцию на ограниченном круге пользователей бета-версии. Еще такой подход могут применять сервисы, которые используются очень редко — все равно никто не помнит, как сервис выглядел при предыдущем использовании. Но это не наш случай. Как выглядит резюме на hh.ru, помнят все.

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

У радикального и обратимого редизайна есть одно общее преимущество: в каждый момент сервис полностью консистентен, он весь построен в одной логике.

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

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

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

Еще одним фактором успеха Анастасия называет онбординг: «В теории важно через разные каналы донести до пользователей, какие изменения их ждут в продукте и какие уже произошли. Но мы понимаем, что не все читают новостные рассылки hh.ru — пользователям просто нужно зайти в сервис и легко найти все привычные функции».

Поэтому любые изменения в интерфейсе, по словам Анастасии, сопровождаются дополнительными подсказками: «Если что-то переехало из привычного места, мы стараемся про такие переезды рассказывать, чтобы переключение было более плавным».

Как пользовательский фидбэк помог в процессе редизайна?

Сделать сервис максимально удобным — главная цель. И помощь пользователей играет важную роль.

«У нас были ситуации, когда на основе пользовательского фидбэка мы корректировали изменения,— объясняет Анастасия.— Например, придумывали какой-то новый концепт, проводили A/B-тест и видели, что метрики не упали, но при этом появилось больше обращений в поддержку или пользователи как-то еще выразили свое недовольство. В этих случаях мы возвращались к предыдущему дизайну, проводили интервью с пользователями, уточняли, какие именно задачи они хотят решить, и дальше корректировали свою концепцию.

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

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

Как принципы сервиса отразились в редизайне?

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

Выйти из полноэкранного режима

Развернуть на весь экран

Как в процессе редизайна взаимодействовали команды дизайна и продукта?

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

«Дизайн, конечно же, помогает решать рациональные задачи продуктовой воронки, улучшая путь пользователей и понятность взаимодействия с нашей платформой,— рассказывает Анастасия.— Но для нас также важно, что чувствует человек, пользуясь нашим сервисом».

«Дизайн наслаивается на смыслы, которые компания хочет донести до пользователей, и добавляет эмоций. Поэтому все изменения помогают пользователям посмотреть на hh.ru немного с другого угла: как на сервис, с которым комфортно решать свои задачи»,— объясняет Михаил.

«Дизайнер должен комплексно смотреть на продукт. Иногда он может предлагать радикально другое решение, которое через непривычные интерфейсы решает ту же задачу,— поясняет Анастасия.— При этом важно, чтобы менеджер продукта не получал это решение как данность, а имел возможность на него повлиять».

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

Что нового появилось в сервисе уже сейчас?

Выйти из полноэкранного режима

Развернуть на весь экран

Сервис hh.ru меняется не только c точки зрения дизайна. Чтобы сделать пользовательский опыт более удобным, команда создает новые фичи и сценарии.

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

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

Кроме того, меняются и способы взаимодействия кандидатов и работодателей. Например, работодатели могут настроить автоматические приглашения подходящим кандидатам через чат hh.ru. Информация о вакансии автоматически отправляется только тем кандидатам, которых считает подходящими рекомендательный алгоритм hh. Если вакансия действительно интересна кандидату, он в один клик сообщает об этом в чате, а в ответ получает приглашение на собеседование.

Еще одна фича для работодателей — новые аналитические отчеты. «Информация о показах вакансий и конверсии в отклик стала более наглядной,— объясняет Анастасия.— Это особенно полезно, так как работа HR-специалиста становится все больше похожей на работу маркетолога. Работодатели, даже без опыта в рекрутменте, могут легко ориентироваться в концепциях воронки продаж и ожидать аналогичной аналитики в подборе персонала.

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

Будет ли hh.ru меняться еще?

«Конечно. Мы в hh.ru постоянно работаем над улучшением наших продуктов, создаем полезные фичи для пользователей,— рассказала Анастасия,— и будем последовательно продолжать редизайн. Для нас важно, чтобы человек чувствовал в нас экспертную поддержку, дружелюбного помощника, который всегда рядом на нелегком пути поиска работы и развития карьеры».

Анастасия Мануйлова