長い待ち時間があっても、最後に「ありがとうございました。またお越しください」と笑顔で見送られると、「良いお店だった」と記憶する——これがピーク・エンドの法則です。
よくある失敗パターンは「完了画面が無機質」なことです。購入完了後に「ご注文を承りました。注文番号: 12345」とだけ表示される。タスクを達成した後に「保存しました」という一行だけ。解約フローが「退会が完了しました」という冷たい一文で終わる——これらはすべて、ユーザーが最も感情的になっている瞬間(ピーク・エンド)を無駄にしています。
ピーク・エンドを設計していないUIは、ユーザーの「記憶に残る体験」を作れません。どれだけ機能が優れていても、感情が動かない体験は記憶されず、口コミにも繋がりません。逆に、ピークとエンドを適切に設計することで、平均的な体験でも「良いサービスだった」と記憶させることができます。
1. 原則の定義
ピーク/終わりの体験設計(Peak-End Experience)とは、ユーザーがサービスを評価する際に「最も感情が動いた瞬間(ピーク)」と「最後の瞬間(エンド)」に強く影響されるという心理法則を活用し、これらの瞬間を意図的に設計する原則。
本質は「体験の平均ではなく、記憶を設計すること」です。ユーザーは体験の全体を平均して評価するのではなく、感情が最も高まった瞬間と最後の印象で全体を判断します。つまり、すべての瞬間を完璧にする必要はなく、「ピーク」と「エンド」に集中的に投資することが最も効果的です。
2. いつ使うか(適用場面)
特に重要になるケース
- 購入・登録完了画面(エンド): 「ご注文を承りました」ではなく、お祝いのアニメーションと「あなたの選択は正解です!」のような感情的な言葉で締めくくる。
- タスク達成・目標クリア(ピーク): ファイル保存・レポート提出・目標達成など、ユーザーが成功した瞬間に紙吹雪・チェックマークアニメーション・称賛メッセージで感情的なピークを作る。
- 解約・退会フロー(エンド): 「退会が完了しました」で終わらず、「またいつでも戻ってきてください」という温かい言葉で締めくくる。再契約の可能性を残す。
- エラー・失敗体験(ネガティブピーク): エラーが発生した瞬間は強烈なネガティブピークになる。ユーモアのある404ページや、親切なエラーメッセージでネガティブピークを緩和する。
トレードオフが起きる場面
- 演出と実用性: お祝いアニメーションは感情的なピークを作るが、頻繁に使うと「うるさい」と感じられる。初回・重要な達成時に絞って使う。
- エンドの演出とビジネス目標: 解約フローを温かく設計すると、解約率が下がる一方で「解約しにくい」という不満も生まれる可能性がある。
3. なぜ重要か(設計判断の核)
ユーザーが記憶するのは「体験の平均」ではなく「感情が動いた瞬間」だ。
設計判断の基準
- 「このフローのピーク(最も感情が動く瞬間)はどこか?」→ 特定できたら、その瞬間に感情的な演出を追加する。
- 「このフローのエンド(最後の画面・メッセージ)は何か?」→ 無機質なら、ブランドらしい温かい言葉に変える。
優先順位の考え方
- 1. ネガティブピークの排除(最優先): エラー・失敗・解約など、ネガティブな感情が高まる瞬間を緩和する。一度の強い不快感は、それまでの良い体験を覆す。
- 2. エンドの設計: 最後の印象は記憶に最も強く残る。完了画面・解約画面・ログアウト画面を丁寧に設計する。
- 3. ポジティブピークの創出: 達成・成功・初回体験など、ポジティブな感情が高まる瞬間に演出を追加する。
例外条件
- 業務システムなど、感情的な演出よりも効率性が重視される文脈では、過剰な演出は逆効果になる場合がある。
4. 具体の設計ルール(チェックリスト)
最低ライン(Must - これ守らないと危険)
これがないと、感情が動く瞬間が無駄になります。
理想ライン(Better - できると強い/プロの品質)
「わかる」を超えて「このサービスが好き」と記憶させる状態です。
5. UI例
同じ「タスク完了」でも、ピーク・エンドの設計でユーザーの記憶と満足感は大きく変わります。
改善プロセス
- 完了の瞬間を「ピーク」にする: 「処理が完了しました」→「セットアップ完了!素晴らしい!あなたのチームは今すぐ使い始められます。」感情的な言葉と絵文字・アニメーションで、完了の瞬間を記憶に残るピークにする。
- 達成感を可視化する: 「初期設定完了バッジを獲得しました!」という達成バッジを追加することで、ユーザーは「何かを成し遂げた」という感覚を得る。これがポジティブなピークになる。
- エンドを温かく締めくくる: 完了画面の最後に「あなたのチームは今すぐ使い始められます」という前向きなメッセージを置くことで、エンドの印象を良くする。
6. 関連リンク
- 関連リファレンス(理論): ピーク・エンドの法則, ゲーミフィケーション
- 用語集(定義): ピーク・エンドの法則, アハ・モーメント
- 関連するUI原則(横): 達成感・進捗 (Progress & Reward), オンボーディング (Onboarding), トーン&ボイス (Tone & Voice)
7. まとめ
今日から直せる一手 担当しているサービスの「購入完了画面」「登録完了画面」「タスク完了画面」を確認してください。それらが「処理が完了しました」という一文だけなら、今日中に感謝・達成感・期待感を伝える言葉に変えてください。
チームに共有するなら一言 「ユーザーはサービスの平均を評価しない。最も感情が動いた瞬間と、最後の瞬間で全体を判断する。その2点に集中的に投資せよ。」
