第31回WebSig会議【セッション2】 タブレットが与える影響について考える
•
3 gefällt mir•2,034 views
2012年12月1日（土）第31回WebSig会議「創り手が意識すべきタブレット，ユーザが使い始めるタブレット」【セッション2】タブレットが与える影響について考える～石橋秀仁（ゼロベース株式会社代表取締役社長／ウェブ・アーキテクト） http://websig247.jp/meeting/31/000254.html
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie 第31回WebSig会議【セッション2】 タブレットが与える影響について考える
Ähnlich wie 第31回WebSig会議【セッション2】 タブレットが与える影響について考える (20)
Mehr von Hideto Ishibashi
Mehr von Hideto Ishibashi (7)
第31回WebSig会議【セッション2】 タブレットが与える影響について考える
- 2. 概要 → • ユーザーインターフェイスの進化 • アーキテクチャの進化 • デバイスの多様化 • デバイスフリー化（コンテンツ／サービス） • アビリティ
- 3. UIの進化 • CUI • GUI • NUI 「UIの進化」を考えるための３つのキーワード
- 4. CUI Character User Interface コンソール、俗に「黒い画面」。キャラクター＝文字。
- 5. CLI Command Line Interface MacのTerminal。GUI OS内のCUI。CUIを別名CLIとも言う。
- 6. GUI Graphical User Interface グラフィカル＝視覚的
- 7. NUI Natural User Interface Wii、Kinnect、iPhone。CUI＝文字のみ。GUI=視覚的。NUI＝より自然。「自然」とは何か？掘り下 げると深いので保留。
- 8. iPad 2010- 今日のテーマ「タブレット」
- 9. UIの進化 • CUI • GUI • NUI ３つのキーワードを説明してきたので、ようやく「UIの進化」
- 10. UIの進化 CUI GUI NUI ? 透明化 透明：道具が意識にのぼらない。道具を用いる対象のみが意識されている。
- 13. UIの進化 CUI GUI NUI ? 透明化 ポイント：UIの透明化にはマシンパワーが必要。
- 14. 概要 • ユーザーインターフェイスの進化 → • アーキテクチャの進化 • デバイスの多様化 • デバイスフリー化（コンテンツ／サービス） • アビリティ
- 15. アーキテクチャの進化 コンソール クライアント ブラウザ アプリ メイン ウェブ サーバー クラウド フレーム サーバー コンピューターの歴史。リモート／ローカルのマシンパワー。
- 16. 共進化 ユーザー アーキテクチャ インタフェーイス UIが進化→UI処理負荷が重く→デバイスへの要求が高まる→性能向上→高まったデバイス能力を使っ た、さらに自然なUI →リモート（ロジック）とローカル（UI）の役割分担
- 17. アーキテクチャの進化 コンソール クライアント ブラウザ アプリ UI ロジック メイン ウェブ サーバー クラウド フレーム サーバー ローカルはUI処理。裏側のロジックをリモートに任せる。例えばAPI叩くだけのスマホアプリ。スマー トデバイスのUIをどんどんリッチにしよう。そのためのマシンパワーはある。
- 19. 概要 • ユーザーインターフェイスの進化 • アーキテクチャの進化 → • デバイスの多様化 • デバイスフリー化（コンテンツ／サービス） • アビリティ
- 20. スマートデバイス
- 21. スマートデバイス • 携帯性 • タッチ操作 • アプリ（プログラマブル） • 周辺機器（Wi-Fi, Bluetooth, イヤホンジャック）
- 22. イヤホンジャック Square register イヤホンジャックに差すと、iPhoneがクレジットカード決済端末に。
- 24. イヤホンジャック スマートフォンの為のお手軽センサーネットワーク（案） by Naoji Taniguchi （谷口直嗣） on Aug 30, 2012 イヤホンジャックを使って各種センサーを拡張 → 発想次第で無限の可能性
- 25. スマートデバイス +α すでにある「何か」をつなぐ発想 → 独自のHWとアプリを一緒に開発する発想へ。すでに技術は 安価になった。クラウドファンディングもある。デバイスを「＋α」で考えてみよう。
- 26. タブレットを活かす • ミクロ発想：タブレットから • マクロ発想：エコシステムから • ユーザー中心発想（UX指向） ミクロ：タブレットの機能や特徴から考える。マクロ：多様なデバイスのエコシステムから考える。ク ロスチャンネル。タブレットで何でもかんでもやらなくていい。モノではなくユーザーから考える。 「タブレット」をほかのデバイスに入れ替えても同様。
- 28. 概要 • ユーザーインターフェイスの進化 • アーキテクチャの進化 • デバイスの多様化 → • デバイスフリー化（コンテンツ／サービス） • アビリティ
- 29. デバイスフリー化 （コンテンツ／サービス） • マークアップ：HTML5 / RWD / PE • セマンティクス：Web標準 / XML • オブジェクトモデリング：UML / DDD • API連携：JSON / REST / SOA • ID連携：OpenID / OAuth デバイスフリー化を進めるためには裏側の技術が大事。RWDはレスポンシブウェブデザイン。PEはプ ログレッシブ・エンハンスメント。DDDはドメイン駆動設計。IAには馴染みのない言葉もありそう。
- 30. IA & ITA Information Architect IT Architect Technlogy の T の違い。よいアーキテクチャを実現するためには協業が欠かせない。
- 31. IA ITA 互いの歩み寄りで共通言語を。IAはUMLを。ITAもワイヤフレームやサイトマップを。
- 32. 概要 • ユーザーインターフェイスの進化 • アーキテクチャの進化 • デバイスの多様化 • デバイスフリー化（コンテンツ／サービス） → • アビリティ
- 33. アビリティ • ユーザビリティ • アクセシビリティ • リーダビリティ • ファインダビリティ • ＊＊＊＊ビリティ 総称、アビリティ ：できなかったことが、できるようになること。Webのアビリティを高める→ユー ザーのアビリティが高まる。
- 34. アビリティ予算の獲得 • デバイスフリー化 • 未知のハードウェア • クロスチャネル化 • プラットフォーム化 • オープンイノベーション アビリティの推進は現場の良心（職業倫理）だけでは足りない。クライアントが求めなくても、やる べきことをやるには？→ビジネスメリットを示して予算を獲得。IAとITAの協力で推進。
- 35. デバイスフリー化 HTML 4.01 書かれたのは 1999 年。13年前。いまでも読める。 未知のハードウェアに対応してい る。 デバイスフリー。→プログレッシブ・エンハンスメント。
- 39. アビリティ予算の獲得 • デバイスフリー化 • 未知のハードウェア • クロスチャネル化 • プラットフォーム化 • オープンイノベーション タブレットという新たなデバイスの登場を契機に、アビリティを推進しよう。
- 40. アビリティ • ユーザビリティ • アクセシビリティ • リーダビリティ • ファインダビリティ • ＊＊＊＊ビリティ Webのアビリティを高める→ユーザーのアビリティが高まる。
- 41. 概要 • ユーザーインターフェイスの進化 • アーキテクチャの進化 • デバイスの多様化 • デバイスフリー化（コンテンツ／サービス） • アビリティ おさらい。タブレットをコンピューティングの進化の歴史的文脈に位置づけた。次に、スマートデバ イスの新たな可能性を考察した。最後に、デバイスフリー化と、アビリティ向上について考えた。以 上。