PCで作って、PCで確認して、公開する。
それが一番危ない

私が採用サイトを拝見していて、最もよく出会う不具合はリンク切れでも表示速度でもありません。PCでは正常なのに、スマートフォンでだけ崩れている状態です。しかも社内の誰も気づいていません。理由は単純です。作る人も、確認する人も、決裁する人も、全員がPCで見ているからです。

求職者はスマホで見て、会社はPCで確認する

求職者が採用サイトを開く場面を思い浮かべてください。求人媒体を見ていて、気になった会社名をタップします。通勤中の電車、昼休み、寝る前のベッドの上。私が見てきた範囲では、採用サイトへのアクセスはスマートフォンからが大半です。PCで見ているのは、社内の関係者と同業他社くらいだと思っています。

採用サイトがそもそも見られていることは、調査でも裏づけがあります。キャリタス就活が大学4年生に聞いた調査では、就職活動中に採用ホームページを見た学生は96.2%。ほぼ全員です。ただしこの調査は、どの端末で見たかまでは調べていません。端末の話は、私の実感としてお読みください。

一方、作る側はどうでしょうか。デザイナーは大きなモニタで作ります。担当の方はノートPCで確認します。社長は会議室のPC画面で決裁します。誰ひとり、求職者と同じ画面を見ていません。

求職者が見ている画面を、社内の誰も見ていない。
そのズレの分だけ、崩れが世に出ます。

スマホでだけ崩れる場所は、だいたい決まっている

ここからは、いい知らせです。崩れ方には型があります。次の7つを見れば、多くは見つかります。専門知識は要りません。

• 見出しの改行位置——PCで1行に収まる見出しが、スマホでは3行や4行になります。「機械オペレーター」が「機械オペ／レーター」で折り返されると、何の求人か一瞬わからなくなります。
• 余白の潰れ——募集要項と応募ボタンの間隔が詰まります。どこまでが条件で、どこからが応募の案内なのか、境目が読み取れなくなります。
• ボタンが小さい、または近すぎる——指はマウスカーソルより太いです。「応募する」と「問い合わせる」が並んでいると、押し間違えます。
• 写真で顔が切れる——横長の写真は、スマホでは中央だけが表示されます。集合写真の端に立っている人が消えます。
• 表が横にはみ出す——募集要項の表は要注意です。給与や勤務地の欄が、画面の外に出ていることがあります。
• 電話番号がタップできない——画像で作られた電話番号は、押しても発信されません。問い合わせの直前で止まります。
• 固定メニューが場所を取りすぎる——上に貼り付いたメニューが場所を取ると、その分だけ読める面積が減ります。募集要項を下まで追うあいだ、ずっと視界の上を塞ぎ続けます。

そして、これらの多くは「公開したあとに足したページ」で起きます。公開時に念入りに見たトップページは無事でも、半年後に追加した募集要項や社員紹介は誰も見ていません。私が拝見する崩れは、この形が一番多いです。

「レスポンシブ対応」は、確認したという意味ではない

この話をすると、よくいただく質問があります。先に3つお答えしておきます。

公開前の5分でできる確認

この5つは、Webの知識がなくてもできます。むしろ詳しくない方がやったほうが正確なことがあります。作り手は自分が作った画面を無意識に補正して見てしまうからです。読みにくい場所を、読める場所として処理してしまいます。

崩れの話に見えて、実は順番の話

もう一つ、スマホで見ると分かることがあります。こちらのほうが本質かもしれません。

スマホでは、横に並べたものが縦一列になります。PCで左右に置いた2つの箱は、スマホでは上下になります。つまり、「どちらが先か」が自動的に決まります。PCの画面では、優先順位をあいまいにしたまま置いておけました。スマホではそれができません。

会社概要、事業内容、沿革、代表挨拶、そして最後に募集要項。この順番で並んでいる採用サイトは珍しくありません。そして求職者が知りたい順番は、たいていこの逆です。PCで横に並べているうちは、この問題が見えません。縦一列になって初めて、順番が露出します。

ですから、スマホで見る作業は不具合探しだけでは終わりません。一番上に何が来ているかを見れば、そのサイトが会社の話をしているのか、相手の話をしているのかが分かります。

スマホの画面は、優先順位を隠せない。
上から順に、そのまま出ます。

明日から決めておく、3つのこと

気づいた人が直す、という運用では続きません。決めごとにしてしまうのが確実です。次の3つで足ります。

• 検収と更新を、スマホで行う——検収（納品時の最終チェック）はスマートフォンで行うと決めます。公開後に文章や写真を差し替えたときも同じです。私が見つける崩れは、公開時よりも更新時に生まれたもののほうが多いです。
• 発注時に、確認範囲を聞く——「スマートフォンでの表示確認は、どのページまで行っていただけますか」。契約前のこの一言で済みます。あとから追加するページの扱いも、あわせて聞いておきます。
• 誰の仕事か、名前を決める——全ページをスマホで通す作業は、担当が決まっていなければ後回しになります。採用担当でも、総務でも、社長ご本人でもかまいません。決まっていないことのほうが問題です。

まず、確認する画面を持ち替える

採用サイトの改善というと、デザインの作り直しや文章の書き換えを思い浮かべる方が多いと思います。どちらもお金と時間がかかります。順番としても、すぐには着手できません。

ところが、いま御社がすぐにできる改善は、確認する画面を持ち替えることです。費用はかかりません。それで見つかる崩れは、求職者が応募をやめた理由になっていたかもしれない場所です。

御社の採用サイトを、いまポケットの中の端末で開いてみてください。それが、求職者が見ている御社です。