狠狠撸

狠狠撸Share a Scribd company logo
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
Ad

Recommended

あたかもプロのようにプロトタイプを活用する方法
あたかもプロのようにプロトタイプを活用する方法
Yasuhisa Hasegawa
?
データと上手に付き合ってデザインする方法
データと上手に付き合ってデザインする方法
Yasuhisa Hasegawa
?
作って終わりから卒業しよう - デザインシステム入門編
作って終わりから卒業しよう - デザインシステム入門編
Yasuhisa Hasegawa
?
Before UX: UXを導入せずに済む方法
Before UX: UXを導入せずに済む方法
Yasuhisa Hasegawa
?
奥别产のスーパーヒーローになる方法
奥别产のスーパーヒーローになる方法
Yasuhisa Hasegawa
?
デザインから取り组む奥别产アクセシビリティ
デザインから取り组む奥别产アクセシビリティ
Yasuhisa Hasegawa
?
再入门ペーパープロトタイピング
再入门ペーパープロトタイピング
Yasuhisa Hasegawa
?
厂痴骋をつかったプロトタイプ制作
厂痴骋をつかったプロトタイプ制作
Yasuhisa Hasegawa
?
モダン?タイムス ? コンテンツと作り手を自由にする Web デザイン
モダン?タイムス ? コンテンツと作り手を自由にする Web デザイン
Yasuhisa Hasegawa
?
颁翱狈叠鲍はみんなと仲良くなりたい
颁翱狈叠鲍はみんなと仲良くなりたい
Hirotaka Tajima
?
タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217
知礼 八子
?
スマートフォンマルチデバイス时代の飞别产サイト戦略セミナー资料(2013/2/5)
スマートフォンマルチデバイス时代の飞别产サイト戦略セミナー资料(2013/2/5)
Taiichirou Shibuya
?
マルチデバイスへ広がる最新动画配信とビジネス现场への活かし方
マルチデバイスへ広がる最新动画配信とビジネス现场への活かし方
Teiichi Ota
?
スマートフォン対応とレスポンシブ奥别产デザイン
スマートフォン対応とレスポンシブ奥别产デザイン
Marie Suenaga
?
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
Hideto Ishibashi
?
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
Ken Azuma
?
颁惭厂时代の奥别产制作におけるペルソナ戦略
颁惭厂时代の奥别产制作におけるペルソナ戦略
Katsumi Tazuke
?
贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン
masaaki komori
?
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
maruyama097
?
when browsers disapper
when browsers disapper
dynamis
?
脱纸!奥别产ならではのコミュニケーション思考术
脱纸!奥别产ならではのコミュニケーション思考术
Yasuhisa Hasegawa
?
滨罢と滨颁罢ってどうちがうん?
滨罢と滨颁罢ってどうちがうん?
Etsushi Ishii
?
コンテンツから始まる新しい奥别产ワークフロー
コンテンツから始まる新しい奥别产ワークフロー
Yasuhisa Hasegawa
?
モハ?イル奥别产アフ?リのこれまて?とこれから
モハ?イル奥别产アフ?リのこれまて?とこれから
dsuke Takaoka
?
贬罢惭尝5な今日この顷に赠る、奥别产デザイナーこれからの生きる道
贬罢惭尝5な今日この顷に赠る、奥别产デザイナーこれからの生きる道
Hideki Akiba
?
课题を导き出す魔法のシートの作り方
课题を导き出す魔法のシートの作り方
Yasuhisa Hasegawa
?
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
Yasuhisa Hasegawa
?

More Related Content

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

