SlideShare a Scribd company logo
1 of 56
WCAN 2013 Winter

長谷川恭久

2013年12月21日
YASUHISA HASEGAWA
Luke Wroblewski
年間販売台数(100万)
600
パソコン
スマートフォン
タブレット

400

200

0
2007

Garner, IDC, Enders Analysis (2012)

2008

2009

2010

2011

2012
2007

総務省 2013

2008

2009

2010

2011

2012
IDC (2013)
1,810,000,000
55%はスマートフォン

Gartner (2013)
Android Fragmentation Visualized (July 2013)
Android Fragmentation Visualized (July 2013)
パソコンからの利用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Is Mobile Affecting When We Read? (2011)
iPhoneからの利用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Is Mobile Affecting When We Read? (2011)
iPadからの利用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

Is Mobile Affecting When We Read? (2011)
パソコンは仕事用、モバイルやパーソナル用
より多様化する『繋がる』デバイス
アクセスする手段は利用者の自由
利用シーンを決めつけることができない
スマートフォン向けサイトに
不満・ストレスあり

D2C, モバイル利用動向調査 (2012)
必要な情報が揃っている?

D2C, モバイル利用動向調査 (2012)
スマホサイトは『サブ』
作り方はパソコン時代とおなじ
PC版からの安易な使い回し
重複コンテンツ、表記ぶれ
印象が良い

見やすい

画面遷移がしやすい

D2C, モバイル利用動向調査 (2012)
見た目は良いけど
中身がない

パソコン中心の
サイト設計
VS

Customer Service Hell, Time (2011)
ロゴ

ナビゲーション

プロモーション

イベント情報

住所・電話番号・営業時間
今日のランチは?
なにかオススメは?
今、開いてるの?
駐車場あるの?
自己主張が強いコンテンツ
利用者中心 < アピール中心
自己主張が強いコンテンツ
利用者中心 < アピール中心
パソコン向けコンテンツの真意
自己主張が強いコンテンツ
利用者中心 < アピール中心
パソコン向けコンテンツの真意
つぎはぎ・付け足し・覆い隠し
信頼度指数

51

ほぼ世界平均

41

2011

ワースト2

34

2013

ワースト2

2012

Edelman Trust Barometer 2013
スウェーデン

54

英国

53

イタリア

51

オーストラリア

50

ポーランド

48

韓国

47

アイルランド

46

アルゼンチン

45

スペイン

42

トルコ

42

日本

41

ロシア

36
Edelman Trust Barometer 2013
davidd
制作者は「制作」しかコミットしていない
出せば良い、目立てば良いと思っている
CMSがあれば良いと思い込んでいる
コンテンツを整備・管理する人がいない
テキスト

ソーシャルメディア

画像

プレスリリース

動画

製品情報

イベント情報

ニュースレター
コンテンツの状態は?
品質チェックはどうか?
誰が管理している?
どのような工程で掲載されている?
コンテンツのチェック
コンテンツのチェック

数量

質
タイトル
URL
制作日 / 更新日
担当者
備考
重複コンテンツが見つかりやすくなる
古いコンテンツが見つかる
誰も知らない謎コンテンツが見つかる
足りないもの、必要なものが見えてくる
サイト全体の状態を追いやすくなる
ページビュー
滞在時間
直帰率
離脱率
コンバージョン率
利用者の動向がみえてくる
成果があるもの、ないものが分かる
分析のポイントのがみえてくる
コンテンツのチェック

数量

質
数字をコトバにする
利用者の欲求や行動を補助しているか
ブランドに合うものかどうか
次に何をすればよいか
成果のないコンテンツの削除・改変
コンテンツ開発のプライオリティ付け
解析と調査を基にした情報設計
パソコン向けが多い貧弱コンテンツ
重複しているもの、読みにくいもの
目的に辿り着くまでの道のりが長く険しい
本当に必要とされるコンテンツがある
必要なものだけ絞って掲載されている
利用者の導線を意識したコンテンツ
見た目だけでは顧客の心はつかめない
利用者について知る、知ってもらう
制作の前に『コンテンツ』
まずは表にして書き出してみよう
インフォメーション・アーキテクチャ(IA)
アクセス解析の基礎
市場調査、ユーザー調査
コンテンツ関連の記事
長谷川恭久
mail@yasuhisa.com
@yhassy
yasuhisa.com/could

More Related Content

Similar to スマホサイトが嫌われる理由と改善方法

Mebic Creative Business Forum 2013
Mebic Creative Business Forum 2013Mebic Creative Business Forum 2013
Mebic Creative Business Forum 2013Takashi EGAWA
 
