Аудит юзабилити портала по поиску работы

Компоновка главной страницы сайта

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

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

В данном блоке также есть ссылка только на размещение резюме.

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

Рекомендуем сделать в данном блоке следующие блоки со ссылками: «Разместите резюме», «Добавьте вакансию», «Подпишитесь на рассылку».

В данный момент на главной странице сайта по умолчанию открыта первая вкладка «Вакансии по индустриям».

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

Рекомендуем сделать вкладку «Вакансии по городам» первой и открытой по умолчанию при загрузке страницы.

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

Аналогичная ситуация и со списком городов – в данный момент он состоит из 45-ти пунктов, расположенных согласно количеству предлагаемых вакансий.

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

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

Рекомендуем добавить в это блок ссылку «Все города» с переходом на страницу http://gorodrabot.ru/joblist.

Найти нужный регион и список городов можно найти на странице «Карта вакансий».

Но согласно данным статистики главную страницу этого раздела http://gorodrabot.ru/site/vacancyMap за последний квартал посетило всего 6400 человек из 4,64 млн.

При этом на сайте есть страница с практически идентичным функционалом «Обзор вакансий» http://gorodrabot.ru/joblist. Но на нее можно попасть лишь по ссылке, расположенной в нижней части страницы либо через ссылку вспомогательной навигации по типу «Хлебные крошки».

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

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

Ссылки на наиболее важные как для работодателя, так и для соискателя разделы, расположены в самом низу страницы и большинство посетителей их не видит. Это подтверждается и данными карты прокрутки страниц. Для примера по ссылке https://yadi.sk/i/pLAiYTcznBFgv можно увидеть карту скроллинга главной страницы сайта.

Далее рассмотрим юзабилити вкладки «Наши вакансии».

Непонятно, в каком городе предлагаются данные вакансии.

Рекомендуем выводить вакансии с указанием города пользователя (например, «Наши вакансии в Тольятти»).

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

В списке вакансий выводятся абсолютно одинаковые названия вакансий. Непонятно, чем они отличаются и какая из них подходит конкретному соискателю.

В случае использования одинаковых названий вакансий рекомендуем делать их уникальными например с помощью указания размера заработной платы («Менеджер по продажам – 30 000 руб.»).

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

Рекомендуем при переключении режима поиска выводить или вакансии или резюме.

Юзабилити поиска вакансий

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

Правильность заполнения полей проверяется не прямо в процессе работы с формой, а после ее отправки. Например, при попытке отправки пустой формы поиска загружается страница, не содержащая практически никакой информации. Сообщение об ошибке выводится справа, соответствующие поля формы не подсвечиваются. Данное замечание верно как для поиска вакансий, так и для поиска резюме. Демонстрацию видео можно просмотреть по ссылке https://yadi.sk/i/YoOFprNPnBRRk.

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

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

Рекомендуем избегать избыточного дублирования информации.

В форме расширенного поиска в выпадающем списке «Форма занятости» все пункты списка (кроме первого) написаны с большой буквы. В других выпадающих списках («Опубликованы» и «Сортировать по») названия пунктов – с маленькой буквы.

Рекомендуем придерживаться единого формата текста во всех выпадающих списках.

В форме расширенного поиска отсутствует уточнение – в данный момент осуществляется поиск вакансии или резюме. Обе формы выглядят совершенно одинаково. Это продемонстрировано на видео по ссылке https://yadi.sk/i/5qvZUXKtnBoej .

Рекомендуем явно указать «Расширенный поиск вакансий» или «Расширенный поиск резюме» соответственно.

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

Соответствующее сообщение появляется уже в процессе работы с формой или попытки отправки.

Рекомендуем явно указать, какие поля формы обязательны для заполнения.

После двоеточия в данном сообщении слова должны быть либо с маленькой буквы, либо в кавычках и с большой.

Непонятно, почему незаполненное поле «Зарплата от» подсвечено зеленым цветом.

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

Отдельно следует отметить, что в данной форме не работают выпадающие меню с подсказками вакансии и региона (как в основной форме поиска).

Результаты поиска вакансий

Далее рассмотрим юзабилити страницы с результатами поиска вакансий.

