デザイナーズハック 008 定例mtg テレビuiの研究
DESCRIPTION
2013年5月23日 デザイナーズハック008定例MTG での資料TRANSCRIPT
![Page 1: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/1.jpg)
008 定例MTG 2013.5.23@Mozilla Japan
![Page 2: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/2.jpg)
デザイナーズハックとは?
•「技術にしばられないでデザインを考えていく」コミュニティ
•月1回の定例MTGと年に数回のデザイン中心ハッカソンなど
![Page 3: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/3.jpg)
今日の予定
• 19:00 スタート、先週のおさらいと今日のこと• 19:30 ディスカッション開始• 20:30 発表• 21:00 終了~交流しよう• 22:00 撤収
![Page 4: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/4.jpg)
秋葉ちひろ - Chihiro Akiba -
• 株式会社ツクロア• デザイン(設計・ビジュアル)• Web・アプリ• 執筆・講演など
![Page 5: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/5.jpg)
先月のおさらい
•チップにFirefox OSを載せて、Firefox TVをつくってみよう!
• (つまり)HTMLベースでテレビUIを作ってみない?
![Page 6: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/6.jpg)
![Page 7: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/7.jpg)
•テレビの在り方(そもそもどんなときに見るのか)•何を提供するのか(テレビ番組がいちばん優先なのか、インターネットコンテンツが優先なのか)
•リモコンでの心地良い操作とは?•などなど…
![Page 8: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/8.jpg)
テレビの考え方
•テレビなのか大きなモニターなのか•一方的に放送されているものを見るのか見たいものを自分で選んで見るのか
何を見るのか?
![Page 9: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/9.jpg)
テレビの考え方
一方的な放送 見たいもの
• 時間の制約がある• 番組の制約がある
• いつでも好きなときに好きなものを見れる
選ぶという行為
![Page 10: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/10.jpg)
選ぶという行為
テレビで選ぶ 手元で選ぶ
• 大画面を操作するリモコンとUIが必要
• 手元で選び、転送して映し出す
![Page 11: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/11.jpg)
テレビで選ぶ
• 大画面を操作するリモコンとUIが必要
![Page 12: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/12.jpg)
![Page 13: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/13.jpg)
選ぶという行為
テレビで選ぶ 手元で選ぶ
• 大画面を操作するリモコンとUIが必要
• 手元で選び、転送して映し出す
![Page 14: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/14.jpg)
手元で選ぶ
• 手元で選び、転送して映し出す
![Page 15: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/15.jpg)
![Page 16: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/16.jpg)
![Page 17: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/17.jpg)
![Page 18: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/18.jpg)
![Page 19: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/19.jpg)
http://youtube.com/tv
もしくは
![Page 20: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/20.jpg)
![Page 22: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/22.jpg)
![Page 24: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/24.jpg)
![Page 26: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/26.jpg)
![Page 27: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/27.jpg)
![Page 28: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/28.jpg)
![Page 30: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/30.jpg)
![Page 31: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/31.jpg)
1
1
2
![Page 32: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/32.jpg)
![Page 33: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/33.jpg)
カラオケみたい!
キューがたのしい!
![Page 34: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/34.jpg)
MiracastMiracast(ミラキャスト)とはWi-Fi Allianceによって策定された、1対1の無線通信によるディス
プレイ伝送技術である。
AppleのAirPlayのミラーリングに代わるオープン
な代替技術と銘打たれた。http://ja.wikipedia.org/wiki/Miracast
![Page 35: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/35.jpg)
Miracast
1対1 ミラーリング
![Page 36: デザイナーズハック 008 定例MTG テレビUIの研究](https://reader034.vdocuments.mx/reader034/viewer/2022042607/5565fd50d8b42aa6628b45d0/html5/thumbnails/36.jpg)
一方的な放送 見たいもの
• 時間の制約がある• 番組の制約がある
• いつでも好きなときに好きなものを見れる
テレビで選ぶ 手元で選ぶ
• 大画面を操作するリモコンとUIが必要
• 手元で選び、転送して映し出す