互联网TV交互设计方法

俞书伟，肖金花

（中国计量学院艺术与传播学院，浙江 杭州 310018）

互联网TV交互设计方法

俞书伟，肖金花

（中国计量学院艺术与传播学院，浙江 杭州 310018）

通过对互联网电视UI交互设计的输入端和输出端的研究，分析比较了现有互联网电视产品交互系统的优缺点，从中归纳出已有产品的完整交互设计方法流程模型，再将该模型数据原型设定为基础反馈数据，建立交互反馈数据云，以数据云来驱动互联网电视的交互设计，建立数据云反馈系统的交互设计方法流程模型。最后以该方法，结合现有产品的有用性和易用性，进行方法验证，得到了良好效果，可以为互联网TV交互设计服务。

互联网电视；交互设计；界面；数据云

电视在家庭中有着特殊的地位，兼顾家庭娱乐中心与大屏内容显示中心，是家中使用时间较长的家电产品。随着宽带网络不断普及，智能互联网电视不断地在挑战传统电视的地位，互联网机顶盒的快速发展，使得传统电视也可以兼备互联网电视功能，并且逐渐发展成为互联网的新入口。互联网电视与传统电视的单一直播功能不同，它可以通过应用市场安装开源App，接入各种应用软件，扩展了直播、点播、购物、金融等功能，并且还可以载入网络游戏进行交互游戏，这些都是传统电视所不能完成的。功能优点很明确，不过缺陷也很明显，网速影响了互联网电视的各种功能性实现效率，往往容易在点播或者直播的时候出现卡顿，交互界面的交互信息不明确，操作模式比较复杂。正是这些优缺点的存在给互联网电视交互设计带来了更多机遇，原本传统电视单一的交互模式（一开机就是电视台频道）将会向多边多任务智能系统交互模式转变。

与手机终端的交互形式对比，电视终端的交互由于地点、使用场景、使用方式的不同，决定了其具体的交互设计模式不同，需要更多数据去集中解决问题。国际互联网公司微软、苹果、Google，以及国内的互联网公司乐视、天猫和小米科技等，都纷纷进军互联网电视领域，与传统的广电集团争抢家庭电视端的份额，它们通过打造自己的智能电视交互系统云产品，企图以最快的速度占领这一市场，从而不断巩固自己在这一领域的地位。面对该领域狂风暴雨般的创新，各大公司的互联网电视迫切需要解决两个关键问题，即硬件配置和软件系统的交互设计[1-10]。

硬件配置，最早是从手机端发起的，随着手机端的安卓系统开始不断普及，并且Android宣布开放电视源代码，最核心的硬件配置就变成了CPU的竞争。早期电视盒子的核心芯片是由国外公司垄断经营的，因此在该领域的竞争差别性不大。不过从2014年8月20日创维与华为共同发布采用国产芯片进行智能电视量产化之后，硬件配置的国产化已经通过自主创新基本解决。剩下的关键技术主要集中在基于An⁃droid系统的开源交互设计，现有的国内大部分盒子产品是基于Android原形的阿里云系统，该系统是阿里与华数电视合作研发的智能电视云系统，由阿里云数据支撑。该系统的交互设计类似于网页交互，页面操作复杂，从人的使用习惯的角度来说还具有很大的改进空间。

同时对于互联网电视厂商来说，电视的新交互设计系统就等于在布局新一轮的智能生态化系统，能够在新的近1 000亿的产值中分到一杯羹，打造新的智能电视生态圈。这也驱使旧的电视硬件制造商，逐渐向终端硬件厂商、电视内容提供厂商、应用交互服务提供厂商、网络平台运营商的角色转变，并且其他更加具有创新性的公司也可以借此机会进入到电视领域，重新进行行业的大整合，面对这一轮可能到来的行业洗牌，谁能率先构建起良好的互联网电视良性生态圈，谁就能占据先发优势[7]。

1 互联网电视UI交互系统研究

电视的使用环境较为特殊，一般距离在2.7～3.5m，甚至更远（见图1）。电视的显示屏面积大于多数PC，但因其操作距离远，会产生操作反应的信息量比PC要少。这导致交互设计输入与输出的系统更加集中。交互设计的输入，主要通过外接设备的信息输入与选择，主要有遥控器、智能手机、体感遥控等形式。交互设计的输出指电视信息对于操作的输入反馈，主要有同级UI焦点移动、多级UI界面移动、信息数据输入等。

图1 电视使用环境

针对互联网电视的特点以及用户的操作习惯，现阶段各类现有产品的主要输入交互方式仍然以传统产品的遥控器为主，通过遥控器来进行电视端的新产品交互。以Google TV和apple TV的输入操作遥控器为例（见图2）[6]，两款产品输入端都有类似于导航键的设计，其交互形式是以用户的使用模式反馈数据信息集中于遥控器的操作界面，通过方向键和OK键，提供返回键，避免用户低头看遥控器寻找按键而打断操作的任务流。

