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

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

Моя роль

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

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

Кратко

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

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

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

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

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

До этого была одна длинная анкета без учётной записи и без сохранения. Кандидат, заполнивший половину федеральной анкеты для трудоустройства, мог потерять всё из-за забытой вкладки браузера. А ставки высоки: кандидатов предупреждают, что ложные сведения могут стоить им места, привести к увольнению уже после начала работы или к штрафу или лишению свободы по разделу 18 Свода законов США. Требовать от человека заполнить всё правильно за один раз и без сохранения прогресса означает ошибку дизайна с юридическими последствиями.

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

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

Ориентиром был 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, а снимка её разметки нет.

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

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