为电视做UI设计系列教程之实战经验总结

当涉及到电视等新交互式模式的设计界面时，智能手机和平板电脑上的许多有效模式都需要重新思考如何使用大屏幕和遥控器带来的输入模式。今天的翻译采访了英国最成功的TVPlayer背后的研发和设计团队，让大师教你。

Fire TVPlayer在TV上

这项任务并没有吓到TVPlayer的开发者，这是英国在Fireer的全部 TV和Fire TV Stick上最成功的电视应用之一。

TVPlayer是Android本土流媒体应用，可以让你在Amazon和Android设备上免费观看电视直播。它掌握了英国许多收视率最高的频道。TVPlayer于2014年成为Fire。 电视的一部分同时发布，其成功一直持续到2015年和2016年。

Simplestream，TVPlayer背后的R&D和设计团队接受了创造电视优先体验的艰巨任务。

我们采访了运营总监Lewis Arthur和SimplestreamAndroid开发Michael Jordan，请与他们分享Fire 以下是他们在TV应用设计过程中的见解。

设计过程：从手机到电视

登录Fire 在TV之前，TVPlayer已经可以在Firer上了 Tablets和Android设备Amazon 在应用程序中下载。移动版本的设计师专注于可用性和内容的可达性。他们在欢迎界面采用了大胆而引人注目的图片布局，主标签上有一个滚动的现场电视频道列表。设计师决定坚持“浅色”的主题，以突出内容，并保持每个平台的主题一致。

当支持平板电脑时，设计师需要重新思考，更好地使用大屏幕。主要布局发生了变化，直接在主界面上向用户呈现了更多的内容。这是一个很好的策略，可以吸引用户的注意，并为各种相关内容提供快速的入口。

至于Fire的第一版 电视应用程序，主界面需要呈现一个新的外观。电视设计与手机平板电脑界面和用户体验设计有两个不同，这都来自于电视本身的本质：它有一个巨大的显示器，不提供触摸界面，因为所有的操作都发生在遥控器上。

第一版FirerereamSimplestream 所有大胆醒目的图片都用在TV应用的主界面上。“主页”、“直播”和“频道”标签都移到左边，字号成倍放大，让远处看起来清晰可辨。

Fire的第一版 TV应用主界面，感觉像平板一样清爽，格栅布局承载着各种主要频道。)

为Fire 电视开发简单快捷:4周内从移动终端迁移到电视

当我们询问Simplestream团队时，从移动版到第一版Fiream 他们告诉我电视应用花了多长时间。四周左右，因为Fire。 TV是基于Android的完全成熟的Android设备 LollipopFire OS 5.修订快速流畅：移动终端与电视版本的核心组件相同。保持界面与应用程序的底层结构分离，使开发人员具有足够的灵活性和快速迭代，并在几周内实现完整的电视应用程序。

Fire 电视界面创新

这个Fire TVPlayer开发者和设计师在TV应用发布一年多后，从应用数据中收集了足够的用户操作反馈，决定是时候为Fire了 电视应用程序创建了一个新的界面。其目的是使应用程序更有效率，为电视用户提供最佳的内容呈现形式，并在应用程序中添加新的功能。

新版本增加了每月订阅的应用程序内部购买——包括免费和付费内容，使应用程序更加多样化。Simplestream的设计师对竞争产品进行了深入的分析，了解了流媒体应用程序设计的当前趋势，掌握了如何设计统一的界面，甚至跨越了多个平台和设备。

选择合适的配色方案，确保应用对眼睛友好

首先，设计师决定探索Fire 电视的深色配色方案。设计上一版Fire 电视应用程序做出了决定，但进一步加深了大多数UI组件。深色主题主要是为了防止浏览内容时眼睛疲劳，从而创造更容易的用户体验。这对应用程序的启动界面尤为重要，将其改为黑色，以避免“明亮的盲人”，并避免用户的眼睛疲劳。

在设计电视应用程序时，需要仔细考虑浅色和明亮颜色的主题，因为大多数可能的使用场景发生在夜间，没有自然光，所以明亮的界面会损害用户体验，随着时间的推移，应用程序会被抛弃。通过颜色来展示这个品牌也很重要。对于TVPlayer来说，蓝色作为一种明亮的颜色，比上一个版本更有助于保持多平台的品牌一致性。蓝色表示免费内容，粉色表示付费内容。

内容翻页通过ViewPager进行

电视Player的开发者想要一个非常有表现力的界面，但他们也希望保持品牌认知度，并提供独特的用户体验。因此，他们决定不遵守标准的安卓 Leanback界面，他们建立了自己的布局和导航系统。

TVPlayer的主要布局定制了ViewPager组件。ViewPager是一种布局管理组件，可以在多页内容中轻松翻页。在TVPlayer中，通过ViewPager的自定义应用，实现了程序和频道的水平滚动翻页切换，每页包含一系列自定义视图。

内容的快速入口增强粘性

上一版创建的网格视图得到了改进，每一个都有更大的间距，垂直滚动被水平滚动所取代。同时还引入了快速内容导航:用户可以选择页面导航指示器，在页面之间快速滚动。页面导航指示器与viewpager相关，决定了当前显示的页面和下一页是什么。快速滚动意味着用户可以更快地接触到更多的内容，这有助于增强用户粘性和记忆力。

马赛克界面：内容的快速入口更加商业化

最终的结果是，马赛克界面可以快速到达各种频道。自定义安卓视图和安卓使用，使开发人员能够完全控制和整合界面中的免费和付费内容，改善通往应用程序内部购买的高级内容入口，从而创造更多的收入。TVPlayer已经从第一版完全免费的形式转变为包含付费内容的新版本。保持清洁的用户界面，将界面背后的逻辑与核心应用组件分开，使修订简单快捷，并确保快速迭代，创造优秀的用户体验，加强商业化。