20120113 android in nest akabane
20120113 android in nest akabane20120113 android in nest akabane
20120113 android in nest akabaneKenichi Ohwada
 
スマートフォン市場動向 110525
スマートフォン市場動向 110525スマートフォン市場動向 110525
スマートフォン市場動向 110525Naoto Takeda
 
市場概況研修Ver2.2
市場概況研修Ver2.2市場概況研修Ver2.2
市場概況研修Ver2.2TANREN Inc.
 
131219 アド部発表資料 2013年top news
131219 アド部発表資料 2013年top news131219 アド部発表資料 2013年top news
131219 アド部発表資料 2013年top newsTatsuo Sakamoto
 
2010年Q1 携帯電話事業者 大手三社の決算サマリー
2010年Q1 携帯電話事業者 大手三社の決算サマリー2010年Q1 携帯電話事業者 大手三社の決算サマリー
2010年Q1 携帯電話事業者 大手三社の決算サマリーTakashi Ohmoto
 
"AMA App" Android App with Physical UI
"AMA App" Android App with Physical UI"AMA App" Android App with Physical UI
"AMA App" Android App with Physical UITadasi Nisimura
 
スマートフォンは果たして「日用品」か
スマートフォンは果たして「日用品」かスマートフォンは果たして「日用品」か
スマートフォンは果たして「日用品」か高見 知英
 

Similar to スマホサイトが嫌われる理由と改善方法 (11)

Mebic Creative Business Forum 2013
Mebic Creative Business Forum 2013Mebic Creative Business Forum 2013
Mebic Creative Business Forum 2013
 
20120113 android in nest akabane
20120113 android in nest akabane20120113 android in nest akabane
20120113 android in nest akabane
 
スマートフォン市場動向 110525
スマートフォン市場動向 110525スマートフォン市場動向 110525
スマートフォン市場動向 110525
 
市場概況研修Ver2.2
市場概況研修Ver2.2市場概況研修Ver2.2
市場概況研修Ver2.2
 
131219 アド部発表資料 2013年top news
131219 アド部発表資料 2013年top news131219 アド部発表資料 2013年top news
131219 アド部発表資料 2013年top news
 
スマートフォンアプリ×アフィリエイト
スマートフォンアプリ×アフィリエイトスマートフォンアプリ×アフィリエイト
スマートフォンアプリ×アフィリエイト
 
Androidとは何か
Androidとは何かAndroidとは何か
Androidとは何か
 
2010年Q1 携帯電話事業者 大手三社の決算サマリー
2010年Q1 携帯電話事業者 大手三社の決算サマリー2010年Q1 携帯電話事業者 大手三社の決算サマリー
2010年Q1 携帯電話事業者 大手三社の決算サマリー
 
Android概要資料
Android概要資料Android概要資料
Android概要資料
 
"AMA App" Android App with Physical UI
"AMA App" Android App with Physical UI"AMA App" Android App with Physical UI
"AMA App" Android App with Physical UI
 
スマートフォンは果たして「日用品」か
スマートフォンは果たして「日用品」かスマートフォンは果たして「日用品」か
スマートフォンは果たして「日用品」か
 

More from Yasuhisa Hasegawa

課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方課題を導き出す魔法のシートの作り方
課題を導き出す魔法のシートの作り方Yasuhisa Hasegawa
 
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセスYasuhisa Hasegawa
 
好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方好みや多数決で決めない、デザインとの正しい付き合い方
好みや多数決で決めない、デザインとの正しい付き合い方Yasuhisa Hasegawa
 
Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Webプロフェッショナルだからできるコンテンツの検査
Webプロフェッショナルだからできるコンテンツの検査Yasuhisa Hasegawa
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることYasuhisa Hasegawa
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計Yasuhisa Hasegawa
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方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
 
今だからデザインできる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プロフェッショナルだからできるコンテンツの検査
 
センスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすることセンスやテイストだけで決めないデザインの会話のためにすること
センスやテイストだけで決めないデザインの会話のためにすること
 
マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計マルチデバイスを見据えたコンテンツ設計
マルチデバイスを見据えたコンテンツ設計
 
コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方コンテンツとCMSの上手な付き合い方
コンテンツとCMSの上手な付き合い方
 
Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩Webサイトの核をデザインするための最初の一歩
Webサイトの核をデザインするための最初の一歩
 
6から始まる Movable Type の旅
6から始まる Movable Type の旅6から始まる Movable Type の旅
6から始まる Movable Type の旅
 
未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考未来へ繋ぐWeb系デザイン思考
未来へ繋ぐWeb系デザイン思考
 
今だからデザインできる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 ~変化にしなやかに対応するデザイン力~
 

スマホサイトが嫌われる理由と改善方法