スマートフォン時代のコンテンツ戦略を考える

3,398 views

Published on

2011年12月15日開催、「IT産業」第2回デザイン活用セミナー「スマートフォン時代のコンテンツ戦略を考える」

Published in: Design, Business, Technology
  • Be the first to comment

スマートフォン時代のコンテンツ戦略を考える

  1. 1. スマートフォン時代のコンテンツ戦略を考える 2011.12.15 IT産業 デザイン活用セミナー @ichigami
  2. 2. 自己紹介• いちがみ トモロヲ(一神 友郎)• UXデザイナー• 屋号:15VISION(イチゴビジョン)• Twitter / @ichigami• Facebook / tomooichigami
  3. 3. WDF - Web Directors Forum 
  4. 4. 今日お話すること• スマートフォンの現状• スマートフォンコンテンツの種類• Web制作の知識でつくるネイティブアプリ• コンテンツ戦略の考え方• まとめ
  5. 5. スマートフォンの現状 http://www.flickr.com/photos/reticulating/5288349613/
  6. 6. 国内スマートフォン利用率 22.9%
  7. 7. スマートフォンユーザーの7割がSNS利用
  8. 8. 2014年にはiOSやAndroidなどのモバイルOSがPC向けOSの数を超える。
  9. 9. スマートフォン OSの種類 • Android • iOS • BlackBerry • Windows Mobile
  10. 10. スマートフォン スペック一覧 http://smartphone.ac/
  11. 11. スマートフォンコンテンツの種類 http://www.flickr.com/photos/mayus/4279107876/
  12. 12. スマートフォンコンテンツの種類 専用アプリ接 スマートフォン最適化触時間 レイアウト切替 改良 iPhone & Android スマートフォンサイト制作の教科書 序章より
  13. 13. Yahoo! Japan の場合PCサイト スマートフォン最適化 専用アプリ
  14. 14. Responsive Web Design
  15. 15. Media Queries
  16. 16. アプリの種類 ネイティブアプリ Webアプリ Webサイト• 端末のOS上で動作する • ブラウザ上で動作する • 情報提供主体
  17. 17. カレンダーの場合ネイティブアプリ ウェブアプリ
  18. 18. Twitter の場合ネイティブアプリ ウェブアプリ
  19. 19. Amazon の場合ネイティブアプリ ウェブアプリ
  20. 20. ネイティブアプリとウェブアプリの比較 ネイティブアプリ ウェブアプリインストール 必要 不要アップデート 再インストールに近い リロードでOK通信環境 必須ではない ほとんどが必要応答速度 速い 劣る端末機能 利用できる 利用できないマーケット 配信可(要審査) 配信不可
  21. 21. ネイティブアプリの強み• プッシュ通知• 統一感あるユーザーインターフェース• 端末機能へのアクセス
  22. 22. プッシュ通知
  23. 23. 統一感あるユーザーインターフェース Twitter Amazon
  24. 24. 端末機能へのアクセス ファイルネイティブUI 加速度計 カメラ コンパス システム位置情報 電話帳 回線情報 通知 ストレージ
  25. 25. ネイティブの強み• プッシュ通知• 統一感あるユーザーインターフェース• 端末機能へのアクセス 逆に言うと、これらが必要ない場合は Webアプリで良い
  26. 26. ネイティブアプリの弱み• 開発コストが高い• クロスプラットフォームが面倒• Apple Store からの承認に怯える日々
  27. 27. Webアプリの強み• 開発コストが低い• クロスプラットフォームが比較的容易• 検索・発掘されやすい• 自由なアップデート
  28. 28. Webアプリ事例• FT Web App • App Store の30%徴収 • 読者との間にAppleが入る • モバイル端末からのトラフィックは 50%増え、App Storeから撤退
  29. 29. 10K APARThttp://10k.aneventapart.com/
  30. 30. もうひとつのアプリネイティブアプリ Webアプリ Webサイト ハイブリッド アプリ
  31. 31. ハイブリッドアプリとは• HTML + CSS + JavaScript で構築可能• APIで端末機能にアクセスできる• アプリマーケットで配布・販売できる• クロスプラットフォームが比較的容易
  32. 32. 開発ツールPhoneGap Titanium MobilePhoneGapはiOS、Androidなどのプラットフォームに対応した Titanium Mobileは、米Appcelerator社が開発するオープンソースマートフォンアプリケーションを、HTML、CSS、JavaScript スの製品である。PhoneGapでは、画面レイアウトにHTMLを使といったWeb制作の知識で開発することができるモバイルアプリ 用するが、Titanium Mobileではレイアウトやその他の記述も基ケーションの開発フレームワークである。オープンソースで提供 本的にJavaScriptのみを用いる。されており、無償で利用することができる。
  33. 33. コンテンツ戦略の考え方 http://www.flickr.com/photos/29734707@N04/5163825839/in/photostream/
  34. 34. とある学生の一日
  35. 35. とある学生の一日モバイルは時間・場所の 制約がない
  36. 36. とある学生の一日ヒトをより理解することで新しい関係を築くチャンス
  37. 37. 求められるコンテンツ• 文脈(コンテキスト)を考慮したコンテンツ• 欲しい時に取得できるコンテンツ• 共有しやすいコンテンツ• 体温を感じるコンテンツ
  38. 38. まとめ http://www.flickr.com/photos/drewvigal/4509432445/
  39. 39. スマートフォンの普及により、 モバイルを起点としたコンテンツ戦略へシフトする
  40. 40. テクノロジーを知り、コミュニケーション手法を探り、 ヒトと向きあう
  41. 41. ユーザーとの継続的な関係を構築できるまたとないチャンス
  42. 42. ぜひ今一度、クライアントやクライアントの顧客の日々の暮らしを 思い描いてみてください
  43. 43. Thank you ; )

×