图2 Google TV和Apple TV的输入设备

通过输入端进入到智能电视的界面交互端，同时比较现有比较成熟产品的交互设计，主要比较Google TV、Samsung Smart TV和天猫盒子的交互界面的导航端（见表1）。

表1 各电视界面交互导航比对分析

1）Google TV的操作界面，输入端以遥控器的导航键为中心操作区，在视频交互界面上采用了左右分栏模式进行同级UI焦点移动，左边是导航，右边是一个二级内容的容器。通过左边一级内容的操作，可以在同一目录中切换多次二级目录，完成多级UI界面移动。这样的交互模式优点是单一页面上内容多，页面变换少，用户操作简便。缺点是内容不容易聚焦，容易找不到一级目录与二级目录。

2）Samsung Smart TV，输入端也是遥控器，输出端主要采用了区块式的导航结构进行多级UI与同级UI同时显示。类似现在手机使用的文件夹形式，交互形式的优点是便于信息分类，单一信息明确，缺点也是很明显的，就是缺少各个模块之间的相互联系，操作页面转换率成本高，用户识别性低。

3）天猫盒子产品已经出了两代，也是通过遥控器输入、输出端的多级UI界面导航采用了上下分层结构，吸取了网页设计中的优点，让整体的操作更加明了，优点突出，一级与二级操作关系明确，页面转换率低，缺点是操作步骤多，操作复杂，不便于老年人的操作。

2 数据云的交互设计方法

2.1 现有初步交互设计方法流程模型建立

根据之前各电视界面交互导航比对分析（表1），发现这些产品所用的交互设计方法是以操作型焦点移动方式为中心的交互设计方法。将内容的分级、对电视端的焦点移动进行设计并建立操作模型。根据焦点移动的方式来重新确定树形目录，根据树形目录来明确一级操作、二级操作、三级操作之间的关系（见图3、图4）。图4中的树形结构，z轴为链接的层数，x轴为页面包含的页面总数，纵向（y轴）称为辅助层。结构层级减少能够提高电视操作的有效性，因此，减少结构层级，从一级目录中植入关键的焦点。Google TV的导航界面就是这样做的。

图3 焦点在列表中移动方式

图4 多级树形目录

在完成树形目录之后，就能以导航键为输入端，界面交互导航为电视的焦点集中端，从界面交互导航再进入到二级目录导航，中间以UI的界面设计还原界面原形，可以得出交互设计方法流程的操作模型，如图5所示。

图5 初步交互设计方法流程模型

2.2 现有完整的电视端交互设计方法流程模型

根据初步交互设计方法流程模型可以得到大量的用户数据反馈信息，从而不断地完善界面交互端的UI交互形式，从而完整地设计电视端交互。这个方法流程模型是基于现有产品分析得出的，它的优点突出，程序清晰明确，交互关系层级清晰，然而由于用户的反馈信息往往是最难获得的，因此，该方法比较适用于产品研发的一级产品阶段，对于成熟产品，特别是未来互联网电视产品，应该有更多数据支持，通过大量的数据来完成用户研究，从用户研究中建立设计方法流程模型（见图6）。

图6 完整的电视端交互设计方法流程模型

2.3 基于数据云反馈系统的交互设计方法流程模型建立

由完整的电视端交互设计方法流程模型，发现用户数据的反馈量将直接影响交互设计的有效性，交互设计也并非纯感性工程，在原有架构（见图6）的基础上，可以构建基础反馈数据1（见图7），从不断累积反馈数据参数1，2，3，…，n，重新进行交互设计方法模型建立。将该数据云的交互模型在原有模型基础上，在每一层信息反馈中都加入数据云的信息反馈，从而直接给设计师具体的交互数据，以数据驱动设计师用来进行界面UI的交互设计（见图8）。设完整的电视端交互设计方法模型为初始云Y1，则数据云反馈系统为Y1，Y2，Y3，…，Yn。设每一次数据云反馈的信息为基准项，即每一次计算交互基础模型数据与原始模型项符合程度，设定的取值范围[0，1]，从小到大表示该项符合度的贴近度，即满足该类产品用户的需求度越高。设N为总项数，θn为第n项的权重，本案例中设置为1。Fn表示该数据对第n项目分析是否满足条件，若数据不满足此项检查则为0，设为M1，若数据满足此项检查则为1，设为M2。Wn为每一单项的取值，则可得求和权重W，以及最后的反馈系统模型精度为J。

