Google Tvのデザインはタブレットとは異なります。 Google TVのUIを設計する際には、何を考慮する必要がありますか。Google TVデザインのUI
答えて
https://developers.google.com/tv/web/docs/design_for_tv
設計上の考慮事項
テレビ視聴者が自分の画面から比較的離れて座って画面から
ビューアの距離。この距離によって、伝統的なWebページは、メニューのナビゲートやボタンの選択といった基本的な作業を行うのが難しく、混乱し、難しくなります。
テレビ用のWebページをデザインするときは、表示可能な領域の全体的な情報が少なくてすみます。限定されたタスクに焦点を当てる必要があります。すべてのコンテンツをスクロールせずに画面に表示し、完全に表示できるようにしてください。
サイトのフォントとグラフィックは、表示距離を考慮して大きくする必要があります。人々は同じサイズのコンピュータモニタよりも比例してテレビから離れて座っています。 テレビの表示が乱れるのを防ぐには、ページ上の要素間の空白を大きくする必要があります。これは通常、空白(またはパディング)と呼ばれ、Webコンテンツを識別してナビゲートすることを容易にするための基本的な側面です。 ワイドスクリーンディスプレイは、デスクトップモニタよりも使用可能な水平方向の不動産の方が優れているため、ナビゲーションが側面からより効果的に処理されます(コンテンツの垂直方向のスペースを節約する)か、オーバーレイとして扱いやすくなります。 パフォーマンスと視覚的アピール
ユーザーが高速なサイトを好むことが圧倒的に示されています。そのため、視覚的な魅力とパフォーマンスの考慮事項とのバランスをとることがベストです。また、Google TVはワークステーションと同じくらい速くページをレンダリングできないことがあります。ページをレンダリングするために複雑なアニメーションをたくさん要求する前に、ユーザーの満足度への影響をテスト/検討してください。 code.google.com/speedでは、フロントエンドのパフォーマンスの改善(上部にスタイルシートを配置し、下部にスクリプトを配置するなど)を簡単に行うことができます。スクロール
垂直スクロール
縦長、デスクトップブラウザ上の基本的な一方で、テレビのUIに魅力としてではないかもしれません。スクロールはシームレスではないように見えることがあり、ユーザーがオフスクリーン上に多くのコンテンツが存在することを認識しなければ、重要な情報が表示されないことがあります。より良いアプローチは、コンテンツのページ間で水平レイアウトとビジュアルトランジションを使用することです。ブラウザへ
ヒューマンインタフェース
グーグルTVは、カーソルの動きのためのポインティングデバイスとキーボードから構成されている「リモート」を含みます。多くのユーザーはソファにこのリモコンを持ち、ビデオゲームをしている初心者のようにカーソルの正確な位置を決めるのが難しいかもしれません。ただし、初心者のゲーマーほど忍耐強くない場合があります(ビデオを見たいだけです)。このユーザーを幸せにしてください。ページ上の要素には、マウス・ユーザー用の大きな選択サーフェスが必要です。ユーザーが要素の上にマウスを置いたときにサーフェスを拡大すると、ユーザーがページ上の適切な項目を選択しやすくなります。ドラッグ・アンド・ドロップ操作やドロップダウン・メニュー選択など、マウスを使用した複雑で正確な動きは、不満を引き起こす可能性が高くなります。
Google TVのメインインターフェイスでは、リモコンのDパッドを使用して画面上で選択することが推奨されています。ユーザーはウェブ上でもこの習慣を維持する可能性があります。 Webページでは、利用可能なアクションの移動、オプションのスクロール、アイテムの選択など、D-padからのすべての主要なアクティビティをDパッドから操作できるようにする必要があります。Dパッドでナビゲートするときは、アクティブな項目をはっきりと強調表示し、視覚的および物理的に論理的な項目間の方向移動を行います。
多くのgotoリンク....
は、Google TVのAndroidアプリを開発している場合、また、これらのドキュメントに従ってください。
「Google TVアプリのUIヒント」に関するこのスクリーンキャストが役立つかもしれません:
5 UI tips for Google TV apps
- 1. ブリッジネットワークモードのGoogle TVエミュレータ
- 2. Google TVのWebViewフォーカス
- 3. Google TVエミュレータとGoogle TVのリモートアプリを接続する方法
- 4. テーブルのUIデザイン
- 5. onListItemClickとonItemLongClick Google TV
- 6. Google Tv + SIP/VOIP(android.software.sip)
- 7. Google TVのサーバー側のサポート
- 8. Google TVのエミュレータAVDシステムイメージは
- 9. UIデザイン - ポップアップ
- 10. Android UIデザイン
- 11. ListViewエディターのUIデザイン
- 12. Android:カレンダーのUIデザイン
- 13. C++コマンドラインプログラムのデザインUI?
- 14. AndroidアプリのUIデザイン
- 15. タブAndroidのデザインUIパターン
- 16. Google Tvアプリをテストするための最高のスマートTv
- 17. J2ME UI画面デザイン
- 18. Windows 8.1ユニバーサルアプリ - デザインUI
- 19. AndroidデザインUIエレメントPSD
- 20. slideUp関連のUIデザイン
- 21. windows 10モバイルデバイスのUWP UIデザイン
- 22. コマンドボタンの位置 - UIデザイン
- 23. Android UIデザインの提案
- 24. Silverlight 4/VS2010のクイックUIデザイン
- 25. AndroidアプリのUIデザイン - ハングマン
- 26. Google TV jQueryライブラリのスタンドアロンビデオコントロールの例?
- 27. Google TVでのアンドロイドリモコンの動作方法
- 28. Google TVとHoneycombタブレット用のスタイル
- 29. Android Appを「Sony Internet TV」(Google TV)の市場に登場させる
- 30. Google TVペアリングプロトコル - Go(golang)によるSSLハンドシェイクエラー
タッチスクリーンの欠如LOL –