Результаты поиска можно отсортировать всего по двум параметрам – релевантности и дате. При этом не совсем понятно, что подразумевается под сортировкой по релевантности. Результаты поиска должны быть на 100% релевантны запросу.

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

Рекомендуем добавить возможность сортировки вакансий по все важным для пользователя параметрам (в частности – размеру зарплаты).

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

Рекомендуем разместить хорошо заметный заголовок в верхней части страницы.

Непонятно, является ли заголовок вакансии ссылкой или обычным текстом.

Рекомендуем явно обозначать ссылки с помощью подчеркивания.

Добавление в избранное доступно только авторизованным пользователям. При этом при нажатии на иконку выводится ряд сообщений об ошибке и не предлагается зарегистрироваться. Это продемонстрировано на видео по ссылке https://yadi.sk/i/jssIhI5mnByZT.

При этом пожаловаться на вакансию можно и без авторизации. Это продемонстрировано на видео по ссылке https://yadi.sk/i/1KHxQfzmnBz6F.

Следует отметить, что в данный момент отсутствует возможность настройки количества выводимых вакансий. Из-за этого необходимо постоянно использовать вертикальную прокрутку страницы, что отрицательно сказывается на юзабилити сайта. Это особенно актуально при работе с сайтом на экранах с небольшим разрешением. Например, при просмотре сайта на мониторе с разрешением 1280х1024, высота страницы составляет более чем 5000 пикселей. Это продемонстрировано на скриншоте по ссылке https://yadi.sk/i/hqilMdkNnC2Gy .

Рекомендуем добавить возможность выбора количества выводимых вакансий на странице.

В модуле подбора вакансий по параметрам для городов с метрополитеном есть блок «Станции метро».

Но его функционал в данный момент не доработан.

Список станций ограничен 15-ью. В нем не выводятся все станции метро, рядом с которыми предлагаются вакансии.

Например, по запросу «официант» в Москве находится 1591 вакансия. При этом в списке станций выводится всего 15 станций с общим количеством вакансий 102. Непонятно, как найти вакансии, привязанные к другим станциям метро. Это продемонстрировано на скриншоте по ссылке https://yadi.sk/i/dl3NYDEfnFKSF.

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

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

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

Это продемонстрировано на скриншоте по ссылке https://yadi.sk/i/ti0DgDE4nFMik.

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

Далее рассмотрим страницу с детальным описанием вакансии.

После тире в заголовке название вакансии должно быть с маленькой буквы.

После двоеточия слова должны быть с маленькой буквы.

По-разному подается одна и та же информация о вакансиях на разных страницах сайта. Для примера сравним вывод вакансии http://gorodrabot.ru/vacancy/34036825/menedjer_po_prodajam_yaroslavl и http://gorodrabot.ru/vacancy/34036149/menedjer_prodaj_na_domu_novosibirsk. Результат представлен на скриншоте по ссылке https://yadi.sk/i/gfy5o-C0nFd2v.

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

Элементы сайта некорректно ведут себя при уменьшении ширины окна браузера. Это продемонстрировано на видео по ссылке https://yadi.sk/i/Xpy0736InQvv8 .