在这个设计方法模型中，最困难的是反馈数据1的建立，以及反馈数据n的处理，因此该设计的流程模型比较适用于互联网电视界面交互端中后期的设计与设计评估，并且借助数据云，交互设计师在较短的时间内得到用户的一手信息，从而提出新的更加符合人机的交互形式，高效地完成互联网电视的界面交互设计。

图7 基于完整的电视端交互设计方法模型的基准云反馈数据模型（基础反馈数据）

图8 基于数据云反馈系统的交互设计方法模型

2.4 方法模型验证

传统交互设计方式是基于感性工程来完成交互设计的，其数据化模型建立无法以单人的形式建立。比对图9、图10，明显可以观察到经过数据化之后，各项指标可以清晰地进行数据反馈，这样可以更加理性地进行前期的树形分层以及焦点移动方式的选择，以便于为后期具体的可视化符合度进行验证。

图9 传统交互设计方式之任务栏设计（截图）

图10 数据化后交互设计模型之任务栏数据（截图）

这里以之前的案例作为分析验证进行计算，对前面的3款产品的交互设计进行评估，可将前面的公式代入分析表，并且增加该类界面产品交互设计的有用性和易用性，参考Technology Acceptance Model[10]，可以得出评估分析表（见表2），验证了该方法的有效性。

表2 各电视界面交互导航验证分析

3 结语

未来的交互设计将变得更加多样化，互联网电视的界面交互设计也将更加扁平化、数据化，不仅仅界面交互设计的输出端会进行改变，也将会在交互方式的输入端有更加多样化的方式，未来TV端的交互可能会进入到手势操作和语音控制输入导航，甚至是多屏幕相连（见图11），无论是哪一种改变，都是基于互联网带来的革新，同时由于数据云的不断积累，产生大量数据计算，会产生越来越完善的交互操作系统。因此，互联网电视由单屏交互设计的模式必然会向多屏交互设计的模式演变，以提高交互产品的有效性。

图11 TV平台新颖的交互方式（截图）

[1]严华.IPTV技术与发展探讨[J].计算机应用，2008（2）：59-61.

[2]LIN C J，HSIEH T，SHIANGW.Exploring the interface de-sign of mobile phone for the elderly[J].Human Cen-tered Design，2009（5619）：476-481.

[3] 华为发布面向超宽带的商业解决方案和策略BOOST[EB/OL].[2014-08-05].http://www.cww.net.cn/news/html/2013/4/25/2013425 620598402.htm.

[4] 乐视网联手富士康 超级电视欲颠覆传统[EB/OL].[2014-08-05].http://www.newhua.com/2013/0306/201707.shtml.

[5] IEEE802.3，Standard for information technology.part 3:（CSMA/ CD）accessmethod and physical layer specifications[S].1997.

[6] 智能电视UI设计那些事儿[EB/OL].[2014-08-05].http://cdc.ten⁃cent.com/?p=5520.

[7] 陈杲，王建秀，韩苏川.互联网电视应用生态系统探讨[J].电视技术，2014，38（4）：60-62.

[8]BOUDEC L JY，MERZ R.DCC-MAC:a decentralized MAC pro⁃tocol for 802.15.4a-like UWB mobile ad-hoc networks based on dynamic channel coding[C]//Proc.the First International Confer⁃ence on Broadband Networks.[S.l]：IEEE Press，2004：396-405.

[9] 常言说，华庆一，柏延松.D-Cjecklist:一种老年人手机设计方法[J].计算机工程与应用，2012，48（22）：99-103.

[10] DAVIS F D.Perceived usefulness，perceived ease of useand user acceptance of information technology[J].MIS Quarterly，1989，13（3）：319-340.

Internet TV Interaction Design Research

YU Shuwei，XIAO Jinhua
（Academy of Arts and Communication,China Jiliang University,Zhejiang Hangzhou 310018,China）

Through the study of inputs and outputs Internet TV UI interaction design,analysis and comparison of the advantages and disadvantages of existing interactive system Internet TV product are analyzed and compared,from the inductive method of interaction design complete process model of existing products,and then the prototype model data is set up as the basis of feedback data.Interactive feedback data cloud to cloud data is established to drive interaction design Internet TV,interactive design method to establish a process model data cloud feedback system.Finally,the method combines the usefulness and usability of existing products,and it is validated to be a interactively design service for Internet TV.

internet TV;interaction design;interface;data cloud

TN915

A

10.16280/j.videoe.2015.02.004

2014-08-22

教育部青年基金资助项目（11YJC760090）

【本文献信息】俞书伟，肖金花.互联网TV交互设计方法[J].电视技术，2015，39（2）.

俞书伟（1982—），硕士，讲师，主研信息产品设计、滚塑汽车设计管理；

肖金花（1977—），女，博士，副教授，主研工业设计、设计管理。

责任编辑：许 盈