「やり直せる」が、信頼を生む｜Undo・取り消し可能性

本記事は、書籍『インタフェースデザインの心理学』（Susan Weinschenk著）をベースに、人間の認知と行動の仕組みをWebデザインへ応用する全30回シリーズの第26回目です。今回のテーマは「Undo・取り消し可能性」。「やり直せる」という設計が、なぜユーザーの信頼と行動を大きく変えるのかを探ります。

買い物かごから商品を削除したあと、「あ、やっぱり要るかも」と思ったことはありませんか。あるいは、フォームに長文を入力した直後に誤って「リセット」を押してしまい、思わず画面を見つめた経験は。人は操作を間違えます。それは意志の弱さでも不注意でもなく、人間の脳がそういう仕組みだからです。UXデザインの出発点を「人間理解」に置くとは、その事実を設計に織り込むことから始まります。サンアンドムーンは、「やり直せる余白」を持つ設計が、使いやすさだけでなく、サービスへの信頼そのものをつくると考えています。

「戻れない」恐怖が、行動を止める

人が行動をためらう最大の理由のひとつは、「取り返しがつかない」という恐怖です。Webの操作においても、この心理は強く働きます。「送信したら修正できないかもしれない」「削除したら元に戻せないかもしれない」——そんな不安が頭をよぎった瞬間、指がとまります。

これは臆病さではなく、損失を過大に評価する脳の自然な反応です。行動経済学では「損失回避バイアス」と呼ばれ、同じ大きさの「得る喜び」より「失う痛み」のほうを強く感じる傾向のことを指します。Webサイトでも、この心理は随所に現れます。会員登録フォームを途中で閉じてしまう、問い合わせ送信ボタンを押せない、商品を削除するか迷い続ける——これらの「行動しないことによる離脱」の裏側には、「元に戻せない」という設計上の問題が潜んでいることがあります。「やり直せる」という一言が、この恐怖をやわらげ、ユーザーに一歩を踏み出す勇気を与えます。

→ 操作ミスと認知の仕組みについては、「見えていても、伝わらない──誤操作を生む錯覚の構造」もあわせてご覧ください。

「元に戻せる」設計が探索行動を生む

Undoの役割は、単なるミスの修正にとどまりません。「戻せる」という安心感は、ユーザーの探索行動そのものを活性化させます。

たとえば、ファイル管理アプリで「削除してみたけど、すぐ復元できる」とわかっているユーザーは、積極的に整理を進めます。逆に「削除したら消える」と感じているユーザーは、不要なファイルを前にしても動けません。ECサイトでも同様で、「カートから外してもいつでも戻せる」と感じているユーザーのほうが、気軽に商品を試し入れ、結果的にコンバージョンが高まることがあります。

心理学的には、これは「コントロール感（sense of control）」と深く関係しています。自分の行動の結果を制御できると感じるとき、人は積極的に動きます。Undoはその感覚を担保する仕組みです。「試してみても大丈夫」という空気をUIが醸し出すとき、ユーザーはサービスをより深く使い込むようになります。探索させること——それが、長期的なエンゲージメントにつながる設計の本質のひとつです。

Undoの「見せ方」で、信頼度が変わる

Undoの機能があるだけでは不十分です。ユーザーが「戻せる」と認識していなければ、恐怖は消えません。伝え方の設計が、同じ機能でもまったく異なるUXを生みます。

効果的なUndoの見せ方にはいくつかのパターンがあります。メール送信後に数秒間だけ表示される「送信取り消し」のトースト通知は、行動の直後に「戻れる窓口」を示すことで、ユーザーの後悔を先回りします。ファイル削除後の「元に戻す」ボタンも同様です。逆に、操作の前に「本当に削除しますか？」と確認ダイアログを挟む方法は、慎重さを促しますが、頻度が高すぎると「狼少年」になり、やがて無視されます。重要なのは、取り消し可能な操作では事後にUndoを提示し、本当に不可逆な操作にだけ事前確認を使うという使い分けです。「やり直せる雰囲気」は、言葉のトーンや配色にも宿ります。安心感のあるコピーと柔らかいUIが組み合わさるとき、ユーザーはそのサービスを「優しい場所」として記憶します。

→ UIガイドラインにおけるユーザー主導の考え方については、「UIデザインを成功に導く、10のガイドライン」も参考になります。

中小企業サイトで今すぐ実践できるUndoの発想

「Undoなんて大規模なアプリの話では？」と思われるかもしれませんが、中小企業のWebサイトやフォームでも、取り消し可能性の発想は十分に活かせます。

フォームを閉じようとしたとき「入力内容を保存しますか？」と問いかける。送信完了ページに「内容を修正したい場合はこちら」のリンクを置く。お問い合わせフォームの確認画面で「前の画面に戻って修正する」を目立つ位置に配置する。これらはいずれも大きな開発コストをかけずに実装できる工夫です。重要なのは、「間違えても大丈夫」というメッセージをUIを通じてユーザーに届けることです。問い合わせを完了させる前にためらっていたユーザーが、「あ、修正できるんだ」と気づいた瞬間に送信ボタンを押すことがあります。その一押しは、Undoの設計が生み出した信頼の結果です。フィードバックとUndoの組み合わせについては、“使いやすさ”は作れる──UI改善でサイト離脱を防ぐ5つの工夫の「フィードバックを忘れない」の項目もあわせて読んでいただくと、理解が深まります。

記事監修

中谷 浩和

株式会社サンアンドムーン｜代表取締役

1976年創業のデザイン事務所を前身に、Webコンサルティング・UI/UXデザインを専門とする。
国際標準のUX設計プロセスを学ぶ Google UX Design Professional Certificate を取得し、 上級ウェブ解析士 としてデータ主導のサイト改善にも精通。デザイン思考を軸に、ユーザー認知・行動・文脈からWebサイトの課題を捉え直し、成果につながる設計へ落とし込むことを使命としている。システム設計、フロントエンド技術、SEO・パフォーマンス改善まで技術知識を横断し、サイト全体を見通したディレクションを得意とする。自動車メーカー、銀行・クレジットカード、保険などの大手から中小企業まで、数値で検証しながら改善を積み重ねる実践的なコンサルティングを提供している。