OPPO TV ColorOS 1.0 设计总结

目录

1. 前言

2. 我们想要做什么？

2.1 产品营收模式的考虑

3. 调研

3.1 调研计划

3.2 调研发现

4. 概念方案及决策

4.1 方案完善

5. 项目开发

6. 定义设计规范

7. 总结

8. 写在最后的话

1. 前言

从0-1的项目，我们需要考虑想要的是什么，做成什么样子、做到什么程度，怎么样去做才能达到想要的效果。就像给你一张白纸，纸上最终呈现的作品都是由你一笔一画去勾勒出来的。

而从1到1.几的产品往往本身有基础，就像白纸上要呈现的东西已经画好了，但还可以再完美一些。这种项目会根据用户反馈去做一些改进，提升用户体验的点；或根据当前的技术发展和需求去做一些创新功能；或补足之前因为时间或技术限制等问题没有做的重要功能。

2. 我们想要做什么？

当时我们最清晰地目标就是要做国内版的OPPO TV，但是要做成什么样子，其实是模糊的，心里是没太多概念，所以我们第一步就是思考未来产品想要的样子。

但做硬件产品配套的软件和单纯地做应用是不一样的，对于一个硬件产品来说，他的软件更多的是服务于硬件本身，为硬件做能力加持，为硬件加分。

2.1 产品营收模式的考虑

电视作为一个智能硬件，是作为硬件厂商卖硬件挣钱，还是和国内的互联网企业一样，硬件不挣钱，走量等用户起来后靠服务挣钱，这些都是要想清楚的。

目前智能电视主要分为两派，一是靠硬件挣钱，早先的制造业如传统的家电他们一般是以硬件利润来挣钱，目前的像三星电视还是如此，而后来的以小米为代表的互联网电视，他们走的就是硬件利润非常少，先以价格低占领市场份额，然后通过后期的软件服务挣钱的道路。

而作为一个设计师也是需要考虑产品整体的营收策略，然后决定OS的走向。

3. 调研（时间201905）

3.1 调研计划

首先是制定调研计划，其中包括调研目的、调研方法、时间、人员、地点、确定调研对象、调研内容制定、调研报告的输出要求及时间点。

目的：通过对国内外主流品牌电视软件进行研究，分析其系统特点、设计亮点和主要功能特点，了解国内外电视的现状以及未来发展趋势，给后期的设计提供设计依据和灵感。

调研对象：经过近几年的发展，国内已经形成5+1的智能电视格局，即海信、TCL、创维、长虹、康佳加上一个互联网电视品牌小米。并且根据2018年智能电视市场占有率情况，决定选取海信、TCL、创维、康佳、小米作为调研对象。海外主要选取了Apple TV、Google的电视Android TV、三星等电视。

调研内容：分析系统的结构和特点、统计和分析重点功能、信息架构、卡片设计分析、体检细节、优势及亮点、设计缘由、资源来源及运营规则。

调研报告：报告包括调研计划、现状和趋势、调研对象、功能统计、重要功能分析、资源及运营、总结。

3.2 调研发现

3.2.1 海内外品牌系统架构大不同

海外：系统切分成很多功能模块，每个功能模块组成一个应用，系统由很多应用组成。各个功能的使用依赖于应用的使用，整体和手机比较像，内容主要来源于第三方公司如youtube、Netflix。平台根据用户安装的应用的不同而展示不同的内容和功能，系统和内容的关联性弱。并且除了Apple TV外，平台是不运营内容的，但Apple TV在系统中运营内容是非常轻量化的，仅在Launcher的顶部做了大片的推荐，其他影片则包装成了一个应用Apple TV+。

国内：国内电视将影片的曝光做到极致，影片贯穿在系统的各个部分，系统主要是由基础功能+点播功能+影片坑位+应用组成。对于国内电视来说，内容运营属于核心业务，在瀑布流的系统中融入大量整合过后的内容资源，内容与系统息息相关。并且各家电视都深度定制了自己的系统，提升产品体验。

3.2.2 为什么这两种系统差别如此之大？

首先是由于盈利模式不一样，对于国外的电视厂商来说，一是以卖硬件挣钱（部分内置应用也有利润），以做平台的思路在做电视，做好一个平台，内容让应用自己去运营； 

而国内的电视的套路是先走量（硬件利润非常低或者没有利润），量起来之后靠运营内容和服务盈利。瀑布流的形式可以带来大量的坑位和运营空间，当用户量达到一定的级别时，可以带来非常可观的营收。另外，国内起初的电视以及DVD都是展示内容为主并，所以对之后电视的整体设计有一定的影响。

3.2.3 国内电视Launcher的变化

