ビジュアルシンキングを活用して ビジョン駆動型の...
TRANSCRIPT
![Page 1: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/1.jpg)
「社内研修用」
ビジュアルシンキングを活用して ビジョン駆動型の
Webマーケティングを実践する
![Page 2: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/2.jpg)
なぜビジュアルシンキングなのか?
“数字だけでは見えない課題の発見”
ビジュアルシンキング=簡単に言うと図解すること
![Page 3: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/3.jpg)
ビジュアルシンキング× Webマーケティングを考える本 コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本(ソフトカバー) ‒ 2015/3/17 清水誠 (著)
Lean Analytics ―スタートアップのためのデータ解析と活用法 アリステア・クロール (著), ベンジャミン・ヨスコビッツ (著), 林 千晶
(解説), エリック・リース (編集)
![Page 4: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/4.jpg)
ビジュアルWeb解析の提言
世の中のWeb解析の99%は サイトの問題点、広告の問題点を指摘するレポート
である。
そして・・・そもそも設定している指標が間違っていることも多い。
コンセプトダイアグラム&ビジュアルレポートで解決
![Page 5: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/5.jpg)
ビジュアルWeb解析とは? 通常のAnalytics コンセプトダイアグラム活用版Analytics
既存のレポーティングでは建設的な議論、改善アクションが生まれにくい・・・
![Page 6: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/6.jpg)
ビジュアルWeb解析とは? ・PV/UUなどの数値から入る ・ツールに向かう
▫図解で考える ▫ストーリーで考える ▫顧客視点で考える
✔ ︎ ✔ ︎ ✔ ︎
コンセプトダイアグラムを使ってユーザーのシナリオを洗い出し、 フェーズごとに必要なメッセージを抽出していく
![Page 7: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/7.jpg)
目次
❶ビジュアルシンキングでビジネス全体を理解 ❷コンセプトダイアグラムを描き、ストーリー構築 ❸レポートのプロトタイピング、ロープレ、事実ベースで改善
![Page 8: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/8.jpg)
❶ビジュアルシンキングでビジネス全体を理解
![Page 9: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/9.jpg)
ビジネスモデルキャンパス リーンキャンパス
Lean Analytics ―スタートアップのためのデータ解析と活用法 アリステア・クロール (著), ベンジャミン・ヨスコビッツ (著), 林 千晶 (解説), エリック・リース (編集)
![Page 10: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/10.jpg)
ビジネスモデルキャンパス
自分の会社のビジネスモデルキャンパス
![Page 11: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/11.jpg)
ワーク①
▼準備するもの ・財務関連資料 ・今季の目標数値・KPI資料
![Page 12: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/12.jpg)
どのような変化をつくるのか?
Q Webマーケティングを実施することで、ビジネス全体像に
どのような変化を起こすのか?
![Page 13: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/13.jpg)
❷コンセプトダイアグラムを作成して、 Webサイト内のユーザー体験を見直す
![Page 14: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/14.jpg)
ユーザーニーズ サイトの目的
機能仕様 コンテンツ要求
インタラクションデザイン 情報アーキテクチャー
インターフェイスデザイン ナビゲーションデザイン 情報デザイン
ビジュアルデザイン 結果
意図 IAシンキング Web制作者・担当者のためのIA思考術 坂本 貴史 (著), 宮崎 綾子 (編集), 長谷川恭久 (その他)
![Page 15: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/15.jpg)
コンセプトダイアグラム活用タイミング
基本的にいつでも活用できる。
ビジュアルWeb解析で紹介されている活用例
❶サイトリニューアル時
❷サイトリニュアール後の変化
![Page 16: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/16.jpg)
コンセプトダイアグラム作成のプロセス
❶ユーザーの認知プロセスを洗い出す ❷ユーザーがサイトを回遊してゴールにたどり着く流れを 図解する。ユーザーの感情を入れる ❸伝えるべきメッセージを図解に付け足す ❹メッセージごとにコンテンツをマッピングする ページごとではなく、コンテンツグループごとにまとめる。 ❺コンセプトダイアグラムを完成させる ユーザーのステップ、メッセージ、コンテンツを統合して1枚の図で表現する。
▼サイトリニュアールの時にストーリーをつくる
コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本(ソフトカバー) ‒ 2015/3/17 清水誠 (著)
![Page 17: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/17.jpg)
コンセプトダイアグラムのイメージ BtoBだと営業フローまで入れて全体ストーリーを整理
![Page 18: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/18.jpg)
ワーク②
▼準備するもの ・Google Analyticsのアカウント画面 ・Search consoleのアカウント画面 ・マーケティングリサーチ資料 ▼活用するもの ・Scapple ・マインドマップツール ▼時間 2h
![Page 19: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/19.jpg)
❸Webマーケティングの振り返りを ビジュアルレポートで効率化する
![Page 20: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/20.jpg)
ビジュアルWeb解析のレポーティング
❶コンセプトダイアグラム上に各ステップの コンバージョン率やユーザー数などの定量データを記載 ❷セグメントを区切って、コンセプトダイアグラムを 検証してみる ※有料広告のみの流入 ❸課題を抽出して改善アクションをコンセプト ダイアグラム上に書き出してみる。
▼サイトリニュアール後に振り返りをする
コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本(ソフトカバー) ‒ 2015/3/17 清水誠 (著)
![Page 21: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/21.jpg)
データ分析から入らない! まずは要件をビジュアライズすることから入り、 分析アウトプットのプロトタイプをつくる。 何を分析していいのかわからないのに、 データと睨めっこしない!
![Page 22: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/22.jpg)
ビジュアルWeb解析のレポーティング
・レポートをプロトタイプする ・レポートをロールプレイで確認する
※いきなりExcelでまとめようとしない
❶Excelで実際に使用するレポートと同様のモックアップを作成する ( (数値はダミーでも良い) ❷そのレポートを見る人に見てもらう ❸改善アクションにつなげられそうか質問し、要望をレポートに反映する
▼サイトリニュアール後に振り返りをする
コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本(ソフトカバー) ‒ 2015/3/17 清水誠 (著)
![Page 23: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/23.jpg)
ビジュアルレポート作成のプロセス
❶手書きのプロトタイプ ❷議論・フィードバック
❸最重要指標・重要指標の特定
何を日時で確認するべきか? 何を週次で確認するべきか? 何を月次で確認するべきか?
Google AnalyticsやWeb広告の報告フォーマットを決定
プロトタイプをつくるから 議論が生まれる!
![Page 24: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/24.jpg)
計画をつくる
+
![Page 25: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/25.jpg)
ワーク③
▼準備するもの ・現状のレポート ・ポストイットとペン ・コンセプトダイアグラム図 ▼時間 ・2h
![Page 26: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/26.jpg)
アウトプット
▫Google Analyticsの目標設定 ▫Google Analyticsの基本設定 ▫Google Analyticsのカスタムレポート設定 ▫Web広告の投資意思決定 ▫タッチポイントにおけるメッセージ改善 ▫KPI・KGI設計
![Page 27: ビジュアルシンキングを活用して ビジョン駆動型の Webマーケティングを実践する](https://reader034.vdocuments.pub/reader034/viewer/2022042819/55cd2f44bb61eb98518b458a/html5/thumbnails/27.jpg)
ビジョン駆動型とは?
“データや過去の課題の積み上げではなく、 未来のあるべき姿を描く”
Q ユーザーにどのような体験を提供するのか?
Webマーケティングの実践により、ユーザーの認知がどのように変化して、その生活がどのように変わるのか? Webマーケティングがビジネス全体に与える影響度はどの程度か?