SlideShare a Scribd company logo
1 of 45
課題を導き出す魔法のシートの作り方
長谷川恭久 2015年6月27日 第25回リクリセミナー
@yhassy
HTML
Sketch
CSS
Keynote
Research
Content
Write
Prototype
@yhassy
Joshua Bell Street Musician
野外近くの入り口 暖かいホームのなか
人が少ない時間帯 ラッシュアワー前後
クラシック音楽 ポップミュージック
演奏 パフォーマンス
観客の理解
場所・時間
配信タイミング
コンテンツの最適化
ペイドメディア バナー広告・リスティング広告
オウンドメディア
検索エンジン
アーンドメディア
Web サイトを超えたコンテンツ設計
アクセスの多様化
増え続ける配信経路
利用シーンの断片化
マルチデバイス
瞬時に埋もれる
『良い』が当たり前
膨大なコンテンツ量
配信経路の複雑化
これからどうする?
コンテンツ監査表
Content Inventory コンテンツ在庫表
Content Audit コンテンツ評価表
コンテンツ監査表
コンテンツの現状確認
コンテンツの質と量の検査
コンテンツに関わる課題の把握
古い情報をどうする?
誰が担当するの?
そもそもこれで良いの?
これはウチららしい?
続けられるの?
ページ名 URL
概要 担当者
メタデータ 更新日
ユニーク訪問者数 ページビュー
CTR コンバージョン率
直帰率 離脱率
新規 vs リピート 検索順位
滞在時間 観覧数
http://cl.ly/2X1T2A0d0r27
Content Inventory
コンテンツ在庫表
結論・仮説よりデータ
オフラインのコンテンツもあれば
『今』のスナップショットの共有
意味データ
定量調査 定性調査
リーチ
ユニークビュー
シェア数
行動
CTR
直帰率
滞在時間
トラフィックの割合
コンバージョン
売り上げ
KPI
会員登録数
フィードやファンページ登録
申込数
エンゲージメント
リファラ
再訪問者数
訪問頻度
例外をみつける
複数のデータから兆候をみつける
兆候の要因を幾つか仮説する
他社の比較より自社のデータを比べる
1
2
3
4
定量調査 定性調査
明確
雰囲気 目的
明確
きちんと情報を伝えているか?
ブランドに適切な言葉使いをしているか?
利用者にとっても適切に感じ取れるか?
利用者のニーズに応えているか?
最新の情報か?
雰囲気
目的
自分たちの価値は?
何を伝えたいのか?
利用者とは誰なのか?
何を知りたいのか?
Content Audit
コンテンツ評価表
数量だけでなく質も確認する
質を評価する基準を設ける
具体的な設計のための判断材料
コンテンツの理解につながる
魔法のシート
立ち止まって整理
戦略を練って賢く制作・配信
強力な共通ツール
コンテンツは皆の課題
調査 設計 実装
長谷川恭久
mail@yasuhisa.com
@yhassy
http://www.yasuhisa.com

More Related Content

More from Yasuhisa Hasegawa

デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ Yasuhisa Hasegawa
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Yasuhisa Hasegawa
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計Yasuhisa Hasegawa
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方Yasuhisa Hasegawa
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法Yasuhisa Hasegawa
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Yasuhisa Hasegawa
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅Yasuhisa Hasegawa
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考Yasuhisa Hasegawa
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Yasuhisa Hasegawa
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来Yasuhisa Hasegawa
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術Yasuhisa Hasegawa
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローYasuhisa Hasegawa
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意Yasuhisa Hasegawa
 
未来をプロトタイプしよう
未来をプロトタイプしよう未来をプロトタイプしよう
未来をプロトタイプしようYasuhisa Hasegawa
 
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインYasuhisa Hasegawa
 
脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術Yasuhisa Hasegawa
 
プロトタイピングからはじめよう
プロトタイピングからはじめようプロトタイピングからはじめよう
プロトタイピングからはじめようYasuhisa Hasegawa
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Yasuhisa Hasegawa
 

More from Yasuhisa Hasegawa (20)

デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ デザインから取り組むWebアクセシビリティ
デザインから取り組むWebアクセシビリティ
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
 
スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法スマホサイトが嫌われる理由と改善方法
スマホサイトが嫌われる理由と改善方法
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
 
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
 
今だからデザインできるMTの未来
今だからデザインできるMTの未来今だからデザインできるMTの未来
今だからデザインできるMTの未来
 
ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術ゲームから学ぶデザイン思考術
ゲームから学ぶデザイン思考術
 
コンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフローコンテンツから始まる新しいWebワークフロー
コンテンツから始まる新しいWebワークフロー
 
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
 
未来をプロトタイプしよう
未来をプロトタイプしよう未来をプロトタイプしよう
未来をプロトタイプしよう
 
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザインモダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
モダン・タイムス 〜 コンテンツと作り手を自由にする Web デザイン
 
終わりなきWebの旅
終わりなきWebの旅終わりなきWebの旅
終わりなきWebの旅
 
脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術脱紙!Webならではのコミュニケーション思考術
脱紙!Webならではのコミュニケーション思考術
 
プロトタイピングからはじめよう
プロトタイピングからはじめようプロトタイピングからはじめよう
プロトタイピングからはじめよう
 
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
 

課題を導き出す魔法のシートの作り方