几乎所有的电视系统在2017年下半年之后的逐渐从简单的左右结构转变成复杂的瀑布流方式如下图。主要原因是小米在2017年03月将原系统升级为PatchWall系统，瀑布流的方式带来了更多的运营可能性，让低利润的电视行业找到了更多的盈利方式。之后传统电视纷纷将自己的电视系统更改为瀑布流的形式（虽然这种方式会牺牲掉部分用户体验）。这种模式对用户量大的厂商来说，带来非常可观的营收。但这种布局方式对运营能力和资源有更高的要求，需要大量的资源和更多精细的运营能力来填满瀑布流中的坑位。

转变前后Launcher结构变化如下图所示：

瀑布流特点

优点

· 运营优先的设计方式，运营自由度高；

· 可以有更多的广告位，用于宣传、购买等；

· 滑不完的瀑布流，承载更多的内容；

缺点

· 焦点规则较多、操作复杂，特别是中老年用户比较难上手；

· 滑不完的瀑布流，用户容易在不停的切换中迷失；

· 需要非常多的资源支撑瀑布流坑位；

4. 概念方案及决策

设计目标

致力于打造更好用的系统，我们内部经过了多次的讨论，包括目标用户、用户痛点、产品目标，最终达成一致的设计目标：高效、易用、个性。

高效

使用电视的过程中可以快速的找到想要的内容，以最短路径找到目标内容。

易用

用户可以快速上手，符合用户习惯。

个性

不同的用户展示不同的页面，根据用户不同的喜好推荐不同的内容。

确定设计目标给出符合目标的设计方案。当然单纯的软件方面是无法决定整个产品走向的，决定做什么是需要和产品的目标、方向是保持一致的。在产品策略未定下来之前，经过多次的讨论和决策，概念设计最终给了多版的截然不同的方案，以下为主要两版：

• 以平台的思路在做产品，平台主要做集合功能和货架能力，不做内容整合，内容来源于第三方；

• 整合内容，将内容插入在Launcher中，内容贯穿整个系统，并随处可见。

图为以平台思路的方案

   

如为以运营内容为主的方案

 

对方案进行细化、琢磨和大家反复的讨论，最终我们选择了第2种方案，以瀑布流为主，内容和功能入口/应用贯穿在系统中。

原因

• 产品前期先走量，快速积累用户群体；

• 内容运营从前期开始做，培养用户习惯；

• 使用熟悉的框架模型，继承现有的用户习惯。

4.1 方案完善

4.1.1 Launcher

选定了第三种方案就意味着和国内当前的大多数的产品是一样的，所以我们要做的就是找出当前产品使用的难点、痛点并改进它。在大原则上做一些小创新，如信源、历史记录、应用在首页的位置及焦点规则等。此外电视用户使用最多的功能就是观看影片，所以点播系统是非常重要的，需要考虑影片的入口方式、详情页、播放页的交互和展示方式。

电视主流的用户类型：

• 信号源重度用户：一般家里买了其他的资源，如电视盒子、天线、闭路电视等，特别是二三四线城市，对信源的使用率还是很高的。

• 追剧用户：通常会追更，看之前未追完的电视剧，会对历史记录使用较高。

• 视频应用大会员：在会员应用你内使用的时长较长。

• 打发时间：闲暇日子里看看影片打发时间。

基于上述原因，结合设计目标高效和易用将Launcher首页设计成如下图：

高效便捷的运动路径

其中为全用户设计了高效的路线，开机进入首页之后，通过遥控器的【下】键可以快速触达频率比较高的直播、追剧（历史记录）、打开应用（视频App会员）等模块，最长步骤不超过4步，而对于打发时间消遣的用户来说，首屏右侧则是优质内容的推荐，可满足大部分用户的需求。

4.1.2 状态栏：包容可预见与不可预见

系统设计需要考虑一些问题

• 其他应用需要展示位怎么处理；

• 外接设备应该如何展示；

• 扩展位需要怎么留，使用规则是什么；

• 如果后期运营需要临时广告位怎么处理，是否预留好位置；

• 以上的这些状态会不会同时出现，同时出现时如何显示，是否有优先级。

基于以上因素，状态栏在设计上设计了4种不同的入口，包括纯信息显示区域、运营区域、扩展位、快速功能入口，以满足不同用户的需求。

整体采用固定入口+可扩展入口的方式来设计，这样既能保证结构的稳定性，又能适应后期的变化。

4.1.3 内容栏：运营空间用户和用户自由的平衡

由于运营的展示内容不一定是用户喜欢看的内容，为了方便用户在Launcher中可快速的找到自己喜欢的内容，所以设计了可调整栏目的功能。用户可以在栏目管理的页面中，将自己喜欢的栏目调节到前面，下次可以更快的找到喜欢的内容。

为了平衡商业和用户体验，设置两种栏目，分别如下：

#1 一种属性是固定无法调整的栏目，栏目字数长度可灵活配置，给了运营更多的空间；

#2 另一种是用户可自由调整的栏目，用户可把自己喜欢的栏目调整的前面，方便之后更好的找内容。