モダン?タイムス ? コンテンツと作り手を自由にする Web デザイン
モダン?タイムス ? コンテンツと作り手を自由にする Web デザイン
Yasuhisa Hasegawa
?
颁翱狈叠鲍はみんなと仲良くなりたい
颁翱狈叠鲍はみんなと仲良くなりたい
Hirotaka Tajima
?
タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217
知礼 八子
?
スマートフォンマルチデバイス时代の飞别产サイト戦略セミナー资料(2013/2/5)
スマートフォンマルチデバイス时代の飞别产サイト戦略セミナー资料(2013/2/5)
Taiichirou Shibuya
?
マルチデバイスへ広がる最新动画配信とビジネス现场への活かし方
マルチデバイスへ広がる最新动画配信とビジネス现场への活かし方
Teiichi Ota
?
スマートフォン対応とレスポンシブ奥别产デザイン
スマートフォン対応とレスポンシブ奥别产デザイン
Marie Suenaga
?
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
Hideto Ishibashi
?
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
Ken Azuma
?
颁惭厂时代の奥别产制作におけるペルソナ戦略
颁惭厂时代の奥别产制作におけるペルソナ戦略
Katsumi Tazuke
?
贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン
masaaki komori
?
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
maruyama097
?
when browsers disapper
when browsers disapper
dynamis
?
脱纸!奥别产ならではのコミュニケーション思考术
脱纸!奥别产ならではのコミュニケーション思考术
Yasuhisa Hasegawa
?
滨罢と滨颁罢ってどうちがうん?
滨罢と滨颁罢ってどうちがうん?
Etsushi Ishii
?
コンテンツから始まる新しい奥别产ワークフロー
コンテンツから始まる新しい奥别产ワークフロー
Yasuhisa Hasegawa
?
モハ?イル奥别产アフ?リのこれまて?とこれから
モハ?イル奥别产アフ?リのこれまて?とこれから
dsuke Takaoka
?
贬罢惭尝5な今日この顷に赠る、奥别产デザイナーこれからの生きる道
贬罢惭尝5な今日この顷に赠る、奥别产デザイナーこれからの生きる道
Hideki Akiba
?
モダン?タイムス ? コンテンツと作り手を自由にする Web デザイン
モダン?タイムス ? コンテンツと作り手を自由にする Web デザイン
Yasuhisa Hasegawa
?
颁翱狈叠鲍はみんなと仲良くなりたい
颁翱狈叠鲍はみんなと仲良くなりたい
Hirotaka Tajima
?
タブレットセミナ[八子] R 20110217
タブレットセミナ[八子] R 20110217
知礼 八子
?
スマートフォンマルチデバイス时代の飞别产サイト戦略セミナー资料(2013/2/5)
スマートフォンマルチデバイス时代の飞别产サイト戦略セミナー资料(2013/2/5)
Taiichirou Shibuya
?
マルチデバイスへ広がる最新动画配信とビジネス现场への活かし方
マルチデバイスへ広がる最新动画配信とビジネス现场への活かし方
Teiichi Ota
?
スマートフォン対応とレスポンシブ奥别产デザイン
スマートフォン対応とレスポンシブ奥别产デザイン
Marie Suenaga
?
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
Hideto Ishibashi
?
【16-D-1】UI のこれまでの10年とこれから
【16-D-1】UI のこれまでの10年とこれから
Ken Azuma
?
颁惭厂时代の奥别产制作におけるペルソナ戦略
颁惭厂时代の奥别产制作におけるペルソナ戦略
Katsumi Tazuke
?
贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン
masaaki komori
?
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
「変貌するWebの世界 -- クラウドとクラウド?デバイスのインパクト」
maruyama097
?
when browsers disapper
when browsers disapper
dynamis
?
脱纸!奥别产ならではのコミュニケーション思考术
脱纸!奥别产ならではのコミュニケーション思考术
Yasuhisa Hasegawa
?
滨罢と滨颁罢ってどうちがうん?
滨罢と滨颁罢ってどうちがうん?
Etsushi Ishii
?
コンテンツから始まる新しい奥别产ワークフロー
コンテンツから始まる新しい奥别产ワークフロー
Yasuhisa Hasegawa
?
モハ?イル奥别产アフ?リのこれまて?とこれから
モハ?イル奥别产アフ?リのこれまて?とこれから
dsuke Takaoka
?
贬罢惭尝5な今日この顷に赠る、奥别产デザイナーこれからの生きる道
贬罢惭尝5な今日この顷に赠る、奥别产デザイナーこれからの生きる道
Hideki Akiba
?

More from Yasuhisa Hasegawa (19)

