5C-モバイルフロンティア
フロントエンドエンジニアと
デザイナーのための
モバイルユーザーエクスペリエンス
安藤幸央・佐藤伸哉・清水かほる・野澤紘子・羽山祥樹・脇阪善則
1章

いかりを上げる
Casting Off Anchors
モバイルフロンティアを探索するための準備
Preparing to Explore the Mobile Frontier

Nov 30 2013 Kaoru Shimizu @...
過去との決別
デスクトップコンピューティングからモバイルへ
• 普遍的なパラダイム
• 共通化されたUI規則
• 標準化された入力手法
• デザイン理論
• 学術的研究結果
• 普遍的なパラダイム

?

• 共通化されたUI規則
• 標準化された入力手法
• デザイン理論

• 学術的研究結果
2章

モバイルNUIパラダイムの登場
The Emergent Mobile NUI Paradigm
GUIとNUIの境界を越えて
Traversing the GUI/NUI Chasm

Nov 30 2013 Kaoru Shimiz...
ユーザーインターフェースの進化

Past

Future
コマンドラインインターフェース
CLI (Command Line Interface)

ユーザがコマンドを覚え、
テキストベースのインターフェースに打ち込む。
グラフィカルユーザーインターフェース
GUI (Graphical User Interface)

WYSIWYG(What You See Is What You Get)
ユーザーにコマンドを見せて選ばせる。
フォルダやゴミ箱といったオフ...
ナチュラルユーザーインターフェース
NUI (Natural User Interface)

WYDIWYG(What You Do Is What You Get)
ユーザの状況に応じて、表示される情報が変化。
より直感的に、速い操作が可能...
ユーザーインターフェースの進化

Past

Future
ユーザーインターフェースの進化

Now

Past

Future
日本のスマートフォン普及率

Our Mobile Planet
http://www.thinkwithgoogle.com/mobileplanet/
CHAPTER
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
The Mobile Frontier at HTML5 Conference 2013/11/30
Upcoming SlideShare
Loading in …5
×

The Mobile Frontier at HTML5 Conference 2013/11/30

3,629 views

Published on

The Mobile Frontier at HTML5 Conference 2013/11/30

Published in: Technology
  • Be the first to comment

The Mobile Frontier at HTML5 Conference 2013/11/30

  1. 1. 5C-モバイルフロンティア フロントエンドエンジニアと デザイナーのための モバイルユーザーエクスペリエンス 安藤幸央・佐藤伸哉・清水かほる・野澤紘子・羽山祥樹・脇阪善則
  2. 2. 1章 いかりを上げる Casting Off Anchors モバイルフロンティアを探索するための準備 Preparing to Explore the Mobile Frontier Nov 30 2013 Kaoru Shimizu @HTML5 Conference
  3. 3. 過去との決別 デスクトップコンピューティングからモバイルへ
  4. 4. • 普遍的なパラダイム • 共通化されたUI規則 • 標準化された入力手法 • デザイン理論 • 学術的研究結果
  5. 5. • 普遍的なパラダイム ? • 共通化されたUI規則 • 標準化された入力手法 • デザイン理論 • 学術的研究結果
  6. 6. 2章 モバイルNUIパラダイムの登場 The Emergent Mobile NUI Paradigm GUIとNUIの境界を越えて Traversing the GUI/NUI Chasm Nov 30 2013 Kaoru Shimizu @HTML5 Conference
  7. 7. ユーザーインターフェースの進化 Past Future
  8. 8. コマンドラインインターフェース CLI (Command Line Interface) ユーザがコマンドを覚え、 テキストベースのインターフェースに打ち込む。
  9. 9. グラフィカルユーザーインターフェース GUI (Graphical User Interface) WYSIWYG(What You See Is What You Get) ユーザーにコマンドを見せて選ばせる。 フォルダやゴミ箱といったオフィスを模したメタファーを利用。
  10. 10. ナチュラルユーザーインターフェース NUI (Natural User Interface) WYDIWYG(What You Do Is What You Get) ユーザの状況に応じて、表示される情報が変化。 より直感的に、速い操作が可能。
  11. 11. ユーザーインターフェースの進化 Past Future
  12. 12. ユーザーインターフェースの進化 Now Past Future
  13. 13. 日本のスマートフォン普及率 Our Mobile Planet http://www.thinkwithgoogle.com/mobileplanet/
  14. 14. CHAPTER

×