「成功メッセージで次のステップを提示する」— 完了画面を行き止まりにしない添え言葉
カート追加後や会員登録時の完了画面は、ユーザーが最も前向きな瞬間。「次に何をすればいいか」を添えることで、離脱を防ぎ行動を後押ししようとする工夫が見られます。3つの事例とマイクロコピーの観点を紹介します。
成功メッセージが「行き止まり」になっていませんか
「カートに追加しました」「登録が完了しました」。こうした成功メッセージは、ユーザーにとって達成感を得る瞬間です。しかし、その先に何もなければ、ユーザーは次に何をすべきか分からず立ち止まってしまいます。
成功メッセージは、ユーザーが最も前向きな状態にある瞬間でもあります。この好機を逃さず「次のステップ」を添えることで、離脱を防ぎ、さらなる行動へ自然につなげようとする工夫がさまざまなサイトで見られます。カート追加後のモーダル、会員登録フローの案内文、アップセルの一言など、さまざまな場面でこの考え方は活かされています。
事例
北の快適工房 — 「入力お疲れ様でした！」で労いと次のアクションを同時に伝える
北の快適工房の注文フォームでは、氏名・住所・電話番号・コース選択・支払い方法など多くの入力項目を終えたユーザーに対し、「申込む」ボタンの直上に「入力お疲れ様でした！ 下記のボタンをタップしてご注文完了です。」というメッセージを添えています。長いフォーム入力を終えた達成感に寄り添いつつ、「あと一歩で完了」という次のステップを明示することで、最後のボタンを押す背中を押しています。機能的な案内だけでなく感情に寄り添う一言を添えた、温かみのある設計です。
ドゥクラッセ — 成功の瞬間にアップセルを一言添える
同じく大丸松坂屋オンラインストアの会員登録フォームでは、メールアドレス入力欄の下に「会員登録のご案内」メールを送ること、そして60分以内に本登録を行うよう赤字の太字で案内しています。仮登録から本登録という2ステップのフローでは、「メールが届いたら何をすればいいのか」がユーザーの最大の疑問です。この添え言葉は、次に起きること（メールが届く）と、取るべきアクション（60分以内に本登録）を具体的に伝えることで、メールを確認し忘れて登録を途中放棄するリスクを減らしています。
ドゥクラッセ — 成功の瞬間にアップセルを一言添える
ドゥクラッセでは、カート追加後に表示されるトースト型ポップアップで「商品が追加されました。」に続けて、赤字で「あと1個買うと1点あたり1,000円OFF」と表示しています。成功メッセージの次のステップとして、買い回りやレジへの誘導ではなく、まとめ買い割引という具体的なベネフィットを提示するアプローチです。「お得」という抽象的な言葉ではなく「1点あたり1,000円OFF」と数字で示しているのが効果的。購買意欲が最も高まっているタイミングに、追加購入の動機を自然に差し込んでいます。
「あと1個買うと1点あたり1,000円OFF」のメッセージに、「色違いを見る」や「同シリーズの商品」のようなリンクを添えると、ユーザーが「もう1点何を買えばいいか」を即座に判断でき、追加購入への導線がさらにスムーズになる。 「Microcopy: The Complete Guide」Chapter 8: Success Messages
紹介サイト
- 北の快適工房 — 北の達人コーポレーションが運営する健康・美容系の定期購入専門通販
- 大丸松坂屋オンラインストア — 大丸・松坂屋百貨店の公式通販。ギフト・フード・ファッションなど幅広く展開
- ドゥクラッセ — 40代・50代向けレディース・メンズファッション通販
マイクロコピーの観点
「Microcopy: The Complete Guide」p.120 では、成功メッセージについて「ユーザーにとっての次のステップを提示し促進する」ことが推奨されています。これから何が起きるのか、受信箱を確認すべきか、買い物を続けるか——こうした情報を添えることで、完了画面が行き止まりではなく次の行動への入り口になります。
また同書 p.118 では「アクションがユーザーにとって重要であるほど、成功メッセージは充実したものにすべきです」とも述べられています。今回の事例でいえば、カート追加は購入フローの途中段階、会員登録は今後のサイト利用に関わる重要なアクション。それぞれの重要度に応じて、次のステップの案内に濃淡をつけている点が参考になります。
※ マイクロコピーは株式会社オレコンの登録商標です。
