UX-ревизор. Выпуск первый. Careerspace. Можно ли найти работу в диджитал?

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

А на трубе Максим Захаров, продуктовый и UX/UI дизайнер, автор уроков по UX в приложении Lyra. Это первый выпуск UX-ревизора. Мой телеграм-канал с UX-фичами. Поехали.

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

Лейаут страницы

Первое, что мне бросается в глаза после красочной обложки — это лейаут страницы. Такое ощущение, что верстали на классическом Бутстрапе. Я понимаю, для чего так можно делать: так, например легче адаптировать под мобилку и планшет, и сохраняется фокус на контенте. Но сейчас 2024 год, и у большинства людей на десктопе будут гигантские “уши” на странице.

Как альтернативный вариант, можно создать контейнер с margin в 10-15%. Так решится проблема с ушами, и разрешит добавить не 4 карточки в слайдер, а 5-6.

Слайдер

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

Обложки карточек

По обложкам к подборкам вакансий у меня в целом вопросов нет — сделали креативно, интересно. А вот с обложкам для карточек с компаниями есть одна неясность: не все обложки отражают конкретную компанию, например Точка у меня совсем не ассоциируется сс двумя людьми на фиолетовом фоне.

Альтернатива: поставьте лого компаний на обложку, а под фото наоборот уберите.

Тени у карточек слишком жесткие, хотелось бы сделать их помягче.Кнопка “Добавить в избранное” выглядит, как disabled. Более удачным решением было бы использовать иконки с обводкой и без заливки. Когда пользователь добавляет вакансию в избранное, рядом появляется единичка. Почему единичка? Что она показывает. Насколько я могу делать выводы из интерфейса, пользователь не может видеть, сколько человек всего добавили конкретную вакансию в избранное.В списке карточек нет возможности откликнуться на вакансию с этого же экрана. А если пользователь только по зарплате и компании принял решение об отклике, то ему придется делать лишнее действие. Возможно таким образом Careerspace продвигает “осознанность” при выборе работы, а может просто упущение. Решать вам)

Фильтрация на странице вакансий

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

Для улучшения этого есть следующие варианты: 1) Разместить фильтры сверху, над “каталогом”. Здесь не так много категорий, они все могут поместиться сверху. Это упростит доступ к ним во время скролла всей страницы и уберет проблему с необходимостью листать все фильтры.

Работа фильтров

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

Когда же включаешь опцию “Умный поиск вакансий”, вовсе пропадает возможность включать фильтры.

Также есть вопросы к алгоритмам поиска. Когда выставляешь категорию “Дизайнер”, появляются вакансии по типу “Frontend-developer”. Это не критично, но все-таки лучше поправить.

Баннер

1. В примере снизу нет обложки на вакансии. Я понимаю, что этот функционал может зависеть от самих работодателей , но не упомянуть этого не могу. Без каких либо фотографий сайт выглядит как прототип в Фигме.
2. Кнопки “Поделиться” и “Назад” расположены непонятно где, за рамками основного контента. По какой причине она там находится я с трудом могу догадаться.

Как сделать лучше? Например, кнопку “Поделиться” можно расположить ее рядом с кнопкой “Добавить в избранное”., а кнопку “Назад” рядом с логотипом компании, которой принадлежит вакансия.

3. Название компании не сопровождается никаким логотипом или элементом фирменного стиля. Я понимаю, что, возможно стоит допллатить за “персонализацию” вакансии, но камон, хотя бы логотип дайте разместить.

Показ зарплаты

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

Карта

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

Похожие вакансии

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

1. Каждая карточка сливается с соседней. Добавив хотя бы лого компаний, уже была бы какая-никакая демаркация.
2. Заголовок блока куда-то отъехал.
3. В двустрочных заголовках вакансий видно, что с интерлиньяжем(расстояние между строками) перемудрили: он слишком маленький. Сделать его на 10-20% больше и уже будет лучше.

Доступ к профилю быстрый — через хеддер. Открывается отдельная страница, где контент, как и на главной, выровнен посередине.
1) Открыв эту страницу, пользователь сразу попадает на рекламу внутреннего продукта компании — “Карьерную поддержку”, которая присутствует буквально на каждой странице. По началу, когда я только открыл сайт, я воспринял это “ну ок, им же надо как-то зарабатывать”, но спустя N кол-во часов во время написания этой статьи, я уже устал от подобных баннеров.
Правда ребят, имейте совесть.

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

3) Есть место под фотографию, но нигде нет возможности добавить ее. Вопрос: зачем она тогда нужна?
4) Странно расположенная кнопка настроек профиля. Находится под именем и образует вокруг себя кучу места. Как вариант, можно расположить ее слева от имени.

Табы “Отклики” и “Понравившиеся”

Контент, то есть карточки в обеих вкладках расположены в столбик друг под другом. Сомнительное решение, если учитывать, что могут быть пользователи, у которых не 3 отклика, а 30.

Как можно улучшить? Для начала переделать всю страницу профиля. Создать две функциональные области:
1) В первой расположить навигацию (Информация, отклики, настройки и т.д.)
2) Во второй расположить основной контент.
Если совсем больно делать редизайн, то можно просто добавить табы над карточками.
При выборе пола пользователю дается не 2, а целых 3 варианта на выбор! Если вы небинарная личность — вам будет приятно!

Настройка информации

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

Во вкладке “личная информация” при выборе пола пользователю дается не 2, а целых 3 варианта на выбор! Если вы небинарная личность — вам будет приятно!

В графе ниже “Желательный формат работы” хотелось бы добавить кнопку “Любой”, чтобы непринципиальному человеку не приходилось трижды нажимать на кнопки.

Из интересных ux-моментов здесь есть следующий пункт: когда человек при заполнении опыта работы не может найти свою компанию из предложенного списка, ему предлагается заполнить две графы:
1) Соответственно название компании
2) Размер компании. По этому признаку будущий работодатель сможет оценить, в какой примерно команде работал потенциальный сотрудник, какие у него могли быть задачи, был ли арт-директор/тимлид. В общем, довольно ценный инпут.

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

Вот таким вышел первый выпуск серии статей про UX на сайтах. Что думаете про UX Careerspace, пользуетесь ли им сами?

С вами был Максим Захаров. Подписывайтесь на мой телеграм-канал, там каждый день выходят обзоры фич в сервисах, приложениях и сайтах) И так я смогу понять, что вам зашло. Самые интересные выпуски еще впереди)