Google TV设计UI

Question

是为谷歌电视设计的，不同于平板电脑。在为Google TV设计UI时，我需要注意什么。

Answer 1

https://developers.google.com/tv/web/docs/design_for_tv

设计注意事项

观众与屏幕的距离

电视观众坐在离屏幕相对较远的地方。这种距离使得传统的网页更难阅读，混乱，更难执行基本任务，如导航菜单和选择按钮。

在为电视设计网页时，可视区域应该显示较少的总体信息，并且应该将重点放在有限的任务集上(甚至可以考虑自动执行所需的任务或默认选择)。尽量保持所有内容“在折叠之上”，并且在不向下滚动的情况下在屏幕上完全可见。

网站上的字体和图形需要更大，以考虑到观看距离。与同尺寸的电脑显示器相比，人们坐在电视机前的距离是成比例的。为了避免电视上出现杂乱的外观，页面上元素之间的空白空间应该更大。这通常被称为空白(或填充)，这是使web内容易于识别和导航的一个基本方面。与桌面显示器相比，宽屏幕显示器具有更多可用的水平空间，因此从侧面(为内容保留宝贵的垂直空间)或作为覆盖处理导航更好。性能与视觉吸引力

大量研究表明，用户更喜欢速度快的网站--因此，最好在任何华而不实的视觉吸引力和性能考虑之间取得平衡。此外，Google TV可能无法像您的工作站那样快速地呈现页面。在需要许多复杂的动画来呈现您的页面之前，测试/考虑对用户满意度的影响。简单的前端性能改进(例如，在顶部放置样式表，在底部放置脚本)可以在code.google.com/speed上找到。

垂直滚动

垂直滚动虽然在桌面浏览器上很基本，但在电视用户界面上可能不那么吸引人。滚动可能看起来不那么无缝，如果用户没有意识到屏幕外存在更多内容，重要信息可能会隐藏在折叠之下。一种更好的方法是利用内容页面之间的水平布局和视觉过渡。

浏览器的人性化界面

谷歌电视包括一个“遥控器”，该遥控器由一个带有指针设备的键盘组成，用于移动光标。许多用户会把这个遥控器放在沙发上，可能难以精确定位光标--就像玩电子游戏的新手一样。除了他们可能不像第一次玩游戏的人那样耐心(他们只想看视频！)。试着让这个用户满意。页面上的元素应该为鼠标用户提供较大的选择表面。当用户将鼠标移到元素上时，扩展表面使用户更容易在页面上选择正确的项目。使用鼠标进行复杂或精确的移动，例如拖放操作或下拉菜单选择，很可能会导致挫折感。

Google TV的主界面鼓励使用遥控器上的D-pad在屏幕上进行选择--用户很可能会保持这一习惯，即使在网络上也是如此。网页应允许其上的每一项主要活动从D-pad进行:在可用操作之间移动、在选项之间滚动、选择项目等。当使用D-pad导航时，清晰地突出显示活动项目，并在视觉上和物理上逻辑地在项目之间进行定向移动。

和更多的goto链接...

Answer 2

如果您正在为Google TV开发Android应用程序，请同时遵循以下文档：

1. Designing UI for Google TV apps
2. Developing UI for Google TV apps

你可能也会发现这个关于“Google TV应用程序的UI提示”的截屏视频很有用：

5 UI tips for Google TV apps