押さえておきたい用語
- 本能レベル(Visceral): 見た瞬間の第一印象。色・形・質感への直感的な反応
- 行動レベル(Behavioral): 使いやすさと操作の快適さ。機能性とフィードバックの質
- 内省レベル(Reflective): 使った後に残る感情。自己イメージやブランドへの愛着
- 美的ユーザビリティ効果: 見た目が美しいプロダクトは「使いやすい」と感じられる心理効果
1
本能レベルの設計
ビジュアルの第一印象を魅力的にする(色・タイポ・質感) → 行動レベルの設計
こんな悩みに効く#
- 「機能的には問題ないが、ユーザーが愛着を持ってくれない」
- 「競合と機能差がない中でブランド体験で差別化したい」
- 「UIの見た目は良いのにNPSが上がらない」
使い方#
本能レベルを設計する
ファーストビューの第一印象を設計する。ユーザーがページを開いた瞬間の0.5秒で感じる感情は、色・タイポグラフィ・写真・余白で決まる。ターゲットユーザーに「信頼感」「親しみ」「ワクワク感」のどれを感じてもらいたいかを定義し、ビジュアルに落とし込む。
行動レベルを設計する
操作中の快適さを磨く。タスク完了までの手数、フィードバックの即時性、エラー時の回復しやすさが行動レベルの体験を決定する。マイクロインタラクション(チェックマークのアニメーション、保存の即時フィードバック等)が効果的だ。
内省レベルを設計する
ユーザーが使った後に「このプロダクトを使っている自分が好き」と感じる体験を設計する。達成の可視化(進捗グラフ)、ストーリー性のある通知(「今月○○を達成しました」)、SNSでシェアしたくなる体験が内省レベルに作用する。
3層のバランスを検証する
本能レベルだけ美しくても行動レベルが不快なら離脱する。行動レベルが完璧でも内省レベルに響かなければ乗り換えられる。3層をバランスよく磨くことが重要で、ユーザーテストで各層の感情を個別に計測する。
具体例#
フィンテックアプリ — 3層バランスの改善
状況: 家計簿アプリのユーザビリティスコアは高い(行動レベル良好)が、NPS-12と低迷。「便利だけど好きではない」という状態だった。
適用プロセス:
- 本能レベル: ダッシュボードの配色を寒色系→温かみのある配色に変更。数字だけでなく親しみやすいイラストを追加
- 行動レベル: すでに高品質だったため大きな変更は不要。微調整としてアニメーションを追加
- 内省レベル: 月末に「今月の振り返りレポート」を自動生成。「先月より○○円節約できました」のポジティブメッセージとSNSシェア機能を追加
成果: NPSが-12→+28に大幅改善。月末レポートのSNSシェア率が12%に達し、オーガニックでの新規ユーザー獲得にも貢献した。
SaaS — オンボーディングの感情設計
状況: 新規ユーザーの初日離脱率が62%。ダッシュボードが空のデータで無機質に表示され、「使い始めるモチベーション」が湧かなかった。
適用プロセス:
- 本能レベル: 空のダッシュボードにウェルカムイラストとパーソナライズされた挨拶を表示
- 行動レベル: 初回セットアップを3ステップに分割し、各ステップ完了時にチェックアニメーションでフィードバック
- 内省レベル: セットアップ完了後に「準備完了!」の画面。チーム招待を促し「チームで使う自分」というポジティブなイメージを形成
成果: 初日離脱率が62%→29%に改善。オンボーディング完了率が31%→68%に向上し、7日目のリテンション率も18ポイント改善した。
ECブランド — 購入体験のプレミアム化
状況: 高価格帯のスキンケアECだが、購入体験が一般的なECと変わらず、ブランドの世界観が伝わっていなかった。リピート率が22%と低迷。
適用プロセス:
- 本能レベル: サイト全体をクリーム色+ゴールドの配色に。高解像度の質感写真と余白の多いレイアウトでラグジュアリー感を演出
- 行動レベル: 商品選択→カート→決済のフローを4ステップ→2ステップに簡素化。ギフトラッピングをワンタップで追加可能に
- 内省レベル: 購入後に「あなた専用のスキンケアプログラム」メールを自動送信。使い方のパーソナライズ提案と次回購入のリマインダー
成果: リピート率が22%→41%に向上。顧客アンケートで「ブランドへの愛着」スコアが5段階中2.9→4.4に改善した。
うまくいかないパターン#
| パターン | 問題点 | 対処法 |
|---|---|---|
| 本能レベルだけに注力 | 見た目は美しいが使いにくいプロダクトになる | 行動レベルの品質を先に確保してからビジュアルを磨く |
| 内省レベルの無視 | 便利だが愛着がわかず、競合に乗り換えられる | 利用後のポジティブな感情を意図的に設計する |
| 感情の押しつけ | 過剰な演出がユーザーを白けさせる | ユーザーのコンテキストに合った控えめな感情設計にする |
| 3層を別チームが設計 | 本能(デザイナー)と行動(エンジニア)と内省(マーケ)がバラバラ | 3層を横断するデザインレビューを設ける |
まとめ#
エモーショナルデザイン3層は「なぜユーザーはプロダクトを好きになるのか」を分解する。本能レベル(美しさ)で第一印象を獲得し、行動レベル(使いやすさ)で信頼を築き、内省レベル(ストーリー)で愛着を生む。機能だけでは差別化が難しい時代に、3層すべてを意図的に設計することがプロダクトの競争力になる。