Лого vc.ru

Редизайн HeadHunter: Арт-директор проекта об обновлении российского сайта по поиску работы

Редизайн HeadHunter: Арт-директор проекта об обновлении российского сайта по поиску работы

Российский сайт по поиску вакансий и сотрудников HeadHunter запустил обновленную версию своего сайта. ЦП пообщался с арт-директором проекта Александром Никишенковым и узнал, как проходил процесс редизайна, какие цели стояли перед командой, и как компания собирается внедрять изменения.

Поделиться

ЦП: Почему решили провести глобальный редизайн?

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

Пора было решить эту проблему без полумер. 

Какие задачи должен был решить редизайн? 

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

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

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

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

Какие цели стояли перед вами?

Хотели, чтобы сайт стал чище, легче и эмоциональнее. В первую очередь мы стремились к увеличению ключевых конверсий на сайте (создание резюме, отклика, создание вакансии и так далее), а это можно сделать, когда с сайтом удобно работать, когда он хорошо отображается на разных типах устройств с разными разрешениями. Кроме того, мы хотели, чтобы HeadHunter стал «чище», «легче» и эмоциональнее.

Несмотря на всё желание дизайнеров, нельзя устроить революцию и полностью изменить весь сайт. Поэтому нововведения мы поделили на несколько этапов, первым из которых стало изменение навигации на hh.ru, hh.ua, hh.kz, career.ru, jobs.tut.by и jobs.day.az. Мы заменили старую навигацию, сгруппировали и правильно расположили все элементы. 

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

На какие тренды опирались, какие гипотезы ставили перед тем, как приступить к проектированию?

Мы видели круг проблем, которые надо решить и было несколько идей, которые нужно было проверить.

Как был организован процесс разработки? Опрашивали сотрудников, аудиторию, смотрели статистику, тест-группа?

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

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

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

После работы над ошибками, мы обзвонили некоторых наших клиентов и поехали к ним в гости с подобными кейсами. Аудитория была разнообразной, отличаясь и по опыту работы и по решаемым задачам — от директора по подбору персонала крупной компании (в бизнесе 8 лет) до менеджера по подбору персонала (в бизнесе 2,5 года).

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

Разрабатывали сами? Сколько времени понадобилось?

Разрабатывали сами. Делали долго – от момента первой идеи до момента открытия на первую тестовую аудиторию прошло больше года. Все это время мы тестировали, исправляли ошибки и снова тестировали.  

Как защищали концепцию перед остальной командой?

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

HeadHunter – большой проект. Как собираетесь внедрять редизайн? Что будете делать, чтобы ничего не упустить?

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

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

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

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

Мы запустились на 10% аудитории и оставили возможность вернуться на старый дизайн. Для возвращающихся на старый мы открывали форму с просьбой прокомментировать их поступок и дать оценку.  

Получилось, что только около 5% пользователей из тех, кто увидел новый дизайн, вернулись на старый. Из них 95% оставляли примерно такие комментарии: «привык к тому дизайну», «мне нужно срочно найти работу, а не разбираться с новым», «хочу», «надо», «привычка». 

Около 5% откликов были с качественными замечаниями, к которым мы прислушиваемся и уже работаем над изменениями. Кроме того, мы провели публичное тестирование в нашем блоге на «Хабре» и получили ценные для нас комментарии.

Статьи по теме
«Альфа-банк» представил редизайн своего сайта от «Студии Артемия Лебедева»19 декабря 2014, 13:02
Популярные статьи
Показать еще
Комментарии отсортированы
как обычно по времени по популярности

Любопытный скриншот главной страницы. Что может быть более противоестественным, чем деловой костюм и горы? Выглядит вдохновляюще, но на деле воспринимается как банальнейшее рекламное клише.

Но это так, просто замечание. Что касается интерфейса — стало действительно лучше. Сказывается серьезный подход к проектированию.

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

Вот еще б под 8-ку оптимизировали и тогда бы ваще здорово было

А что вы имеете в виду под оптимизацией под 8-ку? Визуальную, стилистическую подгонку или какие-то паттерны поведения, типичные жесты?

0

Точность позиционирования нажатия на экран. На Ios7 роботает нормально, а вот на 8 - перепрыгивает, например, при выборе городов, тапаешь на Ленинград, а выбирается или Е-бург или строчкой ниже Казань

0

Используйте приложение для iOS

0

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

0

Ваше право что использовать, но во многом мобильная версия удобнее. Например, проще обновлять дату резюме.

А с женой - любите ее и радуйте.

0

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

0

Я так подумал поначалу, что "8-ка" - это про Win 8 и какие-то проблемы в плиточном браузере :)

Ну и про устройство я тоже, честно говоря, как-то не вижу. iPad? Retina или обычный?

0

ipad mini не ретина, обычный 13 год

0

версия 8.1.2 браузер Сафари

0

хоть бы шрифты нормальные сделали...

А комментирование и рейтинги так и не прикрутили.
Я бы оставил парочку комментариев особо выдающимся работодателям, чтоб другие люди даже не тратили на них время.

На главной часто используется силуэт человека, тоненький такой - присмотритесь внимательно - у него нет шеи и от этого он выглядит сутулым и понурым.

Хотя возможно это олень...

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

Сейчас обсуждают
Дмитрий Кубитский
kotobotov.ru

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

Бывший глава Google затруднился ответить на один из традиционных вопросов компании на собеседованиях
0
Ilyes Garif

кому нужно? и для чего?

«Добро пожаловать в 2030 год»: член датского парламента о счастливой жизни без приватности и личных вещей
0
Artem Agafonov

Аудитория у поисковиков разная. Это примерно как аудитория Одноклассников и Фейсбука.

«Клиенты хотят, чтобы агентство отвечало за прибыль»: что такое performance-маркетинг и как с ним работать
0
Yury Molodtsov

То есть вы еще и с Analytics и Метрикой все успели перепутать?)

«Яндекс» создал платный поисковик информации для бизнеса
0
Антон Лапшин
МИЛИ

а я давно уже говорю, что киберпанк наступил, только не все это ещё приняли

«Добро пожаловать в 2030 год»: член датского парламента о счастливой жизни без приватности и личных вещей
0
Показать еще