ひとことで言うと#
人が製品やサービスに抱く感情を、**本能的(Visceral)→ 行動的(Behavioral)→ 内省的(Reflective)の3レベルで捉え、それぞれに適したデザインを施すフレームワーク。ドン・ノーマンが提唱し、「使いやすい」だけでなく「使いたくなる」**プロダクトを作るための設計思想を提供する。
押さえておきたい用語#
- 本能レベル(Visceral Level)
- 見た瞬間・触れた瞬間に生まれる直感的・感覚的な反応。色、形、質感、音など五感に訴える要素が対象。「きれい」「気持ちいい」という第一印象。
- 行動レベル(Behavioral Level)
- 実際に使っている最中の操作感と達成感。使いやすさ、効率、フィードバックの的確さなど機能的な体験が対象。
- 内省レベル(Reflective Level)
- 使用後に振り返って感じる意味・誇り・アイデンティティ。「このプロダクトを使っている自分」への評価や、他者に語りたくなる感情が対象。
- 感情曲線(Emotional Curve)
- ユーザージャーニーに沿った感情の起伏を可視化した図。ネガティブなポイントを改善し、ポジティブなピークを意図的に作る。
エモーショナルデザインの全体像#
こんな悩みに効く#
- 「使いやすいけど愛着がわかない」と言われるプロダクトを改善したい
- 競合と機能的には同等なのに、選ばれない理由がわからない
- ユーザーの離脱率は低いが、NPS(推奨度)が上がらない
- デザインの改善を「感覚」ではなく「構造」で語りたい
基本の使い方#
主要なユーザージャーニーに沿って、各タッチポイントでの感情の起伏を可視化する。
- ジャーニーの各ステップで「ポジティブ/ニュートラル/ネガティブ」を評価
- ユーザーインタビューやユーザビリティテストの観察データを使う
- 感情が大きく下がるポイント(ペインポイント)を特定する
- 感情のピークがどこにあるか(またはないか)を確認する
感情曲線の問題点を本能・行動・内省のどのレベルの問題かに分類する。
- 本能レベルの課題: 第一印象が弱い、視覚的に古い、ブランドらしさがない
- 行動レベルの課題: 操作が直感的でない、フィードバックが不十分、タスク完了までが長い
- 内省レベルの課題: 使い終わった後の満足感がない、人に薦めたくならない、自分のイメージと合わない
ネガティブポイントを解消するだけでなく、ポジティブな感情のピークを意図的に埋め込む。
- 本能レベル: マイクロインタラクション、心地よいアニメーション、美しいビジュアル
- 行動レベル: 完了時の達成感演出、スマートなデフォルト値、丁寧なエラーメッセージ
- 内省レベル: パーソナライズされた体験、共有したくなる成果画面、成長を実感できるフィードバック
設計した感情体験が実際に機能しているかを検証する。
- ユーザビリティテストで表情やつぶやきを観察する
- テスト後のインタビューで「どう感じたか」を深掘りする
- NPS・CSAT・感情スコアの定量指標と組み合わせて評価する
- 期待した感情が得られなかった箇所を特定し、改善を繰り返す
具体例#
ダウンロード数50万の家計簿アプリ。7日間継続率が**28%**で、「入力が面倒」「続けるモチベーションがない」という声が多かった。
3レベルで分析:
| レベル | 現状の問題 | 改善施策 |
|---|---|---|
| 本能 | 起動画面が事務的で冷たい印象 | 季節や時間帯に応じたイラストとグリーティングメッセージ |
| 行動 | 金額入力に5タップ必要 | レシート撮影OCR + ワンタップ確認で2タップに短縮 |
| 行動 | 入力後のフィードバックがない | 入力完了時に柔らかいアニメーションと「今月の累計」を即表示 |
| 内省 | 節約できた実感がない | 月末に「今月の達成」サマリーカードを生成。SNS共有ボタン付き |
特に効果が大きかったのは内省レベルの施策。月末の達成サマリーカードはユーザーの23%がSNSにシェアし、オーガニック流入が月1.5倍に増加。7日間継続率は**28%→45%**に改善。ユーザーインタビューでは「このアプリを使っている自分が好き」という声が複数得られた。
プロジェクト管理SaaS。無料トライアルからの有料転換率が12%で低迷。ユーザビリティテストで観察すると、初回ログイン時に「何から始めればいいかわからない」不安が感情曲線の大きな谷になっていた。
3レベルでオンボーディングを再設計:
本能レベル:
- 初回ログイン画面を「空のダッシュボード」から「ウェルカム画面(イラスト + 3ステップガイド)」に変更
- 進捗バーに柔らかな色のグラデーションと微細なアニメーションを追加
行動レベル:
- セットアップウィザードを導入。「チーム名を入力→メンバーを招待→最初のタスクを作成」の3ステップで初期状態を完成
- 各ステップ完了時にチェックマークのアニメーションとポジティブなメッセージ
内省レベル:
- セットアップ完了時に「あなたのチームの準備が整いました」という画面を表示。チーム名入りのビジュアルを生成
- 初めてタスクを完了したとき「最初の一歩を踏み出しました」のマイルストーン通知
結果: 初回ログインの感情スコア(5段階自己申告)が2.8→4.2に向上。セットアップ完了率は**35%→72%に改善。有料転換率は12%→19%**に上昇。特にセットアップ完了後の「チーム準備完了」画面のスクリーンショットがSlackで共有されるケースが増え、バイラル効果も生まれた。
総合病院**(1日の外来患者約800名)が受付の自動チェックイン端末を導入したが、利用率が35%**にとどまっていた。高齢者を中心に「冷たい」「わかりにくい」「不安」という声が多かった。
3レベルで再設計:
本能レベル(見た瞬間の印象):
- 画面背景を無機質なグレーから暖色系のグラデーションに変更
- フォントサイズを16px→22pxに拡大し、ボタンの角を丸くして柔らかい印象に
- 端末の外装に木目調のパネルを追加
行動レベル(操作中の体験):
- 診察券のバーコードをかざすだけで本人確認完了(手入力を廃止)
- ステップ数を5画面→3画面に削減
- 各画面に「あと○ステップ」の進捗表示を追加
- 操作に詰まったら15秒後にスタッフが画面で案内する仕組み
内省レベル(使い終わった後の気持ち):
- チェックイン完了時に「受付が完了しました。○○先生の診察まで約○分です」と待ち時間を表示
- 「本日もお大事にどうぞ」のメッセージを表示
6か月後: チェックイン端末の利用率が35%→68%に向上。70歳以上の利用率も15%→42%に改善。受付スタッフの対応時間が1日あたり3.5時間削減され、その分を患者対応の質向上に充てられるようになった。患者アンケートの「受付の満足度」は**3.1→4.3(5段階)**に上昇。
やりがちな失敗パターン#
- 本能レベルだけに注力する — 見た目を美しくしても、使いにくければ2回目はない。3レベルのバランスが重要で、特に行動レベルの基礎がなければ表層の美しさは機能しない
- 感情を「おまけ」として後から足す — 機能が完成した後にアニメーションを追加するのではなく、設計の初期段階から感情体験を構造的に組み込む
- 全員に同じ感情を与えようとする — ユーザーのコンテキスト(初回 vs 熟練、急いでいる vs 探索中)によって求める感情は違う。適切なタイミングで適切な感情を設計する
- 定量指標だけで評価する — CVRやCTRでは感情は測れない。ユーザーインタビューや観察など定性的な手法を必ず組み合わせる
まとめ#
エモーショナルデザインは、ユーザーの感情を本能的(見た瞬間の印象)・行動的(使用中の操作感)・内省的(使用後の意味づけ)の3レベルで捉え、それぞれに適したデザインを施すフレームワークである。機能的に優れているだけでは差別化できない時代に、**「使いたくなる」「人に薦めたくなる」**プロダクトを作るには、感情を設計の対象として正面から扱うことが不可欠。3レベルのバランスを意識し、意図的に感情のピークを作ることで、ユーザーとの長期的な関係が生まれる。