O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

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

17.521 visualizações

Publicada em

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

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

Publicada em: Design
  • Seja o primeiro a comentar

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

  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

×