エモーショナルデザイン

英語名 Emotional Design Framework
読み方 エモーショナル デザイン フレームワーク
難易度
所要時間 1〜3時間(設計)
提唱者 Don Norman『Emotional Design』(2004年)
目次

ひとことで言うと
#

人が製品やサービスに抱く感情を、**本能的(Visceral)→ 行動的(Behavioral)→ 内省的(Reflective)の3レベルで捉え、それぞれに適したデザインを施すフレームワーク。ドン・ノーマンが提唱し、「使いやすい」だけでなく「使いたくなる」**プロダクトを作るための設計思想を提供する。

押さえておきたい用語
#

押さえておきたい用語
本能レベル(Visceral Level)
見た瞬間・触れた瞬間に生まれる直感的・感覚的な反応。色、形、質感、音など五感に訴える要素が対象。「きれい」「気持ちいい」という第一印象。
行動レベル(Behavioral Level)
実際に使っている最中の操作感と達成感。使いやすさ、効率、フィードバックの的確さなど機能的な体験が対象。
内省レベル(Reflective Level)
使用後に振り返って感じる意味・誇り・アイデンティティ。「このプロダクトを使っている自分」への評価や、他者に語りたくなる感情が対象。
感情曲線(Emotional Curve)
ユーザージャーニーに沿った感情の起伏を可視化した図。ネガティブなポイントを改善し、ポジティブなピークを意図的に作る。

エモーショナルデザインの全体像
#

3レベルのエモーショナルデザイン:本能→行動→内省
本能レベルVisceral第一印象の感覚視覚的な美しさ色・形・質感アニメーションサウンド・触覚問い:「見た瞬間に惹かれるか?」行動レベルBehavioral使用中の操作感使いやすさ操作フィードバックタスク達成の効率エラー時のケア問い:「快適に目的を達成できるか?」内省レベルReflective使用後の意味づけ自己イメージとの一致所有する誇り人に薦めたい気持ちストーリー・思い出問い:「人に語りたくなるか?」3つのレベルすべてに配慮することで「使いたくなる」プロダクトが生まれる
エモーショナルデザインの進め方フロー
1
感情曲線のマッピング
ユーザージャーニー上の感情の起伏を可視化
2
3レベルの課題特定
本能・行動・内省それぞれの弱点を発見
3
感情ピークの設計
意図的にポジティブな感情体験を埋め込む
ユーザーテストで検証
実際の感情反応を観察し改善する

こんな悩みに効く
#

  • 「使いやすいけど愛着がわかない」と言われるプロダクトを改善したい
  • 競合と機能的には同等なのに、選ばれない理由がわからない
  • ユーザーの離脱率は低いが、NPS(推奨度)が上がらない
  • デザインの改善を「感覚」ではなく「構造」で語りたい

基本の使い方
#

ユーザージャーニー上の感情曲線をマッピングする

主要なユーザージャーニーに沿って、各タッチポイントでの感情の起伏を可視化する。

  • ジャーニーの各ステップで「ポジティブ/ニュートラル/ネガティブ」を評価
  • ユーザーインタビューやユーザビリティテストの観察データを使う
  • 感情が大きく下がるポイント(ペインポイント)を特定する
  • 感情のピークがどこにあるか(またはないか)を確認する
3レベルそれぞれの課題を特定する

感情曲線の問題点を本能・行動・内省のどのレベルの問題かに分類する。

  • 本能レベルの課題: 第一印象が弱い、視覚的に古い、ブランドらしさがない
  • 行動レベルの課題: 操作が直感的でない、フィードバックが不十分、タスク完了までが長い
  • 内省レベルの課題: 使い終わった後の満足感がない、人に薦めたくならない、自分のイメージと合わない
意図的に感情ピークを設計する

ネガティブポイントを解消するだけでなく、ポジティブな感情のピークを意図的に埋め込む。

  • 本能レベル: マイクロインタラクション、心地よいアニメーション、美しいビジュアル
  • 行動レベル: 完了時の達成感演出、スマートなデフォルト値、丁寧なエラーメッセージ
  • 内省レベル: パーソナライズされた体験、共有したくなる成果画面、成長を実感できるフィードバック
ユーザーテストで感情反応を検証する

設計した感情体験が実際に機能しているかを検証する。

  • ユーザビリティテストで表情やつぶやきを観察する
  • テスト後のインタビューで「どう感じたか」を深掘りする
  • NPS・CSAT・感情スコアの定量指標と組み合わせて評価する
  • 期待した感情が得られなかった箇所を特定し、改善を繰り返す

具体例
#

例1:家計簿アプリが「続けたくなる」体験を設計する

ダウンロード数50万の家計簿アプリ。7日間継続率が**28%**で、「入力が面倒」「続けるモチベーションがない」という声が多かった。

3レベルで分析:

