关键词：互动电视；界面设计；布局设计
1研究背景
互动电视又称交互电视，是基于数字电视和交互技术的新一代电视产品。在“三网融合”、“互联网+”的推动下，互动电视得到了飞速地发展。随着互动电视的智能化程度越来越高，互动电视提供的服务越来越多元化、个性化，用户操作也随之越来越复杂。
随着新媒体技术的运用，传统的界面布局设计已不再满足用户的要求，具有观赏性的、智能化的交互界面布局相对传统交互界面布局的设计要求更全面，也体现出当代以人为本、互联互通的新设计观念[1]。随着人们文化水平不断提升，物质需求不断提高，互动电视交互界面的布局设计不但需要达到实用可靠，更需要让用户感到舒适和安全[2]。
互动电视交互界面的扁平化设计更多的在模仿网页、软件等界面的设计方法，少有从互动电视操作、收视人群等角度出发作出针对性地设计[3]。所以针对互动电视界面的布局设计有助于互动电视界面的创新和发展。
2研究目的和意义
研究互动电视观众的操作行为与界面布局设计之间的联系，结合学科理论，对互动电视界面基本的设计元素进行研究和分析，同时也从理论与实际相结合的角度对界面布局设计方法进行归纳与总结。以设计出满足家庭大众需求的多样化影音娱乐多媒体终端界面布局，拥有优质的交互体验与视觉体验为设计目的。
通过研究各类软件界面布局、网页界面布局设计，其他现有的交互电视界面布局设计，结合互动电视用户的心理、情感需求等要素，以及用户操作方式和习惯，总结出互动电视界面布局设计的相关规律，更加适合在电视终端呈现的，适合互动电视操作的互动电视界面布局设计，为用户提供更加优质的服务。
3互动电视界面布局设计存在的设计痛点
3.1难以操作的布局
电视的主要作用是通过视觉和听觉传递给观众所需信息。用户需要在有效时间内更快更直接地获取对自己有价值的信息[3]。受硬件条件的限制，互动电视的操作主要依靠遥控器，对节目选取主要依靠遥控器上“上下左右”四个方向键和“确定”“退出”按键，操作方便程度远不如电脑的键盘鼠标，更不如智能手机的触控屏。电视界面的布局设计应尽量适应遥控器的操作需求。不合理的布局设计会给用户带来极差的操作体验，甚至是挫败感。
图3.1为某品牌互动电视生活版块交互界面。图中栏目标签的排列不规整，用户使用遥控器进行栏目选择时，很难将光标准确地定位到自己需要的栏目上，极易造成错误操作。
图3.1某品牌互动电视交互界面（图片来源于网络）
3.2有限的屏幕空间
电视机屏幕由于尺寸的限制，怎样合理地利用、开发屏幕隐形空间就显得十分重要。
在对手机、平板电脑等智能终端交互界面的布局设计中，通常使用多种形态的引导形式来为界面添加交互途径，使整体界面得到无形地拓展，这种引导形式不仅可以运用到独立功能模块中，还可以对控件进行延伸[4]。
图3.2某电视平台的游戏版块界面（图片来源于网络）
图3.2为某电视平台的游戏版块界面，该界面的布局形式让整体视觉感受更加扁平，但视觉中心的宣传位过大导致其给用户的视觉冲击过强，干扰用户的交互体验。因此，在实际的电视界面布局设计中应避免版面广告篇幅过大，或某一内容所占比例过高，给用户带来的不舒适的操作体验。
4互动电视布局设计的设计策略
4.1网格化的布局设计
网格化布局设计有利于用户理解设计，更符合用户的交互习惯，方便用户翻阅页面，查找自己所需节目，减少错误操作、重复操作。编辑在策划节目时，网格化的布局设计更容易突出重要节目。
网格化布局设计去除了边框，用色块对界面进行分割，每一个网格块既可以独立展示一条节目，也可以多块网格合并展示一条节目，这使编辑在策划节目时，更容易突出重要节目。设计师可以根据界面设计需要，节目策划需要，更加轻松快捷高效地任意调整每一个网格的大小、位置，使得节目展示更加灵活，视觉效果更加多变，在向观众有效传递信息时，不但可以防止用户觉得界面设计过于冰冷，出现审美疲劳，还可以使用户轻松理解设计，不易出现“迷航”。
图4.1某互动电视平台界面（图片来源于某互动电视平台）
图4.1为某互动电视平台的电视界面，该界面采用了网格布局，非常适用于遥控器的操作，减少观众的使用障碍。这种界面可根据策划推荐节目的重要程度，对网格进行任意组合、分布、调整，还可结合大数据，分析用户点播习惯和喜好，在网格中向用户推荐迎合用户点播习惯的节目。
4.2平铺式的界面布局设计
平铺式的互动电视界面布局设计使得页面看起来更加规整，具有很强的条理性，节目图标和文字标题一一对应。这样的布局设计非常适合内容信息较多的页面，便于用户快速查看并选取自己所需要的节目。
图4.2为某互动电视平台的节目列表界面。该界面采用了平铺式的界面布局设计，节目呈现整齐清晰，用户查看节目一目了然。
图4.2某互动电视平台界面（图片来源于某互动电视平台）
4.3隐形空间的开发和利用
互动电视操作受遥控器的限制，无法像手机触摸屏一样任意点击或滑动，主要依靠方向键使光标移动或对界面进行翻阅。借鉴手机界面、电脑软件界面常用的下拉框、卷展栏等设计方法，在网格布局设计界面中引入标签元素和卷展栏，可以使分类展示更加清晰直观，隐形空间的开发利用更加合理。
图4.3某互动电视平台界面（图片来源于某互动电视平台）
图4.3为某互动电视平台的电视界面在网格布局的基础上，使用标签将栏目进行分类，并在界面左侧使用了卷展拓展的下一级界面。该方式能更加有效且合理地传递所要传达的内容。
4.4布局层次对视觉流程的引导
人们目光在电视界面中的移动往往与阅读习惯相似，即从左往右、从上到下、从中间向四周[5]。编辑在进行节目编排策划时，可以依照观众这种视觉习惯对节目进行推荐：新更新的节目排在靠前的位置，观众根据界面中节目的排序就可以知道节目更新的顺序，准确找到最新的内容；重要的节目置顶推荐或设置在界面中间的推荐位，观众在进入界面时，能够第一时间注意到重点推荐的节目。
在互动电视界面中，引导视觉流程的方法通常不会单独使用，而是多种方式合在一起，形成更加强有力的视觉吸引力。如图4.4为某互动电视平台电影版块，进入界面后，蓝色的选取框停留在界面偏左侧最大的一块电影海报的图像上，图像上用加粗的黑体字显示影片名称，同时图像会自动切换海报（因界面为截图，故无法体现动态效果），以引导观众首先将视线停留在此处。
互动电视界面布局的视觉流程与传统的界面设计相比，更加重视界面的功能性。界面布局中视觉层次的设计应该与观众对互动电视的功能需求相对应，以此为观众提供简单易用的操作体验和醒目清晰的视觉流程。
图4.4某互动电视平台电影版块（图片来源于某互动电视平台）
5总结
互动电视交互的主要方式是遥控器，所以互动电视界面布局设计要便于遥控的操作，才能给用户带来好的交互体验。通过研究互动电视界面布局设计发现，比较工整的左右结构或上下结构的版式和网格化的布局，能够为用户提供便捷、舒适的操作和合理的视觉流程，同时可以使编辑的策划更加灵活多变。
参考文献：
[1]黄涛.扁平化界面设计的符号学研究[D].西南交通大学,2017.
[2]顾炎辉,石莹.手机人机交互界面设计趋势探究[J].淮阴工学院学报,2010(1):54-57.
[3]王飞,鞠宏.中国广电有线网络技术年度发展报告(2018)[D].第27届中国数字广播电视与网络发展论文集,2019.
[4]任美琪,谢庆森.手机交互界面中图标的隐喻设计研究[J].包装工程,2014(4):29-31.
[5]常明,倪德强.基于多屏互动的数字电视交互界面设计的思考[J].信息与电脑(理论版),2018(16):129-130.
[6]蒋志东.浅析扁平化设计理念在UI设计中的应用与发展[D].天津科技大学,2017.
作者：梁霄翀
