お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは（MarkeZineDay2011）
•
22 likes•3,675 views
MarkeZineDay2011に登壇した際のプレゼンテーション用資料です。 デザインプロセスの中で仮説検証を行っていないビジュアルデザイン。結局、好みで決めちゃってませんか？
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Similar to お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは（MarkeZineDay2011）
Similar to お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは（MarkeZineDay2011） (20)
More from CREATIVE SURVEY
More from CREATIVE SURVEY (11)
お客様の印象を見える化し、求められるデザインへ。ユーザーニーズに直結したデザイン戦略とは（MarkeZineDay2011）
- 1. 2011-10-07 markzineDay お客さまの印象を見える化し、求められるデザインへ。 ユーザーニーズに直結したデザイン戦略とは RYO TAGUCHI (FOURDIGIT Inc.)
- 3. 2011-10-07 markzineDay お客さまの印象を見える化し、求められるデザインへ。 ユーザーニーズに直結したデザイン戦略とは RYO TAGUCHI (FOURDIGIT Inc.)
- 4. デザイン制作プロセス
- 5. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用
- 6. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 それぞれ仮説検証を繰り返して、最適化される
- 7. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング リサーチ
- 8. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ リサーチ テスト
- 9. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析
- 10. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析
- 11. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ 評価 アクセス リサーチ テスト できてない 解析
- 13. デザイン決定の実態
- 14. デザインの最終的な意思決定者 （n=300）【複数選択】 発注会社の経営者 48% 発注会社の担当者の上司 32% 発注会社の担当者 23.3% 発注会社の社内プロジェクトメンバー内管理職の合意 12.3% 発注会社の社内プロジェクトメンバー全員の合意 12% 社外・代理店の契約コンサルタント 5.7% その他 0% 5% 10% 15% 20% 25% 30% 35% 40% 45% 50% FOURDITGIT 、インプレスビジネスメディアの共同調査
- 15. デザインの決定のポイント （n=300）【複数選択】 発注会社の経営者・上司・担当者の好みで決まる 54% 特に悪い所が見当たらなければ充分 32% サイト制作のゴールを達成できそうだから 20.7% デザインはよくわからない 7% 著名なクリエイターが出してきたから 4.3% その他 0% 0.23% 6% 12% 18% 24% 30% 36% 42% 48% 54% 60% FOURDITGIT 、インプレスビジネスメディアの共同調査
- 16. 現場では・・・ TARGET 20代女性 担当者 制作スタッフ 30代男性 20代女性
- 17. 現場では・・・ TARGET 20代女性 担当者 制作スタッフ 30代男性 20代女性 デザイン最終決定者 50代男性
- 19. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 戦略立案 行動観察調査
- 20. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 評価 できてない
- 21. 一般的なWEBデザイン制作プロセス 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 つながってない
- 22. MARKETING TARGET つながってない
- 24. ターゲティング広告の推移 2015年は 906億 （予測） 2008年は 120億
- 26. あらゆる広告手法によって せっかくリーチした見込み客 が、見るもの
- 27. MARKETING TARGET つながってない
- 28. MARKETING TARGET つなげよう
- 29. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト ここで 解析 手を抜かず 戦略立案 行動観察調査 定量調査
- 30. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価 戦略立案 行動観察調査 定量調査
- 31. ビジュアルデザインにユーザーの感性を取り入れ、 最適化することで下記の成果を期待できます。 短期的な成果 長期的な成果 CTR・CVRなど ブランディングの実現 数値指標の向上 ロイヤリティの向上
- 32. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価
- 33. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価
- 35. 22万の会員 ビジュアル ネット調査 集計レポート
- 36. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 マーケティング ユーザビリティ アクセス リサーチ テスト 解析 印象評価
- 37. 印象の差
- 38. CREATIVE SURVEY® 調査画像イメージ 印象エンゲージ による定性意見 海で写真を 大自然を感じる バナーA 撮る二人 行ってみたい ワインを 女性がイマイチ。 バナーB 飲む二人 美味しそうじゃない
- 39. CREATIVE SURVEY® 印象エンゲージ 実際のCTR による支持率 バナーA 26 バナーB 5
- 40. CREATIVE SURVEY® 印象エンゲージ 実際のCTR による支持率 バナーA 26 2倍以上 バナーB 5 1
- 41. A：Bで 50：50の比率で出稿した場合 CTR UU CVR CV 単価 売上 バナーA 2 20,000 100 1,000万 0.5% 10万 バナーB 1 10,000 50 500万
- 42. A：Bで 80：20の比率で出稿した場合 CTR UU CVR CV 単価 売上 バナーA 2 32,000 160 1,600万 0.5% 10万 バナーB 1 4,000 20 200万
- 43. A：Bで 80：20の比率で出稿した場合 CTR UU CVR CV 単価 売上 バナーA 2 32,000 160 1,600万 売上合計 0.5% 10万 300万 UP バナーB 1 4,000 20 200万
- 44. 海外でのアクティビティ：バナー 良い点 30代 50代 アクティブに楽しめそう 大自然が分かりやすい 世界遺産で遊べるのは贅沢 きれい 写真がキレイ 気持ち良さそう 気持ち良さそう！ 世界遺産を二人占めがいい 良くない点 30代 50代 家族でいくので「ふたり」という カヤックしない人はちょっと 言葉に違和感がある。 体力を使うものは妻が苦手なの 「ふたり」がピンと来ない。 で・・・ 体力的に無理 人物が中心になりすぎている
- 45. 印象 印象エンゲージ 予想される反応 シックで CV導線へ いい ユーザーA 暗い ユーザーB ブランド価値の毀損 CVRの低下 寒々しい ユーザーC
- 46. 印象 印象エンゲージ 予想される反応 シックで CV導線へ いい ユーザーA 暗い ユーザーB ブランド価値の毀損 CVRの低下 長期視点 寒々しい での損失 ユーザーC
- 47. ビジュアルデザインにユーザーの感性を取り入れ、 最適化することで下記の成果を期待できます。 短期的な成果 長期的な成果 CTR・CVRなど ブランディングの実現 数値指標の向上 ロイヤリティの向上
- 48. 事例紹介
- 50. インテリジェンスさま WEBサイト設計の参考・現状調査 「コンサルタントが重要な 英会話サイトから、 評価の高い見せ方を抽出する」 ECC GABA AEON Berlitz 特にコンサルの見せ方、情報の見せ方を調査 コンサルを中心に訴求する上で、 どういった見せ方が印象がよいかを抽出する。
- 51. 調査内容 WEBサイトに関する印象調査 調査対象 地域 : 全国 ／ 年齢 : 20∼39歳 ／ 性別 : 男女 ／ 年収 : 300万円以上 ターゲットユーザー 職業 : 会社員・公務員 対象となるWEBページ１ : 転職サービスを行う4社のサービス導入に該当するページ 調査サンプル画像 対象となるWEBページ２ : 英会話サービスを行う4社のサービス案内ページ 画像の入手方法 : WEBサイト画像をインターネット経由でキャプチャ。 調査期間 2011/0-/17 18:00 ∼ 2011/0-/18 01:54 （7:54） 調査方法 「CREATIVE SURVEY ®」を使用したインターネット調査 有効回答数 50回答（人）
- 52. 質問 : この英会話サービスのウェブデザインにおける、好きな点および好ましくない点 について、各部を選択した上で自由に書き込んでください。【回答数 : 50】 AEON 良い意見のみ 悪い意見のみ -動機付けが明解 -イーオンだとすぐわかる -アジア人はインパクトに欠ける -読みやすく、字体もいい -色使いが爽やか -日本人を交えて -分かりやすい いる意味がない -簡潔である -イメージがわく -文字が小さい
- 53. 質問 : この英会話サービスのウェブデザインにおける、好きな点および好ましくない点 について、各部を選択した上で自由に書き込んでください。【回答数 : 50】 ECC 良い意見のみ 悪い意見のみ -見やすい -言葉が伝わりやすい -モデルの表情が -読みやすい よくない -下のポップなイラストとのバラン スが悪い -外国人のひげが -分かりやすい -図解されていると見や 印象が悪い すい -イメージしやすい -年齢が若くない
- 54. 質問 : この英会話サービスのウェブデザインにおける、好きな点および好ましくない点 について、各部を選択した上で自由に書き込んでください。【回答数 : 50】 Berlitz 良い意見のみ 悪い意見のみ -申込が見やすい - 伝わらない -イメージできてよい -良い提案をしてくれそう - 流れが示さ -全体的にごちゃごちゃしている れていてよい - 初心者なの で、イメージ できて安心
- 56. インテリジェンスさま WEBサイト設計の参考・現状調査 コンサルタントの訴求 全体のコンテンツをサービス説明フロー化 コンサルタントが正面で明確に見えすぎないよう注意 コンサルタントと求職者の関係性が分かるような写真 サービスの一連の流れをコンサルタントを中心に訴求
- 57. ご提案時の デザイン（抜粋）
- 58. 全体をサービス 説明フロー化 コンサルタント 写真の見せ方
- 59. インテリジェンスさま WEBサイト設計の参考・現状調査 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 印象評価
- 60. インテリジェンスさま WEBサイト設計の参考・現状調査 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 CREATIVE SURVEY で設計やビジュアル開発を最適化 ユーザーの感性を取り入れたプロセス
- 61. インテリジェンスさま WEBサイト設計の参考・現状調査 利用意向度・好感度、共に数％∼10%程度の改善 「安心できる」「信頼できる」「経験豊富そう」 などのイメージスコアが 30％∼40％の改善
- 62. 利用シーン
- 67. 画像・メインビジュアル調査 画像の 支持率 30% 24% 22% 15% 7% 7% 対象 画像 ユーザーの支持率は、4倍の差がありました。
- 72. 品 ブランドから連想する 質 重 ポジション 視 UNIQLO H&M GAP FOREVER21 TOPSHOP ZARA お 手 軽 トレンド重視 保守的
- 73. 品 WEBサイトの印象 質 重 ポジション 視 UNIQLO H&M GAP FOREVER21 TOPSHOP ZARA お 手 軽 トレンド重視 保守的
- 74. 品 ブランド 質 重 印象の差マップ 視 1. 2. UNIQLO 1. 2. 2. H&M 1. 2. GAP 2. FOREVER21 1. 2. TOPSHOP 1. ZARA 1. 1.ブランドロゴ、ブランドネーム お 手 2.ウェブデザイン 軽 トレンド重視 保守的
- 75. ビジュアルデザインにユーザーの感性を取り入れ、 最適化することで下記の成果を期待できます。 短期的な成果 長期的な成果 CTR・CVRなど ブランディングの実現 数値指標の向上 ロイヤリティの向上
- 76. 設計 デザイン メンテ 戦略 要件 構造 骨格 表層 運用 印象評価
- 79. ありがとうございました SNSで最新事例などの更新をお知らせします！ facebook http://www.facebook.com/creativesurvey Twitter https://twitter.com/#!/creative_survey