Contenu connexe
Similaire à モバイルサイト構築の大誤解! (20)
モバイルサイト構築の大誤解!
- 6. i メディア をもっと面白く!
数字で見るモバイル時代
• アメリカでは普及率はすでに58%に到達
(出展: comScore)
12億人以上がモバイルからWEBアクセスをしています。
( 出展: Trinity Digital Marketing)
• 日本の保有率 45.6% (博報堂DY)
• スマートフォン(多機能携帯電話)の2012年末の世
帯普及率が49・5%と前年末(29・3%)から大きく伸
び、世帯のほぼ半数に達した (出展:総務省)
• Eメールのうち25.85% はモバイルで開封され、10.16%
はタブレットで開封されます。(出展: Knotice 46%)
Copyright © 2014 DOMO.INC All Rights Reserved.
6
- 8. i メディア をもっと面白く!
大誤解 2
まずは、スマートフォン対応だ。
まだタブレットは少ない!
Copyright © 2014 DOMO.INC All Rights Reserved.
8
- 12. i メディア をもっと面白く!
大誤解 3
アンドロイド躍進。
iOSを塗り替えていく!
Copyright © 2014 DOMO.INC All Rights Reserved.
12
- 16. i メディア をもっと面白く!
大誤解 4
これからもずっと
PC中心に
Webリニューアルがいい
Copyright © 2014 DOMO.INC All Rights Reserved.
16
- 17. i メディア をもっと面白く!
「モバイルファースト」を提唱したLuke Wroblewski氏
Luke Wroblewski ルーク・ウロブルスキー
プロダクトの戦略や製品のデザインのコンサルタント会社「LukeW Ideation & Design」のデザイナー兼設立
者。
実績は素晴らしく、Twitterに買収された「Bag Check」のCTO、Yahoo!USAのチーフアーキテクトとしてマル
チデバイス向けの商品開発、eBayのユーザーインターフェイスデザイナーとして「eBay Express」のリリース
など様々な企業での役職を経験し、現場で活躍している ”できるデザイナー” として世界的に有名です。
さらには、Interaction Design Association(IxDA)はボードメンバーであり共同設立者の一人です。その実力
から世界初のグラフィカルがブラウザが生まれたイリノイ州立大学でインターフェイスデザインの教授として
教鞭をとっています。著書には「モバイルファースト」と「Web Form Design」がある。
著書
「 Mobile First 」
「 Web Form Design & Site-Seeing 」
「 A Visual Approach to Web Usability 」
Copyright © 2014 DOMO.INC All Rights Reserved.
17
- 18. i メディア をもっと面白く!
「モバイルファースト」を
推進する理由
成長するモバイル市場をターゲットにできる。
モバイルのマーケットは、拡大しています。Google Map の利用者は40%がすでに
モバイルからです。また、シーズンによっては50%以上がモバイルからGoogle Map を
利用しています。そのモバイルの市場自体は、大きく成長しており2012年にはモバイ
ルの市場はデスクトップ市場を超えると予測されています。
コンテンツフォーカスできること。
モバイルのスクリーンは表示できるサイズが限られています。それゆえ不要なコン
テンツは表示せず必要なコンテンツだけを表示します。「モバイルファースト」を推し進
めることで重要で必要なコンテンツが浮き出ます。
モバイルの様々な機能を利用する発想を得ること。
モバイルには様々な機能が備えられています。例えば、GPS、加速度センサー、オリ
エンテーションなどの機能があります。モバイルを最初に開発することは、デスクトップ
にはない、モバイル固有の機能を利用したアプリケーション開発を意味することでもあ
ります。
Copyright © 2014 DOMO.INC All Rights Reserved.
18
- 20. i メディア をもっと面白く!
大誤解 5
専用サイトをスクラッチで
構築すれば、面倒ではないし、
安く、早くできる?
Copyright © 2014 DOMO.INC All Rights Reserved.
20
- 23. i メディア をもっと面白く!
大誤解 6
モバイルのサイトは
専用の別サイトで作る
Copyright © 2014 DOMO.INC All Rights Reserved.
23
- 30. i メディア をもっと面白く!
大誤解 7
LTEの時代だから、
表示スピードは気にしなくていい
Copyright © 2014 DOMO.INC All Rights Reserved.
30
- 33. i メディア をもっと面白く!
ページロードに
1秒 遅れると・・・・・
7%
11%
16%
のコンバージョン
が減少
のページビュー
減少
のユーザー満足
度の減少
もし金額におきかえると、
1日1000万円を売り上げているEコマースリテイラーの場合、年間で
算出すると、
2億5000万円の売上損失となる。
Copyright © 2014 DOMO.INC All Rights Reserved.
33
- 34. i メディア をもっと面白く!
大誤解 8
とりあえずマートフォンサイトの
デザインをすればいい。
Copyright © 2014 DOMO.INC All Rights Reserved.
34
- 37. i メディア をもっと面白く!
ポイント
• 柔軟なデザイン 再現性はあるか?
• UI/UXデザインを高められるか?
→多くのソリューションでは、融通性が
きかないケースが多い
Copyright © 2014 DOMO.INC All Rights Reserved.
37
- 38. i メディア をもっと面白く!
大誤解 9
タブレット専用デザインは、
まだ時期尚早だ
Copyright © 2014 DOMO.INC All Rights Reserved.
38
- 42. i メディア をもっと面白く!
マルチスクリーン対応
とは?
• One Web 同一
同一URL
• ワンソース・マルチ
デバイス
• 高速ローディング表
示
• デザイン再現性
UI/UX
• タブレット対応
Copyright © 2014 DOMO.INC All Rights Reserved.
42