Онлайн-заявка Military Sealift Command

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

Моя роль

Вице-президент по UX-дизайну

Клиент
Military Sealift Command
Агентство
MediaCross, Сент-Луис
Дизайн
2019 год, снова в MediaCross, когда VizVid выходил на рынок
Запуск
apply.sealiftcommand.com, к апрелю 2020 года
  1. Вместе с командой я описал федеральный процесс найма: что он требует, в каком порядке и где кандидат может остановиться.
  2. Я превратил трёхчастную Information Request Form в сохранённый профиль, который кандидат заполняет постепенно, по шагам.
  3. Я сделал согласие обязательным условием: кнопка, которая запускает заявку, остаётся неактивной, пока кандидат не примет Conditions of Employment.
  4. Я спроектировал приложение за экраном входа: профиль для первого визита, вакансии, статус каждой заявки в одном списке и длинные ответы о знаниях, навыках и способностях, которые сохраняются по одному.
  5. Я вынес помощь на первый экран и на каждый следующий: пункт «Support» в боковой панели, а за ним база знаний и запрос в поддержку.
  • 1 учётная запись на кандидата, которая сохраняет ответы между сеансами
  • 2 места, где появляется предупреждение о правдивости сведений, вверху и в подвале, потому что за ложь грозит уголовная ответственность
  • 11 цветов в итоговой палитре, два из них только для ошибок и предупреждений
  • 2020 первый снимок работающего сайта; снимки в рабочем состоянии есть до 2023 года

Кратко

Military Sealift Command комплектует экипажи гражданского флота ВМС США, и apply.sealiftcommand.com служит его онлайн-заявкой на работу для гражданских моряков. Переработка, спроектированная в 2019 году и запущенная к апрелю 2020 года, заменила трёхчастную Information Request Form заявкой с согласием на входе, построенной как сохранённый профиль, из которого кандидат может выйти и к которому может вернуться, с разбивкой на шаги. Ориентиром был TurboTax, и по той же причине, по которой существует сам TurboTax. Налоговый кодекс никогда не станет удобным, поэтому продукт встаёт между человеком и бюрократией и проводит его через неё. Федеральный найм устроен так же. MediaCross, агентство, для которого я делал эту работу, ведёт рекрутинг MSC с 2002 года, согласно его собственному публичному описанию сотрудничества.

Я спроектировал заявку в 2019 году; первый снимок работающего приложения в Internet Archive датирован 4 апреля 2020 года, и снимки показывают его в работе до 2023 года.

Кто участвовал

  • Military Sealift Command Командование ВМС, которое комплектует экипажи гражданского флота; его процесс найма задал порядок каждого шага.
  • MediaCross Агентство, которое ведёт рекрутинг MSC и построило это приложение.
  • Catherine Bean Ведущий специалист по кадровой поддержке в MediaCross, в контракте с Military Sealift Command, в Marine Employment Division. Вместе мы прошли весь процесс найма CIVMAR на сессии event storming по моделированию предметной области.
  • Я Карта процесса, структура учётной записи, обязательное согласие и экраны.
Обновлённый стартовый экран MSC Online Application в том виде, в каком он был в апреле 2020 года
Стартовый экран, апрель 2020 года. apply.sealiftcommand.com на снимке Internet Archive, первом снимке работающего приложения.
Читать материалы . Разделов: 6, около 3 мин

С чего всё началось

До этого была Information Request Form, трёхчастная форма, в первой части которой двадцать полей: от вопросов о гражданстве и паспорте до имени, адреса, телефонов, электронной почты и пароля. Её заполнение создавало защищённый профиль пользователя, а затем письмо с подтверждением позволяло кандидату войти, управлять профилем и подать заявку. Форма была обязательной, но заявкой не являлась, и это был первый шаг кандидата. Во вступлении стояло то же предупреждение, что и в самой заявке: ложные сведения могут стоить кандидату места, привести к увольнению уже после начала работы или к штрафу или лишению свободы по разделу 18 Свода законов США. Ставки высоки, и кандидат сталкивался с ними уже на первом шаге.

Information Request Form Military Sealift Command на снимке Internet Archive от 24 июля 2019 года: страница с заголовком Start the Process, вступление к форме, затем часть 1 из 3, один столбец из двадцати полей, от вопросов о гражданстве и паспорте до имени, адреса, телефонов, электронной почты и пароля, и кнопка Continue в конце.
До: Information Request Form. Часть 1 из 3, первое, с чем сталкивался кандидат: двадцать полей, затем Continue. Снимок Internet Archive страницы apply.sealiftcommand.com/irf от 24 июля 2019 года, склеен из четырёх скриншотов снимка. Части 2 и 3 не показаны.

Заявка как профиль, который растёт со временем

