0

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

4

2 回答 2

3

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

设计注意事项

观看者与屏幕的距离

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

在为电视设计网页时,可视区域应该显示较少的整体信息,并且应该集中在一组有限的任务上(甚至考虑自动执行他们想要的任务或默认选择)。尽量保持所有内容“首屏”并在屏幕上完全可见,而无需向下滚动。

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

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

垂直滚动

垂直滚动虽然是桌面浏览器的基本功能,但在 TV UI 上可能没有那么吸引人。如果用户没有意识到屏幕外存在更多内容,则滚动可能看起来不太流畅,并且重要信息可能会隐藏在首屏下方。更好的方法是利用内容页面之间的水平布局和视觉转换。

浏览器的人机界面

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

Google TV 的主界面鼓励使用遥控器上的方向键在屏幕上进行选择——即使在网络上,用户也可能会保持这种习惯。网页应允许其上的每个主要活动都可以通过方向键进行:移动可用操作、滚动选项、选择项目等。使用方向键导航时,清楚地突出显示活动项目,并进行定向移动项目之间的视觉和物理逻辑。

还有更多转到链接....

于 2012-05-11T08:48:48.580 回答
0

如果您正在为 Google TV 开发 Android 应用,请同时遵循以下文档:

  1. 为 Google TV 应用程序设计 UI
  2. 为 Google TV 应用程序开发 UI

您可能还会发现有关“Google TV 应用程序的 UI 提示”的截屏视频很有用:
Google TV 应用程序的 5 个 UI 提示

于 2012-05-11T18:47:05.473 回答