「無料登録」と書いてあったのに、クレジットカード情報を求められた。「詳細を見る」をクリックしたら、別サイトに飛ばされた。「すぐに完了します」と書いてあったのに、10分待たされた——これらはすべて、「期待値のズレ」が生み出す不信感です。
よくある失敗パターンは「リンクテキストと遷移先のミスマッチ」です。「こちら」「詳細」「もっと見る」というリンクは、押した後に何が起きるかをユーザーに伝えません。新しいタブで開くのか、同じページが更新されるのか、PDFがダウンロードされるのか——ユーザーは押すまでわかりません。
期待値のズレが積み重なると、ユーザーはUIを「信頼できないもの」として扱い始めます。慎重になりすぎて操作が遅くなるか、「また騙された」という感覚から離脱します。これはコンバージョン率の低下と、ブランドへの長期的な不信感につながります。
1. 原則の定義
期待値を揃える(Expectation Management)とは、リンク・ボタン・操作の結果として「次に何が起きるか」をユーザーが正確に予測できるよう、UIが事前に約束し、その約束を必ず守る設計原則。
本質は「約束と実行の一致」です。ユーザーは過去の経験から「このUIはこう動くはずだ」という期待(メンタルモデル)を持っています。UIがその期待を裏切るたびに、信頼は失われます。逆に、UIが期待通りに動くたびに、信頼は積み上がります。期待値管理とは、ユーザーの予測を正確にし、その予測を裏切らない設計です。
2. いつ使うか(適用場面)
特に重要になるケース
- リンク・ボタンのラベル: 「詳細を見る」より「料金プランの詳細を見る(PDF)」のように、押した後に何が起きるかを具体的に伝える。
- 処理時間の告知: 「しばらくお待ちください」より「通常1〜3分かかります」のように、待ち時間の見通しを伝える。
- 登録・購入フローの事前説明: 「次のステップでクレジットカード情報を入力します」のように、フローの全体像を事前に示す。
- 外部リンク・ファイルダウンロード: 新しいタブで開く場合や、PDFがダウンロードされる場合は、事前にアイコンや注記で伝える。
トレードオフが起きる場面
- 情報量と簡潔さ: すべての操作に説明を添えると、UIが冗長になる。「ユーザーが予測できないもの」に絞って説明を追加する判断が必要。
- 期待値の過剰な引き上げ: 「最高の体験をお届けします」のような誇大な約束は、実際の体験が普通でも失望を生む。控えめな約束と、期待を超える実行が理想。
3. なぜ重要か(設計判断の核)
期待値管理は「親切な説明」ではなく、「UIとユーザーの契約」である。
設計判断の基準
- 「このボタン・リンクを押した後に何が起きるか、ユーザーは押す前に正確に予測できるか?」→ 予測できなければ、ラベルを変えるか、補足情報を添える。
- 「UIが約束したことと、実際に起きたことは一致しているか?」→ 一致していなければ、約束(ラベル・説明文)か実装のどちらかを修正する。
優先順位の考え方
- 1. 破壊的・不可逆的操作の事前告知(最優先): 削除・退会・送信など、取り消せない操作の前に「この操作は取り消せません」を明示する。
- 2. 遷移先・結果の明示: リンク・ボタンが何をするかを、押す前に伝える。
- 3. 処理時間・フロー全体の告知: 「あと何ステップか」「どれくらい時間がかかるか」を事前に示す。
例外条件
- サプライズ・デライト(喜ばしい驚き)は期待値を超えても良い。問題は「期待を下回ること」であり、「期待を上回ること」は歓迎される。
4. 具体の設計ルール(チェックリスト)
最低ライン(Must - これ守らないと危険)
これがないと、ユーザーは操作後に「思っていたのと違う」と感じます。
理想ライン(Better - できると強い/プロの品質)
「わかる」を超えて「安心して進める」状態です。
5. UI例
同じ「メール配信登録フォーム」でも、期待値の伝え方でユーザーの信頼感は大きく変わります。
改善プロセス
- 何が届くかを事前に伝える: 「メールマガジン登録」ではなく「毎週月曜日にUXデザインのトレンドをお届けします」と、具体的な内容と頻度を事前に示す。ユーザーは「これは自分に必要か」を判断できる。
- 不安を先回りして解消する: 「スパムメールは送りません。1クリックでいつでも配信停止できます」という一文で、「登録したら大量のメールが来るのでは?」という不安を先回りして打ち消す。
- 完了後の次のステップを明示する: 「登録が完了しました」で終わらず、「確認メールをご確認ください」「届かない場合は迷惑メールフォルダを確認」という次のアクションを示す。ユーザーは「これで本当に完了したのか?」という不安から解放される。
6. 関連リンク
- 関連リファレンス(理論): 認知負荷, メンタルモデル
- 用語集(定義): フィードバック, 認知負荷
- 関連するUI原則(横): 不確実性を減らす (Clarity & Certainty), マイクロコピー (Microcopy), オンボーディング (Onboarding)
7. まとめ
今日から直せる一手 担当しているサービスの主要なCTAボタン(登録・購入・申込)の直前に「このボタンを押すと何が起きるか」が明示されているか確認してください。「無料登録」ボタンの下に「クレジットカード不要・いつでもキャンセル可能」という一文を追加するだけで、クリック率と完了率は改善します。
チームに共有するなら一言 「ユーザーの不満は、期待と現実のギャップから生まれる。期待値を正確に設定し、その約束を守ることが、信頼の設計だ。」
