20140913 ディレクション講演資料(山盛り)
DESCRIPTION
福岡でやったディレクションセミナーの中身。 4時間ぶっ通しで喋った内容てんこ盛りに入ってるやつ。TRANSCRIPT
![Page 1: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/1.jpg)
ディレクターに求められるパワー&スキルとディレクションのこれから
D I R E C T I O NS E M I N O RI n F U K U O K A
h p - e d s . j p
日本ディレクション協会 福岡セミナー@エディス
![Page 2: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/2.jpg)
中村健太
日本ディレクション協会 会長
Webディレクターズマニュアル編集長
Find Job!スタートアップ 著者兼編集
株式会社ビットエー CMO
![Page 3: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/3.jpg)
普段やってること・企画立案/実行計画作成
・情報設計(コンテンツ設計)
・仕様設計(UIワイヤー/システム仕様)
・アートディレクション
・コードディレクション
・アクセス解析と改善提案
・グロースハック施策提案/実行
・コンテンツ作成
・講演活動(年20回くらい)
・書籍執筆 etc...
![Page 4: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/4.jpg)
やってきたこと01
![Page 5: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/5.jpg)
やってきたこと02
![Page 6: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/6.jpg)
本出ました!
今日持ってきてるんで差し上げます
![Page 7: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/7.jpg)
株式会社BIT A(ビットエー)
リクルートとかソフトバンクとよく仕事してるWebプロダクション超上流工程(ビジネス検討段階)からの参画が得意
![Page 8: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/8.jpg)
今回のお題
01:そもそもディレクターって何やるひとだっけ?
02:SNSを味方に!コンテンツマーケティングと感情設計
03:提案の「説得力」を上げるダメ出し&コンセプトシート
04:Google Analyticsの前に。現場で回すグロースハック
![Page 9: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/9.jpg)
第一章
ディレクションて
なんだ?
![Page 10: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/10.jpg)
ビジュアルデザイン
と
プログラミング
以 外 の 全 部by だから、Webディレクターはやめられない―できるWebディレクターの成功戦略(島本大輔)
![Page 11: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/11.jpg)
細かく書くとこれ※ぶっちゃけもっと多いけど
要件まとめ コンセプト提案資料作成 初期提案と折衝 各種マッピング
ワイヤーフレーム作成 原稿/素材準備 モックアップ作成
コントロール リソース管理
デザイン管理 組み込み仕様指示 動作テスト修正指示
確認と修正変更対応
最終調整 リリース 報告・調整 アクセス解析
運用更新提案 要件まとめ 俺たちの冒険はまだ(ry
![Page 12: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/12.jpg)
大まかに言えばこういうこと
企画情報設計
制作・開発クオリティ管理
運用グロースハック他
![Page 13: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/13.jpg)
Q:多くね?大変じゃね?
A:大変です
![Page 14: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/14.jpg)
でも今、これこそが求められるディレクションスキル
そう、ディレ協は叫んでいる
![Page 15: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/15.jpg)
なぜか
![Page 16: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/16.jpg)
今、ディレクションに求められるニーズが
急速に変わりつつある
![Page 17: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/17.jpg)
採用時の指定年収が上がってきてる
ほぼ間違いない(両方やってるので知ってる)
![Page 18: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/18.jpg)
企業側も有能なディレクターの重要性
ディレクションスキルの有効性に気づいてきてる
![Page 19: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/19.jpg)
でも有能なディレクターに1,000万出す!
って言っても採れない(出会えない)からどこも困ってる状態
![Page 20: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/20.jpg)
なぜなのか
![Page 21: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/21.jpg)
コンセプト is キングの時代多分コンテンツ is キングよりこっちが正解
・SEOの陳腐化
・能動ユーザーの減少
・受動ユーザーの増加と一般化
![Page 22: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/22.jpg)
企業はマーケットにおいて
勝たなければならない。
![Page 23: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/23.jpg)
ユーザーは情報を自ら探して
読み込んでくれない
![Page 24: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/24.jpg)
企業は無限のお金を
使うわけにはいかない
![Page 25: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/25.jpg)
だからより効率良く勝たなきゃいけないし
そのためのコンテンツを発信したくてしょうがなくなってる
![Page 26: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/26.jpg)
ディレクターってなにやる人だっけ
ディレクションの基本はこの3つ
企画情報設計
制作・開発クオリティ管理
運用グロースハック他
![Page 27: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/27.jpg)
つまり・・・
コンテンツを立案し
情報を精査
実際に作り上げ
そして
グロース
させる
これができるディレクターが必要とされている
![Page 28: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/28.jpg)
3つを高い次元で実現可能な
ディレクターがいれば・・・
![Page 29: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/29.jpg)
企画だけ投げっぱなしてサヨウ
ナラな代理店いらないじゃん
![Page 30: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/30.jpg)
スケジュール引くだけの進行管
理人いらないじゃん
![Page 31: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/31.jpg)
ダメ出しするだけで手を動かさ
ないコンサルいらないじゃん
![Page 32: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/32.jpg)
本気でこう考えている
企業が増えてきている
![Page 33: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/33.jpg)
なら…応えなきゃね
![Page 34: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/34.jpg)
具体的に
どーやってスキルを
上げるのか
![Page 35: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/35.jpg)
第ニ章
情報設計と
感情設計 コンテンツマーケとか
![Page 36: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/36.jpg)
領域でいうとこのへんの話
企画+制作(ちょっと運用)
企画情報設計
制作・開発クオリティ管理
運用グロースハック他
![Page 37: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/37.jpg)
情報設計の概要要件定義~仕様定義
![Page 38: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/38.jpg)
要するに
これを決めること
サイトに何を載せるか
=情報設計
![Page 39: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/39.jpg)
そして設計して決まったネタを
どうやってカタチにするか
これを決めること
=仕様設計
![Page 40: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/40.jpg)
先に仕様設計の説明から
施策要件課題・目的・コンテンツの概要など
制作要件必要な素材・制作するページ数
など
機能要件必要な機能など
手続き要件他社サービスの利用に必要な手続
きなど
技術要件対象環境・使用言語など
コスト要件おおよその費用と工数算出など
![Page 41: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/41.jpg)
ついつい仕様設計から考えたくなるけれど
何ページ構成で・・・
弊社のパッケージなら・・・
CMSを使いましょう!
あのAPIを使ってー
![Page 42: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/42.jpg)
仕様設計なんて
情報設計なしには決めようがない
(何をどう載せるのか?)
何を? どう作るのか
![Page 43: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/43.jpg)
多くの人が関わるWebサイト構築
依頼主の担当
依頼主の上長
代理店プランナー
Webディレクター
デザイナー
プログラマー
イラストレーター
フォトグラファー
ライター
![Page 44: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/44.jpg)
放っておくといろいろ載せたくなってくる
依頼主の担当
依頼主の上長
代理店プランナー
Webディレクター
デザイナー
プログラマー
イラストレーター
フォトグラファー
ライター用語集も載せよう!
ライバルのやってるあの機能を!
フォームは別々がいいのでは?
オウンドメディア!
ソーシャルの反応をコンテンツ化して・・・
フォトギャラリーを作りましょう
ニュースはいるでしょう
![Page 45: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/45.jpg)
でも、それじゃあユーザーが迷子になってしまうし
なんのサイトなのか分からず誰にも何も届かない
情報過多
![Page 46: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/46.jpg)
だから、サイトに載せる情報は
選び抜く必要がある
基準になるのは
KGI KPI
この二つの指標
Key Goal Indicator Key Performance Indicator
![Page 47: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/47.jpg)
KGI最終的な利益目標(数値)
KPI上げ続ければKGIが達成
できる!という数値目標
例:ECサイトで言えば• 商品点数の増加率
• 商品詳細ページのPV数
• 商品購入のCVR
• サービスの成長
売上の継続的増大
![Page 48: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/48.jpg)
KPIはユーザーの行動(心理・実態)がないと
どうにもならない指標
いつ来ても新しい商品に出会える喜び 商品点数の増加率
アレもこれも見ちゃう 商品詳細ページのPV数
は!また買っちゃった 商品購入のCVR
心理・気持ち KPI
![Page 49: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/49.jpg)
情報設計とはつまり、KPI達成のために
未来
今から未来にかけてどんな情報をユーザーに提供するか?
これを設計すること
![Page 50: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/50.jpg)
決して、たくさんの情報を
上手いこと押しこむこと
ではないのですよ
![Page 51: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/51.jpg)
コンテンツ精査
どうやって載せるべき情報を選び出すのか?
![Page 52: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/52.jpg)
よく使われる手法
• マーケットでの立ち位置(ベンチマーク)調査
• シーズ&ニーズ調査
• ペルソナ定義
![Page 53: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/53.jpg)
マーケットでの立ち位置(ベンチマーク)調査
リーダー
フォロワー
チャレンジャー
ニッチャー
トップシェアの競合
模倣戦略の競合(要はリーダーのマネ)
差別化戦略の競合(ちょっと違うことやってる)
独自戦略の競合(狭いとこ狙ってる)
マーケットでの立ち位置(ベンチマーク)調査
独自戦略の競合(狭いとこ狙ってる)
で、今自分がどこにいて、どこを狙うのかそもそもそこにマーケットはあるのか?など考えて
![Page 54: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/54.jpg)
シーズ&ニーズ調査
シーズ ニーズ
ニーズに対し提供できそうなもの ユーザーのニーズとして
想定できそうなもの
欲されているものと提供できるものをすりあわせ
![Page 55: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/55.jpg)
ペルソナ定義
想定ターゲットユーザーの人格や人生観を決めてコンテンツを選ぶ
基本情報
行動特徴
意識特徴
武田 良介、36歳、男性、Web系エンジニア、転職経験2回年収560万、持ち家(ローン支払い中)、既婚(嫁は地元栃木の元同級生:スーパーのパート)長女:10歳、長男:7歳
かなり忙しく、帰る日より帰らない日のほうがちょっと多い 仕事は好きでももう少しゆとりのある生活に憧れている
基本的に「中途半端」が嫌いで、やや潔癖より本人にその自覚は薄いが、周囲からは神経質そうと揶揄されることも多い
![Page 56: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/56.jpg)
もちろんこの考え方も大事
すごく大事
![Page 57: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/57.jpg)
でも“できそうなもの”から選び出して情報を精査(言い換えればカット)して
それだけでユーザーを動かすコンテンツは完成するんだろうか?
出す 出す カット
![Page 58: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/58.jpg)
ムダなものがなく、分かりやすい
それってつまり
ユーザーに「なるほど」としか感じてもらえない
とも言えてしまうから
![Page 59: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/59.jpg)
マインド設計多分、これから必要なのはこの部分
~Find Job! 会社訪問メディアの話~
![Page 60: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/60.jpg)
すべてのサイト、サービスに共通していること
ユーザーに サービスを通じて何かを感じてもらい
何かをしてもらう
![Page 61: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/61.jpg)
サービスを通じて感じてもらうべき感情が
「なるほど」や「分かりやすい」で成功していたこともある
![Page 62: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/62.jpg)
今もそのままの考え方で良いのか?
あるいは
あの巨人達と同じ戦い方で勝てるのか?
![Page 63: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/63.jpg)
事例紹介
![Page 64: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/64.jpg)
Find Job ! 好きになれる会社を見つけよう
■コンテンツ的特徴
・インタビュー形式の求人記事・応援ボタンを押すとシェア・話を聞きに行くボタンで応募
■数値的特徴
・1記事あたりのPV:約10,000・イイネ数:平均500~700・ツイート数:平均100~200・はてなブックマーク:約70~90
恐らく単体での求人記事としてはかなり高水準 これをリリースして1日で達成
![Page 65: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/65.jpg)
何をやったのか
ユーザーのマインド を設計し
設計した マインドを分解 して
それに合わせて コンテンツを作った
![Page 66: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/66.jpg)
ユーザーのマインド設計
「〇〇!!!」「なるほど」でも「使いやすい」でも「理解しやすい」でもなく、
ユーザーが驚きを持ってその感情に触れる設計が必要だと考えた
このメディアの場合「この会社応援したい!!!」
![Page 67: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/67.jpg)
マインドの要因分解
何があればそんな感情を持つのか?感情を生み出す要因を分解
応援したい!!!
ゴールへの共感 プロセスアプローチへの共感
タレント(ヒーロー)への憧れ
![Page 68: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/68.jpg)
この3つの要素を取りに行くために
・対象となる企業と人を分析し
・インタビューの質問内容を決め
・3つの要素を分かりやすく伝えるコンテンツに作り変えた
![Page 69: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/69.jpg)
関わる人の数だけ、それを想定した
Share Share
![Page 70: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/70.jpg)
結果として・・・
・多くの人が「応援する」をクリックしてくれた
・シェアが爆発的に広まった
・PVも大きく跳ねた
※KPI
・もちろん応募も集まった
※KGI
![Page 71: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/71.jpg)
これまでの「情報精査方式」は
出す 出す カット
これはこれで大事なことだった
![Page 72: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/72.jpg)
でも・・・良くも悪くもユーザーは“慣れ”てしまった
![Page 73: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/73.jpg)
ただ「なるほど」や「使いやすい」だけでは
“次の行動”へ移りにくくなってしまった
使いやすくてあたりまえ
![Page 74: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/74.jpg)
ユーザーに行動してもらいたいなら
「感動!!!」してもらうしかない
![Page 75: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/75.jpg)
だから、「感動!!!」そのものを
設計してコンテンツ化する必要がある
■ゴールへの共感・何かをなそうとする熱意・反体制(対社会悪など)・大きな理想・誰もなしえていない事への挑戦
■プロセス、アプローチへの共感・どん底からのサクセス・ひたむきな努力・仲間のための努力・積み重ねた下積み・徹底的なこだわり
■個人へのフォーカス・ブレない信念に従った行動・不利と言われる戦いを挑む姿勢・キャラクターのギャップ
コンテンツ
![Page 76: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/76.jpg)
膨大な情報をまとめるだけではもったいない
いらない情報をカットするだけではまだ足りない
![Page 77: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/77.jpg)
これから必要なのは
人の感情を分解して狙った感情を「○○!!!」と呼び起こすコンテンツ
![Page 78: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/78.jpg)
人の感情を動かすコンテンツがあれば…
コンテンツ
SNSバイラル
結果的にSEOに
![Page 79: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/79.jpg)
人の感情もまた
設計するべき情報なのです
戦略として
![Page 80: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/80.jpg)
質疑応答
![Page 81: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/81.jpg)
ちょっと休憩しようず
![Page 82: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/82.jpg)
第三章提案の「説得力」を上げる
ダメ出し&コンセプトシート
![Page 83: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/83.jpg)
領域でいうとこのへんの話
企画+制作(ほぼヒアリング)
企画情報設計
制作・開発クオリティ管理
運用グロースハック他
![Page 84: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/84.jpg)
ヒアリングってなんだっけ?
![Page 85: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/85.jpg)
一般的な解釈
ディレクター 依頼者
何がやりたいの? あの…なんかあれだよ
![Page 86: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/86.jpg)
でこうなる
依頼者
依頼内容
ディレクター デザイナープログラマー
実現するために頑張る
![Page 87: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/87.jpg)
でも本来はこうあるべき
デザイナープログラマー
ディレクター
依頼者
Webで最高の結果だそうぜみんな!
![Page 88: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/88.jpg)
依頼を受けてから企画を考えて実現する
ではなく
依頼者と一緒に「何を実現するべきか」までさかのぼって考える
=企画前の最上流まで食い込む
![Page 89: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/89.jpg)
クライアントが何をやりたいかベース
ユーザーが何を求めているかベース
![Page 90: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/90.jpg)
クライアントが何をやりたいかベース
ユーザーが何を求めているかベース
![Page 91: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/91.jpg)
ダメな企画や依頼なら
「ダメだよ」て言ってあげなきゃいけない
![Page 92: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/92.jpg)
そりゃそれが出来たら楽しいしラクだろうけど
できないから皆悩んでるわけで・・・
![Page 93: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/93.jpg)
でも前提として…
ディレクターはプロジェクトにおける上の人であるべき
・サイトコンセプト決めるのも・設計を決めるのも・レイアウトを考えるのも・コンテンツ案を出すのも・原稿や素材を手配する(あるいは作る)のも
全部実際に現場レベルでやるのはディレクター
![Page 94: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/94.jpg)
じゃあ・・・
その企画やコンセプトの前提になる条件が
おかしかったらどうなると思う?
![Page 95: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/95.jpg)
前提がおかしいことの例
・期間設定がおかしい
・価格設定がおかしい
・やろうとしてる事とリリース方法があってない
・ユーザーのことガン無視してる
このままコンセプト引いてプロジェクト動かしたら
・・・死ぬよね ※主にデザイナーやコーダー、プログラマー、ライターが
![Page 96: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/96.jpg)
ダメな事には「それダメだわ」て言えると
ディレクターとしては仕事がしやすくなる
![Page 97: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/97.jpg)
いきなり依頼者にダメ出ししろって言われても・・・。
無理じゃね? 入れなくね?いきなりそんな話
聞いてもらえるわけなくね?
でも
![Page 98: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/98.jpg)
実際、そんなことないです聞いてくれますし、聞きたいと思ってくれます。
![Page 99: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/99.jpg)
最上流に無理やり食い込むダメ出しシートのすごい力
![Page 100: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/100.jpg)
中村がどうやってるか
・最初の相談段階で企画や現行サイトや企画にダメ出し
・それをチームでレポート化して依頼者にぶつける
・そこから返ってきた反論からヒアリングを始める
・コンセプト~プロジェクト骨子を「一緒に決めてしまう」
![Page 101: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/101.jpg)
最初の相談段階で企画や現行サイトにダメ出し
依頼者
こういうサイト作ってよ
こういうサイトにリニュしてよ
ディレクター
デザイナープログラマー
それじゃダメだよねこうあるべきだよね
![Page 102: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/102.jpg)
チームでレポート化して依頼者にぶつける
依頼者
!ディレクター
デザイナープログラマー
これなら行ける!
![Page 103: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/103.jpg)
返ってきた反論からヒアリングを始める
依頼者
そういうことじゃないのだよ!
ディレクター
デザイナープログラマー
じゃあどうなの?
![Page 104: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/104.jpg)
コンセプト~プロジェクトの骨子を「一緒に決めてしまう」
依頼者
ディレクター
デザイナープログラマー
企画
コンセプト
スケジュール
具体施策
設計
![Page 105: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/105.jpg)
具体的には何をするの?
・ダメ出しレポート提出
・コンセプトの案も一緒に出す
・提案書も一気に出す
・要件定義を一緒に作る
・んで、詰める
コンセプトシートの作り方:http://goo.gl/T5wbNRFPの作り方:http://goo.gl/eQEfO
![Page 106: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/106.jpg)
コンセプトの重要性と作り方
![Page 107: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/107.jpg)
コンセプトて何?
![Page 108: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/108.jpg)
情報設計、仕様設計、デザイン、原稿
提供する体験を構成する全要素をつらぬく
1本の柱…みたいなもの
![Page 109: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/109.jpg)
たとえば?
ディズニー「夢と魔法の国」
ナナピ「7分でできるライフレシピ」⇒「みんなで作るくらしのレシピ」
![Page 110: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/110.jpg)
コンセプトは神輿が目指すべき「誰にでも分かる場所」
![Page 111: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/111.jpg)
ちなみに中村はこんな感じで書きます
要素A 要素B
つまり〇〇ならいいんじゃね?
てことは「〇〇」ってことだよね。
![Page 112: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/112.jpg)
本来の目的 課題項目
つまりどうなればいい?
他会場がやってないことをやる。だからユーザーが知る。見る。共有する。そして、買う。
そのため、コンセプトは「当日まで観る価値のあるサイト」と提唱します。
GTの本体サイトにあるコンテンツだからもてぎには要らない。ではなく、一定期間だけでも
「本体サイトよりももてぎのサイトを見る」という状況を作れば目的は達成しやすくなる。
・より多くのチケットを販売し、来場者数を増やしたい。
・単品より複数人(ファミリー)で来場して欲しい。
・予選から決勝まで、できれば泊まり込みで来て欲しい。
・既に国内最高の観客動員数を誇るレースシリーズだけど、もてぎでの最終戦こそが最高に面白い!と認知を広める。
・チームやドライバーの情報が見れる(もてぎ戦を見るかどうかを検討しているユーザーに他サイトへの移動を勧めるのはナンセンスなので)
・基本的なルール、楽しみ方をしっかり伝える。(辺にPOP路線を狙う必要ななし。イベントのあり方がハードなのだから)
・チケットの販売数増加(前年比150%取りたい)
必要なのは・・・チケットが買いやすいことイベントやおトクなプランが分かりやすいこと予選日の楽しさが伝わること
例:2012年度 SUPER GT サイトの時に書いたもの
![Page 113: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/113.jpg)
• ワイヤーも• デザインも• 原稿も• インタラクションも• UIも
基本的には全部「コンセプト」を拠り所にして判断する。
![Page 114: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/114.jpg)
何も知らないほうが自由に発想できる
それただの偶然じゃん?
![Page 115: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/115.jpg)
理想
クライアント
しっかりとしたコンセプト提示
発注
ディレクター
コンセプトを元にサイトを設計
クライアント
コンセプトが曖昧もしくは無い
発注
ディレクター
え?と?何がしたいん?
クライアント
ビジネスの目的(理念や目標)を提示
発注
ディレクター
サイトコンセプトを提示した上でその了承を取っ
て設計をスタートさせる。
なぜディレクターがコンセプトを作るのか
よくあるケース だからこうやる
![Page 116: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/116.jpg)
根拠含めて、
クライアント(依頼者)と制作チーム全員がコンセ
プトを共有し、指標としなければプロジェクトは動
かない。
つか途中で止まる。
![Page 117: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/117.jpg)
で、ここで質問いきなり開口一番で…
僕はこのサービスのコンセプトはこうだと思います!
とか言って通用するでしょうか?
![Page 118: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/118.jpg)
多分かなりキツイ
![Page 119: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/119.jpg)
だからこうやる
マイナスの共感誘導
課題意識の共有
理想型の提示
コンセプトの提唱
ダメ出しシートで「だよねー」の共感を刺激。
解決するにはこうやるべき。企画はこれ。全てはこのコンセプトの元に。
![Page 120: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/120.jpg)
ダメ出しシートやってみよう
今回やるのはリニューアルのケース
ビジュアル上の問題点
導線設計上の問題点
コンテンツ展開上の問題点
各課題項目に対する改善施策案
要綱構成
![Page 121: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/121.jpg)
ビジュアル上の問題点
導線設計上の問題点
コンテンツ展開上の問題点
![Page 122: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/122.jpg)
本来やりたいこと(KGI or KPI) 課題項目
理想型
コンセプト
![Page 123: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/123.jpg)
まとめ
![Page 124: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/124.jpg)
制作のフローってとにかくやること多い。
![Page 125: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/125.jpg)
関わる人の数もまぁ多い
![Page 126: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/126.jpg)
どれだけマーケットを見て
いい企画を立てても
メンバーの意識を統一できなけ
れば結局なにも起こせない
![Page 127: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/127.jpg)
そうかと言って「空気読めよ」ばかりでは仕事にならない
だからコンセプトを使う説得するためにダメ出しシートを使う
ディレクターが上手く導けなければ、どんなプロジェクトだって成功なんてしないんだから
![Page 128: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/128.jpg)
質疑応答
![Page 129: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/129.jpg)
第四章Google Analyticsのその前に
現場で回すグロースハック
![Page 130: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/130.jpg)
まず前提として
Webサイトは完成しない
![Page 131: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/131.jpg)
作って終わり ⇒ ×作ってからが本番 ⇒ ○
Plan企画して
Do実行して
Actionんで次の一手を・・・
Check上手く行ってんのか判断して
![Page 132: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/132.jpg)
中でもとにかく大事なのが
Actionんで次の一手を・・・
Check上手く行ってんのか判断して
ここにナイスパスが無いと、
そこでプロジェクトの成長・進行が止まる。と思う。
![Page 133: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/133.jpg)
Webに当てはめて言うと
Checkアクセスを解析して
Action改善施策を決める
てこと※すげー大雑把だけど・・・
![Page 134: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/134.jpg)
さてここで質問
アクセス解析って好きですか?
![Page 135: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/135.jpg)
大抵はこんな感じのリアクションになる
え?そーいうのは私の仕事じゃないから
いやほら忙しくてさ
ディレクター デザイナー プログラマ
![Page 136: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/136.jpg)
データへの興味はすべてのスタッフが持っていたほうが色々と効率がいいんです。
ダメです。
![Page 137: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/137.jpg)
解析の目的
サイトを改善する理由を見つけ成長させる
ユーザーニーズを把握して次の施策を考える
上手くいってる施策の加速と上手くいってない施策の原因究明と改善
![Page 138: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/138.jpg)
と、言い切るためにやる
平たく言うとこのサイトって○○じゃね?(仮説)
△△△したほうが良くない?(提唱)
![Page 139: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/139.jpg)
そう。仮説を取りに行く行為なのよ。
数値データを調べる仕事じゃ
無いんだよ。
![Page 140: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/140.jpg)
仮説が立てばやるべきことが見えてくる
このサイトコンバージョン低くね?(課題)
フォームがグダグダだからじゃね?(仮説)
じゃフォームの導線改善しようか(やるべきこと)
![Page 141: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/141.jpg)
やるべきことが見えてくれば、項目をまとめて行動が起こせる。
フォームのどこが悪いんだ?(調査)
そうか。長すぎて途中で逃げちゃうのか(問題発見)
じゃ短くしよう(方針決定)
これとこれとこれはカットしても問題ないな(施策草案)
じゃ短くなったバージョンのワイヤー書くわ(設計)
デザインやり直しだから3営業日はかかるな(工数算出)
プログラムは処理変えるだけだから1日だな(工程決定)
じゃやるか!(実行)
![Page 142: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/142.jpg)
アナリストやディレクターだけが数字を追ってたんじゃこうはいかない
全職種の人間が「興味」を持っていることが結構重要だったりする。
![Page 143: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/143.jpg)
大事なことなのでもう一度
解析は、PDCAサイクルのCからAに
つなげる大事なポイント。
P D C A
Cで止めちゃう=膨大な数値データをキレイに並べて満足しちゃう
Aにつながらない=「このサイトじゃダメです」みたいなどーにもならん結論を出しちゃう
![Page 144: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/144.jpg)
Web解析の基本的なやりかた
具体的に何をどうすればいいんだろ?
![Page 145: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/145.jpg)
具体的なやりかた4ステップ。
理想の導線を考える
仮説と取るべき数値を決める
何をどの順番でやるのか決める
このサイトはダメだ!と決める
![Page 146: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/146.jpg)
サイトは完成しない
であれば完璧なサイトなんて存在しない
だから、まずは「未完成なものである」
という前提で数字に向きあいます
このサイトはダメだ!と決める
いいサイトなのにねぇなんで上手くいかない
んだろうねぇーこの考え方を捨てる
![Page 147: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/147.jpg)
検索 一覧 個別ページ フォーム 完了画面
そのサイトにおける「こういう道筋を辿ってくれたらいいなー」
という導線を考えて、そのパターンを洗い出す
理想の導線を考える
初見 2回目 3回目
男女 会員 流入元別
広告
乖離日数
別アクション
![Page 148: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/148.jpg)
もしかしてこのサイトがダメなのって
〇〇が▲▲だからじゃない?
仮説と取るべき数値を決める
これが仮説
〇〇 取るべき数値の項目
▲▲ その数値の実測データ
![Page 149: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/149.jpg)
〇〇 取るべき数値の項目
▲▲ その数値の実測データ
=これがいわゆるKPI
てやつなのよ
![Page 150: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/150.jpg)
問題は
どのデータをとるのか?
その選別が難しい
ということ
![Page 151: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/151.jpg)
アナリティクスでは取れないデータが
本当のKPIって場合もある
![Page 152: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/152.jpg)
まだデータになっていない
でも確かに
その数値が分かればビジネスを加速させるもの
これを仮説で想定できるようになると
すんげー強い
![Page 153: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/153.jpg)
Twitterの事例
![Page 154: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/154.jpg)
スヴェンソンの事例
![Page 155: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/155.jpg)
重要なのは
無限にあるデータ項目の
どこに注目するか
![Page 156: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/156.jpg)
そのビジネスにとって
どの数字を伸ばせば成長につながるのか(=KPIの把握)
その数字を伸ばすために知るべき項目はなにか(=課題数値の把握)
これをやらなきゃ解析なんてできない。
![Page 157: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/157.jpg)
解析結果データに書いてある数字は数字じゃない
誰かが、それぞれの事情や悩みや欲求にそって行動したその履歴だもの
数字の向こう側に人間を見なければ、解析はうまくいかない
![Page 158: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/158.jpg)
その答えは、
実は情報設計の分解にある
具体的にどうやってKPIを見つける?
![Page 159: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/159.jpg)
膨大な情報を
ターゲットに合わせて
取捨選択すること
情報設計ってなんだっけ?
![Page 160: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/160.jpg)
つまり・・・
どんな競合がいるマーケットで
なにをウリとしていて
誰に価値を感じて貰うのか
すべての勝ちサイトにはこれがちゃんと定義されてるってこと。
![Page 161: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/161.jpg)
何度も言うようだけど
ただ解析するだけならいらない
欲しいのはキレイなデータじゃなくそのサイトを成長させる
提案なのよ
![Page 162: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/162.jpg)
だから、まず分解する
このサイトは
・どこのマーケットで
・何をウリとしていて
・誰をターゲットに
・なにをしようとしているのか
![Page 163: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/163.jpg)
すると・・・
何がKPIなのか見えてくる
あとはそのKPIをどうやってあげるのか?を仮説と合わせて提案すればいい
![Page 164: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/164.jpg)
その仮説を「なんとかする」ために
「何をするべきか?」を考える
考えた結果を並べて、優先度を付ける
何をどの順番でやるのか決める
![Page 165: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/165.jpg)
中村が良く使う判断基準
・ユーザーに届くスピード
・数字に対するインパクトの大きさ
・施策の簡易さと実装の早さ
ようするに安く早く出来る順てことよ
![Page 166: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/166.jpg)
んじゃ実際やってみよう(ワークショップ)
![Page 167: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/167.jpg)
まとめ
![Page 168: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/168.jpg)
Web解析に必要なのは、
アナリティクスを手足のように
使えるテクニックじゃない。
![Page 169: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/169.jpg)
数字の先にあるユーザーの
気分と気持ちと想いと理由を妄想できる
イメージング能力。
それが最も重要
![Page 170: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/170.jpg)
Photoshopの機能を全部使える奴が全員「良いデザイン」をあげられますか?
![Page 171: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/171.jpg)
ドリーム・ウィーバーの機能を全部使えるからって、セマンティックなマークアップが実現できますか?
![Page 172: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/172.jpg)
「なんのデータがそのサイトの成長に必要なのか」がわかってない状態でGA使えるようになったって、なんにもならないんです。
つまり、そういうこと。
![Page 173: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/173.jpg)
以上ご清聴ありがとうございました。
![Page 174: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/174.jpg)
質疑応答
![Page 175: 20140913 ディレクション講演資料(山盛り)](https://reader034.vdocuments.mx/reader034/viewer/2022052619/556f6ba3d8b42a9d338b4b9a/html5/thumbnails/175.jpg)