4.1.4 更易用的历史记录

历史记录放在信源下方，焦点移动两次即可到达最近一次观看的内容上，并且前置了两次播放记录，满足了大多数用户的追剧需求，如果是要找更前的记录可往右快速进入全部历史记录。

4.1.5 更快触达的应用

应用行将「全部应用」入口前置为第一个位置，设置默认焦点为第一个应用入口，而此位置是用户使用频率最高的位置，非常便捷。往后的则根据应用使用频率从高到低排列。

4.1.6 运营规则

因为瀑布流的形式决定了运营需要更精细化的运营，同时还需要大量的运营资源填充坑位，所以在设计时就需要考虑好运营的排版框架。毕竟运营不是设计，为了后续的整体页面的协调和美感，需要给出坑位排版规则规范，这样后续的运营和设计的初衷才不会冲突。这个过程我们主要是按照我们想法做出来几套规则再和运营讨论，最终达成一致的目标。

主要包括单张卡片的规则（包括海报、视频、标题、副标题、其他元素），一行卡片的排版规则（包括高度、宽度、卡片类型），行与行之间的规则协议（行数量、区域分行、行特性），特殊入口行位置规则。此外，还需要给出一些常用组合，这样方便运营新人可以直接使用。

部分规则如下：

常用卡片为6种，从横向全屏卡片到占横向1/6之一的卡片，满足了大量的运营需求的同时卡片种类尽量少。

运营时需要分区域显示影片，而且为了韵律和美感，需遵循以下原则：

#1 每个区域显示1~3行卡片；

#2 卡片从大到小排列；

#3 区域内不能包含2行横向全屏大卡片或1/2大卡片；

4.1.7  快捷的多任务窗口

对于电视的操作来说，大部分的任务切换都依赖主页来作为切换。无论在系统或应用的哪里，要去其他的应用或者模块，及时是上次刚打开，就得回到首页，然后再进入其他模块。为此我们设计了多任务窗口，方便用户快速的切换。

5. 项目开发

对于比较大型的项目，开发人员众多，而且功能模块较多。整体的文档内容会比较多而且复杂，有些开发人员只需要看到某一模块和关联模块的内容即可，不需要整份文档，也不需要参与到整份文档的评审和告知会中。所以在设计中，将交互文档按不同的功能模块和开发测试人员的不同拆分成了很多份小份的文档。对应功能的评审和文档只需要对应的产品、开发和测试参与，而他们接收到的文档只包含了当前模块和关联文档，这样可以提升评审会议的效率、节约不相关模块的产品、开发和测试的与会时间和翻阅文档的时间。

在此项目中，将整体项目拆分成如下 Launcher、频道和筛选、专题、VOD详情页、VOD播放器、我的（用户）、收银台。并且像「我的」和「收银台」有关联的内容，则会放在一起评审。

6. 定义设计规范

规范的好处就是可以让团队更好的合作和提高效率，此外还可以保持系统的一致性。

对于电视端规范来说，最重要的就是焦点运动规范。因为电视和可触摸屏的操作不同，电视主要是通过操作遥控器移动、切换焦点来达到控制电视的目的，焦点在电视上是有行走路径的。

因为焦点贯穿在整个电视的使用中，无处不在，同时又是系统共性最大的部分。规范定制便于之后的其他内置应用可按照此规范来执行，达到系统保持一致的效果。

定义规范的难点在于既要规范了整体通用的设计标准，又不能规定的太细和太死，需要给创新留足够的空间，所以平衡很重要。

在此版本的规范中定义了包括但不限于以下几点规范：焦点状态、焦点作用说明、焦点运动原则、行与行的切换规则、翻页规则、页面默认焦点规则、列表项焦点跳转规则，回到顶部、焦点记忆规则。这些规则都是根据现在的焦点规则，及用户认知和使用原则定义的。

此外，还定义了弹窗、提示规范、列表项等常用模块的规范。

7. 总结

系统设计要和产品的整体目标保持一致，需要从产品策略、用户习惯、运营策略、后期产品走向、当前主要目标等方面去考虑一个系统的方向；此外系统和其他功能模块的兼容、可扩展性也是要重点考虑的。

从0-1的项目一定要想清楚自己想要的产品是什么，产品的主要目标是什么，后期的设计需要围绕这个目标跑，忘记目标就很容易陷入困境。

8. 写在后面的话

在整个项目过程中遇到了非常多的困难，前期绞尽脑汁的方案构想的挫败、前中期方案的不断完善和查缺补漏（期间还遇疫情）、中期开发时遇到的问题和方案调整、后期测试的小异常和大bug……但想对自己和团队说感谢坚持。

虽然还有很多需要完善的地方，还需努力。

整个项目过程中非常感谢团队成员的支持和配合，一个好的项目需要大家的共同努力，在这个项目中明白了很多，也成长了很多，希望多年以后依然热爱设计，热爱生活。