Вызывает вопрос актуальность вакансий, представленных в результатах поиска. При нажатии на первую же ссылку в выдаче (http://moskva.gorodrabot.ru/vacancy/32935839/barmenofitsiant_moskva)появляется сообщение о 404-й ошибке. Это продемонстрировано на видео по ссылке https://yadi.sk/i/LHAmZRZknQxyC .

Это подтверждается и данными Яндекс.Метрики – 3.17% пользователей попадают на страницу с сообщением об ошибке.

Размещение вакансии

Для размещения вакансии необходима регистрация на сайте на странице http://gorodrabot.ru/site/register в качестве работодателя. Приведенные ниже замечания будут верны и для процесса регистрации соискателя.

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

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

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

Сообщения об ошибках выводятся в текстовом блоке над полями, а не при помощи скрипта как, например, в форме восстановления пароля.

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

Также стоит отметить, что используется разный размер шрифта в этих двух формах (см. скриншот выше).

При попытке регистрации на сайте в качестве соискателя или работодателя не удалось успешно пройти данный процесс. В обоих случаях были получены сообщения об ошибке отправки письма с подтверждением авторизации. Это продемонстрировано на видео по ссылкам https://yadi.sk/i/zinA8kU3nFnjB и https://yadi.sk/i/0AtFCTbPnFnnj соответственно.

Также рекомендуем максимально упростить работу с формой регистрации.

Согласно данным Яндекс.Метрики 27,81% пользователей уходят с формы регистрации при заполнении поля «Пароль еще раз». Такое решение является избыточным и усложняет процесс регистрации.

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

Размещение резюме

При первом размещении резюме на странице http://gorodrabot.ru/my/resume/create появляется сообщение о необходимости заполнения профиля.

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

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

Далее рассмотрим компоновку и юзабилити формы регистрации. Все замечания и комментарии представлены на скриншоте по ссылке https://yadi.sk/i/7cc-un3knMg8K .

После заполнения профиля можно вернуться на страницу создания резюме.

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

После загрузки фото непонятно, как оно будет отображаться на сайте – предварительный просмотр фотографии пользователя отсутствует. Это продемонстрировано на видео по ссылке https://yadi.sk/i/NOFPrMDbnPrtX.

Непонятно, что обозначает звездочка рядом с именем поля ввода:

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

Поле формы «О себе» помечено звездочкой как обязательное, но отправка успешно осуществляется и с пустыми данными. Это показано на видео по ссылке https://yadi.sk/i/edbukAwUnQ3ok.

Избыточная ширина полей формы.

Неправильное склонение в сообщениях об ошибках:

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

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

В разделе заполнения опыта работы, все поля кроме сайта компании отмечены как обязательные. Но при этом удается перейти к следующему этапу без заполнения всех полей. Это продемонстрировано на видео по ссылке https://yadi.sk/i/dyIIySCUnQKo7 .

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

Также только на последнем шаге приходит уведомление, что поле «О себе» должно быть длиннее 32-х символов.

Отдельно стоит отметить, что элементы личного кабинета некорректно отображаются при уменьшении окна браузера. Это продемонстрировано на видео по ссылке https://yadi.sk/i/X4FLeBJinQb45 .

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

Детальный просмотр резюме

Некорректно отображаются подсказки с выбором профессии и города. Это продемонстрировано на видео по ссылке https://yadi.sk/i/mpU7CL09nRN7N .

Следует отметить, что данная проблема появилась и в форме поиска на главной странице. Ссылка на видео https://yadi.sk/i/XbJ_8Z4qnRP9A .

После данных заголовков рекомендуем использовать двоеточие. Также рекомендуем увеличить вертикальные отступы между текстовыми блоками – это улучшит читабельность.

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

Размещение вакансии

Далее рассмотрим юзабилити личного кабинета работодателя и процесс добавления вакансий.

Верстка личного кабинета работодателя ведет себя некорректно при изменении ширины окна браузера. Это продемонстрировано на видео по ссылке https://yadi.sk/i/YXWpplKsnUNox.

Для добавления вакансии сначала необходимо добавить компанию.

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

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

Рекомендуем обеспечить возможность ввода адреса компании обычным способом в виде текста.

После добавления адреса при повторном открытии карты она не отцентрирована по метке с введенным адресом. Это продемонстрировано на видео по ссылке https://yadi.sk/i/a9knlv33nUTtJ.

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

При попытке отправки формы с незаполненным описанием компании выдается сообщение об ошибке в верхней части страницы, а не рядом с полем ввода. При этом значение поля «Адрес» сбрасывается и его необходимо вводить заново. Это продемонстрировано на видео по ссылке: https://yadi.sk/i/I5_AANQEnUhSh.

Только после очередной попытки отправки формы выводится сообщение о том, что «Описание» должно быть не менее 50-ти символов.

Полный скриншот формы добавления вакансии и комментариями представлен по ссылке https://yadi.sk/i/r3nN2kYSnUkQR.

Данное сообщение появляется только после попытки отправки формы.

При попытке воспользоваться функцией редактирования вакансии выдается сообщение об ошибке. Это продемонстрировано на видео по ссылке https://yadi.sk/i/M50H5ttcnUnCs .

С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.