ここからはリニューアル時に実施したユーザビリティテストの観察結果から見えてきた、5つの設計ルールとその効果をご紹介します。

01 | 1画面1テーマで整理し、認知負荷を下げる

ユーザビリティテストでは、画面に大量の入力欄が並んでいると、ユーザーが「思ったより入力することが多い…」と心理的拒絶を起こす様子が観察されました。

そこで、

• アカウント登録：氏名・カナ・メールアドレス
• 会員情報：生年月日・性別・電話番号・現住所
• 最終学歴：学校区分・学校名・卒業年
• 就業経験：就業状況・社会人経験年数

というように、ユーザーが考えやすい1画面1テーマで画面を分割します。すると、ユーザーは「今、この画面で何を入力すればいいのか」が理解しやすなります。

1画面あたりの情報量を絞ることで、「今この画面で何をすればいいのか」が即座に理解できるようになり、入力へスムーズに入ることができます。

02 | ステップバーで「現在地」を見せ、先の見えない不安を消す

画面を分ける施策で最も注意すべきなのが「いつ終わるか分からない問題」です。
実際のユーザー行動を観察すると、次画面に移った際に入力欄が急増すると「まだ続くのか」と一気にストレスが高まるケースが確認されました。
これを防ぐには、ステップ形式のフォームでは現在地を示す「ステップバー」の表示も有効です。

例えば、
アカウント登録 > 会員情報 > 最終学歴 > 就業経験 > 完了
というように、登録までの流れを表示します。

これならユーザーは「今はここまで進んだ」「あとこれだけ入力すれば終わる」と把握でき、安心して入力を進められます。

03 | ユーザーの目的に合わせて入力の順番を設計する

フォームでは何を入力してもらうかだけでなく、「どの順番で入力してもらうか」も重要です。
例えば転職サイトなら、ユーザーには「登録したら早く求人を見たい」「自分に合ったスカウトを受けたい」といった目的があります。

その場合、ユーザーのメリットにつながりやすい「希望条件」などを前半に配置することも有効です。

また、すぐに入力する必要がない項目については、後から入力できるようにする方法もあります。
企業が集めたい情報の順番ではなく、ユーザーが進みやすい順番を考える。これもフォーム改善の重要な視点です。

04 | 入力するメリットの提示やスキップ機能で、思考を要する項目のハードルを下げる

「自己PR」や「詳細な業務スキル」のように、自分で文章を考える必要がある項目は入力のハードルが高くなります。ユーザビリティテストでは「情報を入れるメリットを入力のタイミングで教えてくれたら登録する」というリアルな声が挙がりました。

例えば、これらのような明確な理由を記載することが有効になります。

• 希望条件：「入力すると、条件に合った求人を探しやすくなります」
• 職歴・業務スキル：「入力すると、あなたの経験を活かせる求人やスカウトにつながりやすくなります」
• 自己PR：「入力すると、企業にあなたの強みを伝えやすくなります」

また、初回登録時には必須とせず「今はスキップして後からマイページで登録できます」という逃げ道を作ることで、途中で登録を断念されるリスクを大幅に減らせます。

05 | スマホ特有の操作ストレスを徹底的に排除する

ステップ分割によって画面がシンプルになっても、スマートフォンでの操作にストレスがあれば、フォーム改善の効果を十分に発揮できません。
ユーザビリティテストの観察でも、細かな操作の引っかかりが離脱の引き金になっていました。

「ユーザーが次にする操作」を先回りして減らすことが重要です。具体的には、以下のような細かな配慮が成果を大きく左右します。

• 入力内容に応じたキーボードの表示：電話番号や郵便番号の入力欄をタップした際は数字入力に適したキーボードを、メールアドレスでは「@」などを入力しやすいキーボードを自動的に表示。
• 郵便番号からの住所自動入力：郵便番号を入力すると、都道府県や市区町村まで自動入力される。
• わかりやすく適切なエラー表示：入力内容が確定したタイミングなどで判定を行い「どこをどう直せばよいか」がユーザーに明確に伝わるようにエラーを表示。
• 視認性と操作性の確保：ボタンや入力欄は指で押しやすい十分なサイズに設定。また、スマートフォンの画面半分がキーボードで埋まっても、入力中の項目や「次へ」などの次の操作が隠れないレイアウトを設計。

ぜひこれらを参考に、ご自身のフォームでも改善できるポイントがないか、実際のスマートフォン端末でチェックしてみてください。