レベル現状の問題改善施策
本能起動画面が事務的で冷たい印象季節や時間帯に応じたイラストとグリーティングメッセージ
行動金額入力に5タップ必要レシート撮影OCR + ワンタップ確認で2タップに短縮
行動入力後のフィードバックがない入力完了時に柔らかいアニメーションと「今月の累計」を即表示
内省節約できた実感がない月末に「今月の達成」サマリーカードを生成。SNS共有ボタン付き

特に効果が大きかったのは内省レベルの施策。月末の達成サマリーカードはユーザーの23%がSNSにシェアし、オーガニック流入が月1.5倍に増加。7日間継続率は**28%→45%**に改善。ユーザーインタビューでは「このアプリを使っている自分が好き」という声が複数得られた。

例2:BtoB SaaSのオンボーディングでユーザーの不安を解消する

プロジェクト管理SaaS。無料トライアルからの有料転換率が12%で低迷。ユーザビリティテストで観察すると、初回ログイン時に「何から始めればいいかわからない」不安が感情曲線の大きな谷になっていた。

3レベルでオンボーディングを再設計:

本能レベル:

  • 初回ログイン画面を「空のダッシュボード」から「ウェルカム画面(イラスト + 3ステップガイド)」に変更
  • 進捗バーに柔らかな色のグラデーションと微細なアニメーションを追加

行動レベル:

  • セットアップウィザードを導入。「チーム名を入力→メンバーを招待→最初のタスクを作成」の3ステップで初期状態を完成
  • 各ステップ完了時にチェックマークのアニメーションとポジティブなメッセージ

内省レベル:

  • セットアップ完了時に「あなたのチームの準備が整いました」という画面を表示。チーム名入りのビジュアルを生成
  • 初めてタスクを完了したとき「最初の一歩を踏み出しました」のマイルストーン通知

結果: 初回ログインの感情スコア(5段階自己申告)が2.8→4.2に向上。セットアップ完了率は**35%→72%に改善。有料転換率は12%→19%**に上昇。特にセットアップ完了後の「チーム準備完了」画面のスクリーンショットがSlackで共有されるケースが増え、バイラル効果も生まれた。

例3:病院の受付システムを患者の不安に寄り添う設計に変える

総合病院**(1日の外来患者約800名)が受付の自動チェックイン端末を導入したが、利用率が35%**にとどまっていた。高齢者を中心に「冷たい」「わかりにくい」「不安」という声が多かった。

3レベルで再設計:

本能レベル(見た瞬間の印象):

  • 画面背景を無機質なグレーから暖色系のグラデーションに変更
  • フォントサイズを16px→22pxに拡大し、ボタンの角を丸くして柔らかい印象に
  • 端末の外装に木目調のパネルを追加

行動レベル(操作中の体験):

  • 診察券のバーコードをかざすだけで本人確認完了(手入力を廃止)
  • ステップ数を5画面→3画面に削減
  • 各画面に「あと○ステップ」の進捗表示を追加
  • 操作に詰まったら15秒後にスタッフが画面で案内する仕組み

内省レベル(使い終わった後の気持ち):

  • チェックイン完了時に「受付が完了しました。○○先生の診察まで約○分です」と待ち時間を表示
  • 「本日もお大事にどうぞ」のメッセージを表示

6か月後: チェックイン端末の利用率が35%→68%に向上。70歳以上の利用率も15%→42%に改善。受付スタッフの対応時間が1日あたり3.5時間削減され、その分を患者対応の質向上に充てられるようになった。患者アンケートの「受付の満足度」は**3.1→4.3(5段階)**に上昇。

やりがちな失敗パターン
#

  1. 本能レベルだけに注力する — 見た目を美しくしても、使いにくければ2回目はない。3レベルのバランスが重要で、特に行動レベルの基礎がなければ表層の美しさは機能しない
  2. 感情を「おまけ」として後から足す — 機能が完成した後にアニメーションを追加するのではなく、設計の初期段階から感情体験を構造的に組み込む
  3. 全員に同じ感情を与えようとする — ユーザーのコンテキスト(初回 vs 熟練、急いでいる vs 探索中)によって求める感情は違う。適切なタイミングで適切な感情を設計する
  4. 定量指標だけで評価する — CVRやCTRでは感情は測れない。ユーザーインタビューや観察など定性的な手法を必ず組み合わせる

まとめ
#

エモーショナルデザインは、ユーザーの感情を本能的(見た瞬間の印象)・行動的(使用中の操作感)・内省的(使用後の意味づけ)の3レベルで捉え、それぞれに適したデザインを施すフレームワークである。機能的に優れているだけでは差別化できない時代に、**「使いたくなる」「人に薦めたくなる」**プロダクトを作るには、感情を設計の対象として正面から扱うことが不可欠。3レベルのバランスを意識し、意図的に感情のピークを作ることで、ユーザーとの長期的な関係が生まれる。