#195
UI設計パターン
#195でーたどりぶんでざいん
データドリブンデザイン
別名・表記:Data-Driven Designデータ駆動型デザイン
UIXHERO Definition
「なんとなく」ではなく「数字と事実」に基づいてデザインを決めること。
概要
Googleの「41色の青のテスト」に代表されるように、細部まで数値に基づいて最適化するアプローチ。 ただし、「データに使われる」のではなく、「データを使いこなす」姿勢が必要。データはあくまで判断材料の一つであり、最終的な体験の質を決めるのはデザイナーの洞察力である。
UXでの活用
- KPIの改善: コンバージョン率（CVR）や離脱率などのKPIに直結するUI改善において、最も威力を発揮する。
- 説明責任: 「なぜこのデザインにしたのか」を客観的に説明できるため、組織内での合意形成がスムーズになる。
💡 使いどころ
デザインの変更案が複数あり、どれが最適か判断に迷う時や、ステークホルダーを客観的な根拠で説得したい時。
⚠️ 注意点・誤用
データは「過去」や「結果」を示すものであり、「なぜ（理由）」や「未来の可能性」までは教えてくれない。データ偏重になりすぎず、インサイト（定性的な発見）と組み合わせることが重要。
具体例
- CTAボタンの色をA/Bテストで決める
- ヒートマップを見て読まれていないセクションを削除する
出典・参考文献:
- Google Design, “41 Shades of Blue”
- Nielsen Norman Group, Data-Driven Design