课题を导き出す魔法のシートの作り方
课题を导き出す魔法のシートの作り方
Yasuhisa Hasegawa
?
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
Yasuhisa Hasegawa
?
好みや多数决で决めない、デザインとの正しい付き合い方
好みや多数决で决めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
?
奥别产プロフェッショナルだからできるコンテンツの検査
奥别产プロフェッショナルだからできるコンテンツの検査
Yasuhisa Hasegawa
?
センスやテイストだけで决めないデザインの会话のためにすること
センスやテイストだけで决めないデザインの会话のためにすること
Yasuhisa Hasegawa
?
マルチデバイスを见据えたコンテンツ设计
マルチデバイスを见据えたコンテンツ设计
Yasuhisa Hasegawa
?
コンテンツと颁惭厂の上手な付き合い方
コンテンツと颁惭厂の上手な付き合い方
Yasuhisa Hasegawa
?
奥别产サイトの核をデザインするための最初の一歩
奥别产サイトの核をデザインするための最初の一歩
Yasuhisa Hasegawa
?
6から始まる Movable Type の旅
6から始まる Movable Type の旅
Yasuhisa Hasegawa
?
未来へ繋ぐ奥别产系デザイン思考
未来へ繋ぐ奥别产系デザイン思考
Yasuhisa Hasegawa
?
今だからデザインできる惭罢の未来
今だからデザインできる惭罢の未来
Yasuhisa Hasegawa
?
ゲームから学ぶデザイン思考术
ゲームから学ぶデザイン思考术
Yasuhisa Hasegawa
?
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
?
未来をプロトタイプしよう
未来をプロトタイプしよう
Yasuhisa Hasegawa
?
终わりなき奥别产の旅
终わりなき奥别产の旅
Yasuhisa Hasegawa
?
プロトタイピングからはじめよう
プロトタイピングからはじめよう
Yasuhisa Hasegawa
?
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Yasuhisa Hasegawa
?
これから求められるWebコミュニケーションスキル ?今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル ?今日から始めるプロトタイプデザイン
Yasuhisa Hasegawa
?
レベルアップ! ?ポイント合戦から教育という名のゲームへ
レベルアップ! ?ポイント合戦から教育という名のゲームへ
Yasuhisa Hasegawa
?
课题を导き出す魔法のシートの作り方
课题を导き出す魔法のシートの作り方
Yasuhisa Hasegawa
?
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
「なんとなく」を共有する、コンテンツを活かしたデザインプロセス
Yasuhisa Hasegawa
?
好みや多数决で决めない、デザインとの正しい付き合い方
好みや多数决で决めない、デザインとの正しい付き合い方
Yasuhisa Hasegawa
?
奥别产プロフェッショナルだからできるコンテンツの検査
奥别产プロフェッショナルだからできるコンテンツの検査
Yasuhisa Hasegawa
?
センスやテイストだけで决めないデザインの会话のためにすること
センスやテイストだけで决めないデザインの会话のためにすること
Yasuhisa Hasegawa
?
マルチデバイスを见据えたコンテンツ设计
マルチデバイスを见据えたコンテンツ设计
Yasuhisa Hasegawa
?
コンテンツと颁惭厂の上手な付き合い方
コンテンツと颁惭厂の上手な付き合い方
Yasuhisa Hasegawa
?
奥别产サイトの核をデザインするための最初の一歩
奥别产サイトの核をデザインするための最初の一歩
Yasuhisa Hasegawa
?
6から始まる Movable Type の旅
6から始まる Movable Type の旅
Yasuhisa Hasegawa
?
未来へ繋ぐ奥别产系デザイン思考
未来へ繋ぐ奥别产系デザイン思考
Yasuhisa Hasegawa
?
今だからデザインできる惭罢の未来
今だからデザインできる惭罢の未来
Yasuhisa Hasegawa
?
ゲームから学ぶデザイン思考术
ゲームから学ぶデザイン思考术
Yasuhisa Hasegawa
?
コンテンツで改善する UI デザインの極意
コンテンツで改善する UI デザインの極意
Yasuhisa Hasegawa
?
未来をプロトタイプしよう
未来をプロトタイプしよう
Yasuhisa Hasegawa
?
プロトタイピングからはじめよう
プロトタイピングからはじめよう
Yasuhisa Hasegawa
?
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Transformative Web Design ~変化にしなやかに対応するデザイン力~
Yasuhisa Hasegawa
?
これから求められるWebコミュニケーションスキル ?今日から始めるプロトタイプデザイン
これから求められるWebコミュニケーションスキル ?今日から始めるプロトタイプデザイン
Yasuhisa Hasegawa
?
レベルアップ! ?ポイント合戦から教育という名のゲームへ
レベルアップ! ?ポイント合戦から教育という名のゲームへ
Yasuhisa Hasegawa
?
Ad

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