「社内研修用」

ビジュアルシンキングを活用して ビジョン駆動型の

Webマーケティングを実践する

なぜビジュアルシンキングなのか？

“数字だけでは見えない課題の発見”

ビジュアルシンキング=簡単に言うと図解すること

ビジュアルシンキング× Webマーケティングを考える本 コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本（ソフトカバー） ‒ 2015/3/17 清水誠 (著)

Lean Analytics ―スタートアップのためのデータ解析と活用法 アリステア・クロール (著), ベンジャミン・ヨスコビッツ (著), 林 千晶

(解説), エリック・リース (編集)

ビジュアルWeb解析の提言

世の中のWeb解析の99%は サイトの問題点、広告の問題点を指摘するレポート

である。

そして・・・そもそも設定している指標が間違っていることも多い。

コンセプトダイアグラム&ビジュアルレポートで解決

ビジュアルWeb解析とは？ 通常のAnalytics コンセプトダイアグラム活用版Analytics

既存のレポーティングでは建設的な議論、改善アクションが生まれにくい・・・

ビジュアルWeb解析とは？ ・PV/UUなどの数値から入る ・ツールに向かう

▫図解で考える ▫ストーリーで考える ▫顧客視点で考える

✔ ︎ ✔ ︎ ✔ ︎

コンセプトダイアグラムを使ってユーザーのシナリオを洗い出し、 フェーズごとに必要なメッセージを抽出していく

目次

❶ビジュアルシンキングでビジネス全体を理解 ❷コンセプトダイアグラムを描き、ストーリー構築 ❸レポートのプロトタイピング、ロープレ、事実ベースで改善

❶ビジュアルシンキングでビジネス全体を理解

ビジネスモデルキャンパス リーンキャンパス

Lean Analytics ―スタートアップのためのデータ解析と活用法 アリステア・クロール (著), ベンジャミン・ヨスコビッツ (著), 林 千晶 (解説), エリック・リース (編集)

ビジネスモデルキャンパス

自分の会社のビジネスモデルキャンパス

ワーク①

▼準備するもの ・財務関連資料 ・今季の目標数値・KPI資料

どのような変化をつくるのか？

Q Webマーケティングを実施することで、ビジネス全体像に

どのような変化を起こすのか？

❷コンセプトダイアグラムを作成して、 Webサイト内のユーザー体験を見直す

ユーザーニーズ サイトの目的

機能仕様 コンテンツ要求

インタラクションデザイン 情報アーキテクチャー

インターフェイスデザイン ナビゲーションデザイン 情報デザイン

ビジュアルデザイン 結果

意図 IAシンキング Web制作者・担当者のためのIA思考術　 坂本 貴史 (著), 宮崎 綾子 (編集), 長谷川恭久 (その他)　

コンセプトダイアグラム活用タイミング

基本的にいつでも活用できる。

ビジュアルWeb解析で紹介されている活用例

❶サイトリニューアル時

❷サイトリニュアール後の変化

コンセプトダイアグラム作成のプロセス

❶ユーザーの認知プロセスを洗い出す ❷ユーザーがサイトを回遊してゴールにたどり着く流れを 図解する。ユーザーの感情を入れる ❸伝えるべきメッセージを図解に付け足す ❹メッセージごとにコンテンツをマッピングする ページごとではなく、コンテンツグループごとにまとめる。 ❺コンセプトダイアグラムを完成させる ユーザーのステップ、メッセージ、コンテンツを統合して1枚の図で表現する。

▼サイトリニュアールの時にストーリーをつくる

コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本（ソフトカバー） ‒ 2015/3/17 清水誠 (著)

コンセプトダイアグラムのイメージ BtoBだと営業フローまで入れて全体ストーリーを整理

ワーク②

▼準備するもの ・Google Analyticsのアカウント画面 ・Search consoleのアカウント画面 ・マーケティングリサーチ資料 ▼活用するもの ・Scapple ・マインドマップツール ▼時間 2h

❸Webマーケティングの振り返りを ビジュアルレポートで効率化する

ビジュアルWeb解析のレポーティング

❶コンセプトダイアグラム上に各ステップの コンバージョン率やユーザー数などの定量データを記載 ❷セグメントを区切って、コンセプトダイアグラムを 検証してみる ※有料広告のみの流入 ❸課題を抽出して改善アクションをコンセプト ダイアグラム上に書き出してみる。

▼サイトリニュアール後に振り返りをする

コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本（ソフトカバー） ‒ 2015/3/17 清水誠 (著)

データ分析から入らない！ まずは要件をビジュアライズすることから入り、 分析アウトプットのプロトタイプをつくる。 何を分析していいのかわからないのに、 データと睨めっこしない！

ビジュアルWeb解析のレポーティング

・レポートをプロトタイプする ・レポートをロールプレイで確認する

※いきなりExcelでまとめようとしない

❶Excelで実際に使用するレポートと同様のモックアップを作成する　　　　　　　　　　　（ （数値はダミーでも良い） ❷そのレポートを見る人に見てもらう ❸改善アクションにつなげられそうか質問し、要望をレポートに反映する

▼サイトリニュアール後に振り返りをする

コンセプトダイアグラムでわかる [清水式]ビジュアルWeb解析 (Web Professional Books) 単行本（ソフトカバー） ‒ 2015/3/17 清水誠 (著)

ビジュアルレポート作成のプロセス

❶手書きのプロトタイプ ❷議論・フィードバック

❸最重要指標・重要指標の特定

何を日時で確認するべきか？ 何を週次で確認するべきか？ 何を月次で確認するべきか？

Google　AnalyticsやWeb広告の報告フォーマットを決定

プロトタイプをつくるから 議論が生まれる！

計画をつくる

＋

ワーク③

▼準備するもの ・現状のレポート ・ポストイットとペン ・コンセプトダイアグラム図 ▼時間 ・2h

アウトプット

▫Google Analyticsの目標設定 ▫Google Analyticsの基本設定 ▫Google　Analyticsのカスタムレポート設定 ▫Web広告の投資意思決定 ▫タッチポイントにおけるメッセージ改善 ▫KPI・KGI設計

ビジョン駆動型とは？

“データや過去の課題の積み上げではなく、 未来のあるべき姿を描く”

Q ユーザーにどのような体験を提供するのか？

Webマーケティングの実践により、ユーザーの認知がどのように変化して、その生活がどのように変わるのか？ Webマーケティングがビジネス全体に与える影響度はどの程度か？