Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

コンバージョン心理学によるウェブ・デザイン

16,264 views

Published on

Derek Halpern のコンバージョン心理学によるウェブ・デザイン設計手法の紹介。
コンバージョンだけがウェブ・デザインのすべてではないが、
コンバージョンという視点からまとめるとこうなるという原理の解説。

A1603talk conversion-psychology-web-design-161219
(内容は160704と同じ)

Published in: Design
  • Be the first to comment

コンバージョン心理学によるウェブ・デザイン

  1. 1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョン心理学によるウェブ・デザイン 山上俊彦 Toshihiko.Yamakami@access-company.com IoT 事業本部, ACCESS 2016/07 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 1 / 63
  2. 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョンを 改善しウェブの  売上をあげたい人が      対象 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 2 / 63
  3. 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョン心理学の  原理を解説し  コンバージョンをあげる    Web デザインを解説 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 3 / 63
  4. 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 目次 コンバージョン心理学イントロ 1. 煩悩に負けずに絞って明確に頼め 2. シンプルに明確に頼め 3. 心理過程に着目して頼め 3. (応用) 時系列で心理過程を組み立てろ 4. ミリ秒の戦いに勝て 5. 人間として一押ししろ 6. 相手の目的を尊重しろ むすび 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 4 / 63
  5. 5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョン心理学 イントロ 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 5 / 63
  6. 6. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 定義 コンバージョン - サービスが想定する 顧客アクション 購買、登録、予約、投票、友人招待、… コンバージョン 心理学 - コンバージョンでの 心理過程の原理・原則 コンバージョン以外の目的とは一致しない e.g. 見やすさ、使いやすさ、クールさ Web やソーシャル メディアは道具 - 道具より 行動心理が重要 【原理: 技術より「目の前にいる人」を相手にする】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 6 / 63
  7. 7. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョン心理学によるウェブデザイン コンバージョン - 情報提供を超えた 明確なアクション誘導 コンバージョンを あげるための デザインを優先 - ウェブデザインの ノンバーバルを 的確に設計 コンバージョンの 心理的過程を支援する原則を重視 ・「ノンバーバル」: 書いてある以外の  コミュニケーション要素 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 7 / 63
  8. 8. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 位置づけ 顧客の欲望と コンバージョンの 個別の一致 顧客や コンバージョンに 共通の原理 【E コマースの 2 つの側面】 ・死ぬほど欲しければ どんな UI デザインでも買う ・今日の話はこちら 個別デザイン ブランド コンバージョン 心理学原理・原則 外部要因 【ウェブデザインのデザイン原理】 (メッセージ、意図、機能) (クロスメディア、キャンペーン) (イメージ、先端性、差異化) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 8 / 63
  9. 9. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 位置づけ 2 コンテンツ+ フォーマット - 気持ちいい経験 【サービス工学の転換: フォーマットに誘導・経験・幸福工学を盛り込む】 【作る側の論理:機能・構成】 【使う側の論理:感情・経験】 (経験エンジニアリング) 意識下の恐怖から 逃避 気持ちいい 経験 【エクスペリエンスデザインの 2 つの因子】 損したくない 1. ポジティブな感情 (個人、社会) 2. エンゲージメント (フロー、今を楽しむ)(個人) 3. ポジティブな社会関係 (社会) 4. 意味を感じられる 5. 達成感がある コンテンツ コンバージョン 原理原則 運用解析 【中身があれば自然に売れるというものでもない:三位一体】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 9 / 63
  10. 10. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1. 煩悩に負けずに絞って明確に頼め 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 10 / 63
  11. 11. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 絞る I 客の心理学の前に 自分の心理学を学べ - 邪念を払う (KPI は 1 個) 【心理学の効用】 アクティブユーザ数、コンバージョン率、平均単価、… 選択すれば 資源を消費 - コンバージョンの エネルギー現象 【ユーザの認知的エネルギーは希少資源】 すべてのページに 目的 - 顧客の目的を 満たす サイトの目的と顧客の目的 2 つ: 「読む」「行動を起こす」 できるだけ 多くの客を呼び - できるだけ 多くの選択を提供 【誰もが多く売りたい:コンバージョンしたいときの錯覚】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 11 / 63
  12. 12. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 絞る II -技術は アセンブラ 抑制するのは サービスデザイン 【サービスデザインが技術を制御】 “何でもできる” “やるべきこと” の定義 コンバージョン しない - 効果のないものは 削除 【減らすのには決断と勇気が必要】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 12 / 63
  13. 13. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 ゴールに集中 コンバージョン ページは シンプルに - サイドバーや 広告、ソーシャル等で 気を散らさない 目的を明確化 - ・ユーザ振り分け ・誘導 (Yes の連鎖) ・コンバージョン 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 13 / 63
  14. 14. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 選択心理学の実例 24 種類のジャム 60 % の客が試食 内 3 % が購入 (1 人) - 6 種類のジャム 40 % の客が試食 内 30 % が購入 (6 人) 【シーナ・アイエンガーとマーク・レッパーのジャムの試食ブース 50 人実験:  選択心理学】 5 つ星プールと 3 つ星レストランの ホテル - 5 つ星プールの ホテルは 26 % も 客は支払う 【多ければ多いほどよくはならない例】 一番いいものをアピール 説明しすぎはコンバージョン下がる [出典] How to Raise Your Rates By Offering Less Value (yes, LESS value) http://www.youtube.com/watch?v=UwzcX7b3YMQ 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 14 / 63
  15. 15. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 悪い例: [頻出] すべてがクリッカブル (明示的きっかけがない) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 15 / 63
  16. 16. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 悪い例: 選択が多すぎる 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 16 / 63
  17. 17. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . よい具体例: コンバージョンが明確 RECRUIT Agent (中略) 1. ワンカラム 2. 2 カラー 3. 3 つの理由 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 17 / 63
  18. 18. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ほとんどのウェブは駄目駄目 基本軽視 1 ページ 1 ゴール無視 司令塔がいない (時間が経つ) 増やす誘惑に 負ける ・普通のウェブサイトならコンバージョン心理学からの指摘項目が数十に 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 18 / 63
  19. 19. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2. シンプルに明確に頼め 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 19 / 63
  20. 20. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . シンプルに明確に頼め -明確な動作目標 明確なきっかけ +シンプル 【行動モデルが教える行動誘導の基本】 ナビゲーションタブなど不要 他のことはできなくする 購入ページ - 購入以外の リンクは外す 目的外リンクはかく乱要因 ソーシャルやナビゲーションタブ不要 目立つ反対色 - コンバージョンを 誘起する契機を統一 【究極: 色は二色でコンバージョンカラーを明確に】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 20 / 63
  21. 21. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 行動を変えるのには面倒を取り除く 情報提示は 行動変容の下策 - 情報以上の 行動誘導が必要 【50 % の患者は医者の指示に従わない】 情報は行動に直結する、は こちらの思い込み Web は面倒の塊 メディアは道具 - コンバージョン操作 以外の面倒は除く 【原理: 客は面倒くさいことはしない】 ・読みにくさ ・多くの選択肢の中から選ぶ ・不確定な未来を予測する 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 21 / 63
  22. 22. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 駄目な例: 注意を撹乱する やたらリンクが 張りまくり - 注意がそれると アクションしない 目的に集中できない 色、フォント、 サイズ、行幅、 不揃い - お約束が違うと 気が散る 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 22 / 63
  23. 23. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 行動誘導の統一ができていない リンクが 写真だったり - 何を押せば アクションか混乱 赤だったり青だったり 相手を混乱 させない - アクション誘導の 色を統一 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 23 / 63
  24. 24. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 「コンバージョンカラーが不統一」 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 24 / 63
  25. 25. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 頼み方を工夫 明確に 顧客に頼め - 関心のありそうな 友人にこの記事を 推薦して 具体的で 簡単な直接依頼 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 25 / 63
  26. 26. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 明示的に関連する友人に情報転送を依頼 Do you know someone …? (友人紹介の明示的依頼) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 26 / 63
  27. 27. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3. 心理過程に着目して頼め 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 27 / 63
  28. 28. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 心理過程に着目して頼め 好意を持った時 経験や感情に 共感した時 終わった時何かをしかけた時 【注目すべき心理過程】 ・他に、トップで見つからなかった時 ウェブには コンバージョン ポイントがある - ポイントを 押さえて アクション喚起 【コンバージョンポイントを逃さず利用】 トップ、左上、記事末尾、会社案内 (プロフィール) -行動しよう 信頼関係の確認 【すべてのビジネスの前提】 “人間としてのつながり、好意” 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 28 / 63
  29. 29. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョンポイント ランディング ポイント - U K 個別記事 過去記事集 プロファイル U- コンバージョン ポイント リード - インタラ クティブ - 完了 [インサイドフロー] 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 29 / 63
  30. 30. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Halpern ヘッダの例 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 30 / 63
  31. 31. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 明確な例: SocialTriggers.com の About ページ (末尾で依頼) (中略) ← ここで依頼 (正確には、ひとくぎり毎に依頼) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 31 / 63
  32. 32. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 客がその気のときに登録勧誘 登録フォームをもっと有効に使う 質の高い記事の 直後 - 満足が勧誘に ポジティブ お勧めコンテンツの 最後 - “次に何をしようか” と考えたとき 直接依頼 会社案内や About Me - 相手に親近感を 感じたとき コンバージョンしやすい 会社案内や About Me - 相手のために 何ができるかを 書く 人はコンテンツを読んだ後 相手が誰なのかに興味を持つ (Web トラフィック多い) 顧客が興味があるのは 自分たちへのメリットだけ 相手を知ると説得されやすくなる山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 32 / 63
  33. 33. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . キャプションは自然に読む 商品説明 - そそる売り文句を 必ず添える 写真にはキャプション 人はキャプションを読む してほしい行動に誘導される文を工夫 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 33 / 63
  34. 34. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3. (応用) 時系列で心理過程を組み立てろ 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 34 / 63
  35. 35. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 時系列で心理過程を組み立てろ Yes の連鎖 ユーザ行動への反応 【時系列で生成される心理過程】 自分の行動の結果は受け容れる 「続きを読む」 - 読んだのは ユーザの選択 【過去の選択が説得を後押し】 情報 (関心) - つながり - コンバージョン 【原理: コンバージョンは 3 ステップ】 マルチステップ - 明示 (予測可能) 人は未完了を嫌う 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 35 / 63
  36. 36. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Halpern ヘッダ: 冒頭の大バナーの効果 Halpern ヘッダ - 効果的な 記事群 - Halpern ヘッダ 【説得的過程のあとのトップページ回帰で説得効果】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 36 / 63
  37. 37. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 客を制限する ×× でお悩みの 方以外 読まないで - 信頼性が 上がる 【売り先を限定するほうが信頼性があがる】 値段を明示して冷やかしを遠ざける、も 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 37 / 63
  38. 38. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 絞る例: ユーザを絞る (兼否定の心理学) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 38 / 63
  39. 39. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 何をしようかと思った時に依頼 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 39 / 63
  40. 40. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . [原理 3 3 ステップ] 特別な許可をとった「つながり」 メール登録 許可 - 特別な関係認定 (つながり) 【関係性をコンバージョンに利用】 メールを送っていれば「関係性」強化 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 40 / 63
  41. 41. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: つながりが重要 (名前を訊く) シンプルという点ではワンクリック登録がベスト 顧客を動かす自信がある時、名前を聞く 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 41 / 63
  42. 42. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ポータルにおけるコンバージョン心理学的アプローチの例 アクセス R 関心記事発見 セカンドトライアル 他の鍵: 流入先の情報、閲覧者の情報、… 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 42 / 63
  43. 43. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4. ミリ秒の戦いに勝て 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 43 / 63
  44. 44. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ミリ秒の戦いに勝て -わかりやすい 脳の中の 処理時間が短い 【気持ちいい経験が誘導効果を生む】 D. Kahneman “Thinking, Fast and Slow” 最初は読みやすく - 読み始めれば 最後まで読む 【導入が特に重要】 (見出し、色、幅) 漢字密度が多く 長い文はだめ 訪問客を 誘導する準備 - サイトの「名称」 最初の頁の先頭が重要 【最初の経験が重要】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 44 / 63
  45. 45. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 長いニュースリード (Goo news) リンクは Goo Top で 250, Goo News で 262 Yahoo! ニュースに比べてリードが長い 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 45 / 63
  46. 46. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . [原理 2 面倒の除去] 読みにくさの除去 ウェブロード タイムの短縮 - 顧客はいらいら したくない シンプルな フォント選択 - シンプルが 2 倍早く読める 最初の 3 行を 読みやすく - 3 行読んだ客は 最後まで読む ヘッドライン 短い行、短い幅 (右に写真挿入) 読み始めたら長い幅が速く読める 読みやすさは重要 - 段落、ヘッダ、 箇条書き 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 46 / 63
  47. 47. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 最初を読みやすく 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 47 / 63
  48. 48. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5. 人間として一押ししろ 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 48 / 63
  49. 49. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . -相手がその気 ちょっとだけ 押してあげる 【行動誘導:きっかけのフォロー】 “操られたくはない” -一言効用・ 一言リスク回避 利用談・ メディア 【ちょっと一押し】 説得的な ヘッダをつける - 顧客のメリットを強調 (よいイメージ) 【コンバージョンの一言の工夫の効果】 フォームの下の短い 賛辞や引用も後押し メールアドレス 入力 - 短く理由を 明示 確認のため、など 目的外使用しない、と明記 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 49 / 63
  50. 50. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 人物写真の効果 人物写真 - “つながり” 演出に重要 笑顔の写真を見ると楽しく 写真内の人物の視線を追う (読ませたくないときも使える) 写真についての他のヒント 商品写真は上斜めから見る角度 人はにせの笑顔はすぐ見抜くので注意が必要 スタッフの 個人生活、趣味 - 特別な関係認定 (つながり) 【関係性をコンバージョンに利用】 ・人間生活はもっとも「記憶連想」の強い分野 ・営業の基本は「類似性」「好意」(Cialdini) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 50 / 63
  51. 51. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . よくある悪い例: からっぽのソーシャル 少ない「いいね」は 逆効果 - ソーシャルは 推進力になる 場合だけ使う 複数利用は分散して不利 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 51 / 63
  52. 52. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 コメントで後押し 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 52 / 63
  53. 53. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . [再掲:  写真の例 (RECRUIT Agent) (中略) 1. ワンカラム 2. 2 カラー 3. 3 つの理由 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 53 / 63
  54. 54. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 例: 客に聞く姿勢が信頼性を高める メールに返事はしないと明記 しかし、メールアドレスは書く 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 54 / 63
  55. 55. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6. 相手の目的を尊重しろ 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 55 / 63
  56. 56. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 客はしたいことしかしない したくないことを 強制 - 逆効果 【行動誘導は「客のしたいこと」を促進するとき最大の効果】 ナビゲーション 履歴を保持 - 目的と判断基準を 検出 【望ましいウェブデザイン】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 56 / 63
  57. 57. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 客にも目的がある → 運用が作り出すリアルタイム調和: Adwords の例 三者の利害の調整 ユーザ 広告 プラットフォーム 広告主 掲載順位 広告 上限クリック単価 品質スコア 積 単価 1 a 60 2.0 120 50.10 2 b 40 2.5 100 35.60 3 c 80 1.1 88 … 4 … … … … … 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 57 / 63
  58. 58. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . [補足] コンテンツのつくりかた 目的は「コンテンツ」と「ログ解析」に依存 研究 (の参照) 結果 論争 ホットニュース コンテンツ資産 【コンテンツの 5 つのつくりかた (結合も可能)】 [権威、情報ギャップ] [実体験、秘密] [新規、野次馬] [論敵感情] [探して見つける] Not Getting Enough Sales and Leads? http://www.youtube.com/watch?v=b7IDKBBNkOQ (From East Affiliate Summit 2011) 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 58 / 63
  59. 59. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . むすび 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 59 / 63
  60. 60. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョンの 4 階層 長期的プロセスによりソリューション:特別扱い プロセスを利用して行動支援:短期インタラクション 関心を引き、動機付けする:ファシリテーション コンバージョンの障害を取り除く:ユーザビリティ 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 60 / 63
  61. 61. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 つの原理 1. 煩悩を払って絞れ 2. シンプルに明確に 3. 心理過程に注目 4. ミリ秒の戦いに勝て 5. 人として頼め 6. 相手の目的の尊重 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 61 / 63
  62. 62. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . コンバージョン心理学による ROI 向上 単独でも コンバージョン率は 収益に直結 - 集客施策と 同時実施すれば 施策 ROI 改善 【ROI の改善】 -Halpern ヘッダ ページのトップに 大きな登録バナー 【30 % のコンバージョン効果改善】 コンバージョン 心理学による 候補リスト - PDCA による 実効性確認& 実施 【ウェブは生き物】 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 62 / 63
  63. 63. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . むすび 行動誘導技術とサービスデザイン ウェブデザインの陥穽 コンバージョン心理学によるウェブデザインの原則 ご清聴ありがとうございます ご質問、ご感想、コメントを承ります 山上俊彦 Toshihiko.Yamakami@access-company.com (ACCESS)コンバージョン心理学によるウェブ・デザイン 2016/07 63 / 63

×