Работа началась с картирования процесса: что требует федеральный процесс найма, в каком порядке и где кандидат может остановиться. Весь процесс найма CIVMAR я прошёл вместе с Catherine Bean, ведущим специалистом по кадровой поддержке по контракту, на сессии event storming по моделированию предметной области. Отсюда выросло главное структурное решение. Кандидат создаёт учётную запись, и его ответы сохраняются между сессиями как постоянная запись, так что заявку можно заполнять несколько дней.

Ориентиром был TurboTax, и по той же причине, по которой существует сам TurboTax. Налоговый кодекс никогда не станет удобным, поэтому продукт встаёт между человеком и бюрократией и проводит его через неё. Федеральный найм устроен так же.

Приложение за экраном входа

Я спроектировал всё приложение в 2019 году, после того как вернулся в MediaCross, когда VizVid выходил на рынок. Стартовый экран вышел в работу почти таким, каким я его нарисовал: тёмно-синяя боковая панель с печатью командования, «Start the Process», обязательное согласие. Экраны за входом составляют остальную часть дизайна.

При первом визите кандидату объясняют, что он создаёт: профессиональное резюме и официальную заявку, так что вводить всё дважды не придётся. В разделе «Openings» каждая должность указана с зарплатой и датой открытия. Список заявок показывает каждую заявку, которую отправил кандидат, со статусом в формулировках самого командования, от «Forwarded» до «Not Selected», и к каждому статусу есть фраза, которая его объясняет. Вопросы о знаниях, навыках и способностях, самые длинные ответы в федеральной заявке, сохраняются по одному, а рядом с ними стоит контрольный список. Пункт «Support» есть в боковой панели на каждом экране.

Дизайн стартового экрана: тёмно-синяя боковая панель с печатью Military Sealift Command и пунктами «Log In» и «Support», затем «Start the process», абзац о том, почему ответы должны быть правдивыми, с предупреждением по разделу 18 Свода законов США, флажок «Conditions of Employment» и неактивная кнопка «Let's Begin». Работающий стартовый экран апреля 2020 года следует этому дизайну, к нему добавлены верхняя панель, встроенная форма входа и подвал с помощью.
Стартовый экран, как он был задуман. Сначала обязательное согласие: кнопка «Let's Begin» остаётся неактивной, пока кандидат не примет «Conditions of Employment».
Дизайн первого визита в профиль для условного кандидата по имени David: три шага в виде иконок, «Professional Resume», «Official Application» и «Take Command of Your Career», абзац о том, что сведения сохраняются и вводить их снова не придётся, и кнопка «Let's Begin». Файл дизайна, 2019 год; экранов за входом нет в Internet Archive.
Первый визит. Что создаёт кандидат, в трёх шагах, и обещание, что вводить всё придётся только один раз.
Дизайн списка «Openings»: шестнадцать должностей плавсостава, от Able Seaman до Medical Services Officer, у каждой годовая зарплата, бонус, если он есть, и даты, когда она открыта, под фильтром по отделам. Примеры вакансий в файле дизайна, 2019 год.
Вакансии. Каждая должность с зарплатой и датой открытия, в одном клике от заявки.
Дизайн списка заявок условного кандидата: восемь заявок, у каждой метка статуса и цветная точка, «Forwarded», «Non-Compliant», «Not Qualified», «Not Selected», «Selected», «Unsubmitted» и «Unsuitable», и фраза, которая объясняет каждый статус. Условные данные в файле дизайна, 2019 год.
Каждая заявка и то, на каком она этапе. Статусы в формулировках самого командования, и к каждому фраза, которая его объясняет.
Дизайн ответов о знаниях, навыках и способностях для заявки на должность Medical Services Officer: шесть длинных вопросов о медицинской помощи на борту судна, у каждого поле для ответа и своя кнопка «Save», а рядом контрольный список из шести пунктов с кнопкой «Review Application». Ответы в файле дизайна, 2019 год, заполнены текстом-заполнителем.
Самые длинные ответы сохраняются по одному. Шесть вопросов, у каждого своя кнопка «Save», и контрольный список, который показывает, что осталось.
Дизайн страницы «Support»: приветствие базы знаний MSC Online Application, поле поиска, четыре частых вопроса о письме с подтверждением, связывании учётных записей, паролях и курсантах морских академий, ссылки на темы и кнопка «Support Request». Файл дизайна, 2019 год.
Поддержка с любого экрана. Вопросы, которые кандидаты действительно задают, поиск и живой человек, к которому можно обратиться, если этого мало.

Результаты

Приложение заработало к апрелю 2020 года: снимки Internet Archive идут с 4 апреля 2020 года по 2023 год, а его таблицу стилей перевыпускали как минимум до 2025 года. Его систему можно измерить по самому выпущенному продукту: корневой размер 10px, Montserrat и палитра из одиннадцати цветов, где два значения зарезервированы под состояния, красный для ошибок и янтарный для предупреждений, плюс индикатор прогресса из семи шагов для пошагового процесса.

В моих файлах нет цифр о завершении заявок или об отказах. Старая форма показана выше, в том виде, как её запечатлел Internet Archive 24 июля 2019 года.

Если бы я делал это снова

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

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