正在爲谷歌電視設計與平板電腦不同。設計Google TV用戶界面時,需要注意什麼?谷歌電視設計UI
谷歌電視設計UI
回答
https://developers.google.com/tv/web/docs/design_for_tv
設計考慮從屏幕
電視機前的觀衆坐在相對遠離他們的屏幕
瀏覽器的距離。這個距離使得傳統的網頁難以閱讀,混亂,並且更難執行諸如導航菜單和選擇按鈕之類的基本任務。
當爲電視設計一個網頁時,可視區域應該顯示的信息總體較少,應該關注哪些應該關注的任務集合(甚至考慮自動執行所需的任務或默認選擇)。儘量保持所有內容「超過摺疊」,並在屏幕上完全可見而無需向下滾動。
網站上的字體和圖形需要更大才能考慮觀看距離。人們比起同樣大小的電腦顯示器,按比例地坐在電視機旁邊。 爲避免電視上出現雜亂的外觀,頁面元素之間的空白區應該更大。這通常稱爲空白(或填充),這是使Web內容易於辨別和導航的基本方面。 與桌面顯示器相比,寬屏顯示器具有更多可用的水平空間,因此可以更好地從側面處理導航(節省寶貴的垂直空間用於內容)或作爲疊加層。 性能與視覺吸引力
不堪重負的研究表明,用戶更喜歡快速網站 - 所以最好是平衡任何華麗的視覺吸引力與性能考慮。另外,Google TV可能無法像工作站一樣快速渲染頁面。在需要許多複雜的動畫爲您的頁面渲染之前,請測試/考慮對用戶滿意度的影響。可以在code.google.com/speed上找到簡單的前端性能改進(例如,頂部放置樣式表,底部放置腳本)。
垂直滾動
垂直滾動,而在桌面瀏覽器的基礎,可能不會像吸引人的電視UI。如果用戶不認識到屏幕外存在更多內容,滾動可能會顯得不那麼無縫,並且重要信息可能隱藏在摺疊下方。更好的方法是利用內容頁面之間的水平佈局和視覺轉換。
人機接口到瀏覽器
谷歌電視包括「遠程」,其由具有用於光標移動的指示裝置鍵盤。許多用戶將這個遙控器放在沙發上,並且可能難以準確定位光標 - 就像玩視頻遊戲的新手一樣。除了他們可能不像第一次玩遊戲者那樣耐心(他們只是想看視頻!)。儘量讓這個用戶高興。頁面上的元素應該對鼠標用戶有很大的選擇面。當用戶將鼠標放在元素上時展開表面可以讓用戶更輕鬆地在頁面上選擇正確的項目。用鼠標進行復雜或精確的移動,例如拖放操作或下拉式菜單選擇,很可能導致沮喪。
Google TV的主界面鼓勵使用遙控器上的D-pad在屏幕上進行選擇 - 用戶很可能會在網絡上保持這種習慣。網頁應該允許D-pad上的每個主要活動都可以參與:通過可用操作,滾動選項,選擇項目等。在使用D-pad進行導航時,清晰地突出顯示活動項目,並在視覺和物理邏輯之間進行項目之間的定向移動。
多轉到鏈接....
如果您正在爲谷歌電視的Android應用程序,請也跟着這些文檔:
您也可以在「Google TV應用的UI提示」中找到此屏幕錄像:
5 UI tips for Google TV apps
- 1. MP4在谷歌電視玩模擬器,但不會谷歌電視設備
- 2. 谷歌電視模擬器掛在谷歌電視標誌
- 3. 谷歌電視HTML5模板
- 4. 谷歌電視流Protocls Android
- 5. 谷歌電視使用softkeyboard
- 6. 谷歌電視的問題
- 7. 谷歌電視+ SIP/VOIP(android.software.sip)
- 8. 分辨率谷歌電視
- 9. .M3U8視頻流谷歌電視
- 10. 設計和谷歌oauth。 (ror3)
- 11. 谷歌電視:支持Android設備0設備
- 12. 計算在谷歌電子表格
- 13. 谷歌計算電子郵件轉發
- 14. 谷歌電視支持C2DM嗎?
- 15. 不能安裝谷歌電視SDK
- 16. 谷歌電視附加提供Android 4.2.2
- 17. 谷歌電視頻道提供
- 18. 谷歌電視無法控制音量
- 19. Linux; U; Android 4.1.1谷歌電視
- 20. 定製吐司爲谷歌電視
- 21. 應用程序對於谷歌電視
- 22. 谷歌電視VideoView「未能發揮」
- 23. Android谷歌電視搜索按鈕
- 24. android谷歌電視actionbar onfocus事件
- 25. 谷歌電視模擬器問題?
- 26. 谷歌電視鉻報告GMT
- 27. 懸停狀態與谷歌電視Dpad
- 28. 谷歌電視網站,停止屏保
- 29. 谷歌電視機定製屏保
- 30. 在谷歌電視模擬器中配置網絡設置
缺少觸摸屏大聲笑 –