SANKAKU
01画面の作り直し 方向の案 第2版

いただいた返事に合わせて、3つの画面を作り直しました。

運営の画面
CRM と同じ作りに

左にメニューと件数、白地、同じ色の決まり。ボタンが並ぶだけのホームをやめ、「今日の対応」を期限の近い順に出す。

企業の画面
スマホを最優先に

スマホだけで、応募に気づく・見る・返事をする・面接の日を決める、まで終わる。パソコンでは同じ情報を一覧でさばく。

求職者の画面
骨組みはそのまま、見た目を上質に

太い黒枠・ずらした影・黄色の塗りつぶしをやめた。見た目の違う2案から選んでもらう。

POINT
どの画面も、画像の下の「実物 ↗」から開いて押せます。最後のページで3つ決めてください。決まったら作り込みに入ります。
01 / 07
SANKAKU
02運営の画面 ホーム

開いたら、今日やることが期限の順に並んでいる。

運営のホーム
運営のホーム。上に4つの件数、下に「今日の対応」。期限を過ぎたものは赤で一番上に出る。実物 ↗
なぜこう作ったか

今のホームは、ボタンが12個並ぶだけで何から手を付けるか分からない。毎日使う CRM と同じ作りにして、覚え直しを無くす。

CRM から持ってきたこと
  • 左のメニューと件数、上の帯にページ名と担当者
  • 白地と同じ色の決まり(青・黄・状態の色)
  • ダッシュボードの数と「対応漏れ」の考え方
機能の出し方

実際にある機能だけを使う。毎日のものはメニューに、めったに使わないもの(電話番号の復旧・閲覧の確認・運営メンバーなど)は「設定・その他」にまとめた。

02 / 07
SANKAKU
03運営の画面 審査と企業の確認

判断に必要なものを1画面にそろえ、その場で決められる。

求人の審査
求人の審査。左に求職者に見える原稿、右に自動の審査の結果と根拠、その下で「掲載する/直してもらう/保留」。実物 ↗
企業の確認
企業の確認。国税庁(旧商号の履歴も)・厚労省・国交省の処分・建設業の許可・ホームページを1行ずつ。許可はその場で記録する。実物 ↗
03 / 07
SANKAKU
04企業の画面 スマホ

現場や移動中でも、スマホだけで返事まで終わる。

ホーム
ホーム(今日やること) 実物 ↗
応募の受信箱
応募の受信箱 実物 ↗
応募の詳細
応募の詳細と返事 実物 ↗
求人の管理
求人の管理 実物 ↗
なぜこう作ったか現場に出ている担当者は、パソコンを開くまで応募に気づけない。下のタブに新しい応募の件数を出し、目安が近い人から順に並べる。
参考にしたことIndeed の企業向けの画面の「状態のタブに件数」。Airワークの「困ったときの相談先がいつも見える」。
見た目運営の画面と同じ白地と色の決まり。黄色は主なボタンだけ。文字とボタンは運営の画面より大きく。
04 / 07
SANKAKU
05企業の画面 パソコン

パソコンでは、同じ情報を一覧と詳細で速くさばく。

応募の管理(パソコン)
応募の管理。左に受信箱(状態のタブと件数)、右に選んだ人の詳細・やり取り・返事。実物 ↗
スマホとそろえたこと
  • 同じ言葉・同じ並び順(返事の目安が近い順)
  • 状態は「新しい・やり取り中・面接・終わった」の4つ
  • メニューも同じ4つ(ホーム・応募・求人・その他)
応募が多い会社のために

一覧から次々に選んで、右で返事まで書ける。定型文も選べる。

05 / 07
SANKAKU
06求職者の画面 見た目の2案

骨組みは前回の C のまま、見た目を2案で作り直しました。

案1 トップ
案1 トップ 実物 ↗
案1 求人の詳細
案1 求人の詳細 実物 ↗
案2 トップ
案2 トップ 実物 ↗
案2 求人の詳細
案2 求人の詳細 実物 ↗
安っぽさを消すために太い黒枠とずらした影をやめて細い線に。黄色はロゴ・確認済みの印・応募ボタンだけ。見出しの太さを抑え、余白を広く。
案1 白と写真白地に大きな写真。職種の入口も写真。落ち着いていて、企業・運営の画面とも同じ白で通る。
案2 黒で力強く上の面を炭色にして黄色を差す。職種は整った一覧。力強いが、黒×黄は助太刀に近づく。
06 / 07
SANKAKU
07決めてほしいこと

3つ、番号で答えてください。

1
求職者の画面の見た目
案1 白と写真=おすすめ / 案2 黒で力強く
理由=写真が主役で信頼感が出る。黒×黄の案2は助太刀に近づく。企業・運営の画面とも同じ白地で通る
2
企業の画面の方向
この方向でよい / 直したい所がある(どこかを一言)
3
運営の画面の方向
この方向でよい / 直したい所がある(どこかを一言)
決まったら、次にやること
  • 3つの画面で共通の文字・色・余白・部品の決めごとを作る
  • 毎日使う画面から順に作り込む
  • ITに詳しくない人2人に、5つほどの作業を触ってもらって直す
  • 受け入れ試験をして、公開の判断をしてもらう
まだ見本の段階のところ
  • 会社名・人名・数字・担当者名は架空
  • 現場の写真は見本用に作ったもの
  • ボタンは見た目だけで、押しても保存されない
07 / 07