【摘要】 通过相关的实例说明高清互动电视界面设计如何才能有更好的用户体验感,如何才能不让用户思考,同时需要服务于产品功能,贯穿着运营、营收的理念。
【关键词】 用户体验(UE) 用户界面(UI) UCD 信噪比 视觉流
高清机顶盒迅速普及已成为家庭电视的主流配置,各地广电运营商也积极推进高清互动电视,以求真正实现看电视到用电视甚至是玩电视的发展。广电也唯有利用交互平台开拓新的增值业务,激发出自己的潜在优势,带来的收益才是高清数字电视运营的根本保障。
高清互动电视平台将一系列符合用户需求的功能进行组合。与其说“存在就是合理”,不如说“存在就是被需要”。通过高清互动平台,电视变身成为好助手,获得最新商品打折信息,通过财经服务随时把握金融资讯,通过电视学堂进行线上课程学习,获取天气预报、汇率牌价众多信息,高清互动电视成为多业务融合平台、实现三屏合一,三网融合,一屏览尽全媒体。
这所有的一切功能实现离不开交互界面的呈现,一个良好设计的用户界面,可以大大提高使用效率,使用户从中获得乐趣,减少由于界面问题而造成用户的咨询与投诉,减轻客户服务的压力,减少售后服务的成本。因此,互动电视的用户界面设计对于广电运营商的产品和服务都极其重要。
随着网络和新技术的发展,各种新产品的交互方式越来越多,用户在使用产品过程中建立起来的纯主观感受,被称为用户体验(User Experience,简称UE)。人们越来越重视对交互的体验,当用户手拿电视遥控器,直接面对电视屏幕时,UI(即User Interface用户界面的简称)一定要满足用户躺在沙发上就有掌握和驾驭的体验感。UI设计就是指对软件的人机交互、操作逻辑、界面美观的整体设计。其中所谓的界面视觉设计又简称GUI,是Graphical User Interface的简称,即人机交互图形化用户界面设计,准确来说GUI就是屏幕产品的视觉体验和互动操作部分。如果说交互是产品的骨骼,视觉就是他美丽的外衣,让产品看起来有血有肉有性格,也使得产品能和用户产生交流互动。


我们从三个影响用户体验的因素:系统,用户和使用环境来看看高清互动电视,使用环境是客厅,用户是家庭成员,年龄性别范围较广,所有的交互操作需要通过电视遥控器在电视机屏幕上实现。可见高清互动电视的界面设计需要满足客厅文化的需求,紧紧抓住家庭用户在客厅这一情感场景的特点,做出的视觉表现要有效触动和顺畅推进互动电视内容产品和用户间的交流,客厅文化中熟悉,亲切,喜爱甚至贴心的情感都由此而建立。图1是老年版的主菜单,而图2是少儿版的主菜单,设计充分满足了人群的审美情趣,建立了很好的体验感。


为此很多的互动电视界面设计还专门有换肤功能,以不同的色调来凸显个性化,如图3所示提供了用户6种不同色调的选择。针对不同的节日时点也有应景设计之作如图4。
除此之外高清互动电视在行业中的运用,也有专业化的设计,比较典型的就是酒店。如图5的首页欢迎画面,图6的餐饮服务画面,色调采用高贵的金黄色系,功能设计上也凸显酒店业务在电视上的呈现,与客人有很好的交流互动。


高清互动电视用户界面视觉设计的三大原则是:置界面于用户的遥控器控制之下;减少用户的学习和记忆负担;保持界面的一致性。以用户为中心进行设计(UCD:user centered design),把用户的需求置于一切需求之上。互动电视与互联网站的交互体验有相同点也有不同点,我们需要充分借鉴互联网的交互设计经验,结合互动电视本身的特点,把可用性放在第一位,看到一个页面时,一目了然,明白它是什么,怎样使用——无需花费精力进行思考。正如美国作者Steve Krug在有关互联网站设计的经典著作中《don’t make me think》中提到的:不要让用户思考。
如何让用户不思考?我们梳理一下:
1.建立清楚的解决层次
对内容按主次程度来划分,信息一目了然,结构有序,条理清晰。信息主次的分布,层级,色彩,均需要做好有效分布,用户不迷惑,不迷路。重要部分突出,字体越大越粗颜色特别的,旁边留有越多空白。如图7所示遥控器指向栏目凸现亮绿色。

逻辑相关部分需要视觉上相关,用我们快速理解的方式对内容进行组织并区分优先级。值得学习参考的是平面媒体中的报纸,每天的报纸总有最大标题的新闻,占据了最宽的栏目及最突出的位置总会用突出分组嵌套的方式来发布报纸的内容。总之就是进行了编辑引导。

相近内容分成一组,放在同一标题下,采用类似的显示方式,或者全部放在一个定义明确的区域中。用户很快决定关注页面的哪些区域。如图8所示,将电视频道放在电视一栏中,并且为了方便用户选择,还按照地域再次对频道分组。图9将点播的影视内容放在左边区域中,与之对应着相应的海报。

2.精确与高效地传递信息与任务
界面的噪音是由多余的干扰信息造成的,会分散用户注意力,使用户不能把注意力集中到直接表达产品功能和行为的元素上,导致给用户带来认知压力和妨碍导航的速度和精确度。信噪比(Signal to Noise Ratio)又称为讯噪比,原义是电声学里输出信号的电压与同时输出的噪声电压的比。一般来说,信噪比越大,说明混在信号里的噪声越小,否则相反。类比到界面设计中,有效的视觉元素就是信号,而其他干扰元素,就是噪音。
不合适的字体,表义不明确的图标,不必要的装饰等等,都是界面噪音。在视觉设计中如果保持最高的信噪比来展现信息,能增强界面的可浏览性。换句话说,如果去掉这些次要的或者干扰的设计元素,并没有使功能有所影响,那强烈建议缩小这些元素的应用比例,或者直接去掉!
良好的视觉设计能用色彩和层次等语言,自然而又清晰的罗列出一条视觉的“路线”,引导用户流畅的阅读,而不用自己费力的去疏通条理,或者在密密麻麻信息的忙海中寻找未知的方向。这条指引的路线,我们称他为“视觉流”。被埋藏在一堆花哨,文字信息堆杂的背景中,典型的信噪比过低能增强用户的认知熟悉度和适应性,让用户感受到无缝而舒服的用户体验。
良好的视觉设计,能增强信息条理的清晰度。这里的清晰度有两方面的含义:清晰的视觉引导,和视觉引导元素本身的精确性。我们欣赏一下2010年UT斯达康杯首届中国(深圳)互动电视界面UI设计大赛的一组获奖作品(图10、11、12)
作者对设计的阐述是:互动电视点播界面应以广大的各年龄层次为客户群,以界面清晰明了,操作简易方便为原则,考虑到中老年人群也占客户群的一部分,界面也不可太时尚花俏亦或是过分简洁概念。为了更好的融合台湾东森的logo,画面主要运用经典又不失时尚的以灰色为主的色调,以少许的彩色为点缀。运用简单的反光,渐变等体现它的时尚和现代。

3.明显标识可以点击的地方
什么地方可以点击,还是全部不能点击,通过外观可以明确知道,遥控器不像PC的鼠标,点击区域的设计不能如网页随意,同时还要有更为明显的标示作为导航,显示当前位置(栏目),方法主要是在位置旁边放置指示器,改变文字或按钮颜色,按钮或文字反白等以示区分。如果用户不能很好确定点击哪里,或不明白当前所在位置,迫使用户去思考,那完全是在浪费每个用户有限的耐心和好感,用户扫描一下就知道按遥控器的上下左右键选择自己的所需,我这里用一个词“下意识”,用户不用思考,那这个界面设计就是友好的。

4.点击次数
用户到达目标之前点击多少次不会有挫折感?很多互联网站规定,到达任何页面需要点击的次数永远不超过指定次数(通常是3次、4次或者5次)。这其实是一个层次深度和广度相对价值的讨论,一个广度的设计每个层次分成许多类别,因为层次较少,不需要太多次数点击就能到达,一个深度的有很多层次,需要多次数的点击,信息的味道包裹的很深,就像俄罗斯套娃一样,在每个层次上考虑的类别选择较少。 值得提出的是Miller实验:由于人类大脑处理信息的能力有限,它会将复杂信息划分成块和小的单元。根据乔治A米勒(George A. Miller)的研究,人类短期记忆一般一次只能记住5-9个事物。这一事实经常被用来作为限制导航菜单选项到7个的论据;然而关于神奇的“7,加2或者减2”还是引起了激烈的讨论。因此目前还不清楚是否7±2原则能、可能或应该应用到互动电视界面设计中。但我们经常问:如何确保界面容易使用,最重要的是什么?答案很简单,既不是重要的内容要放在两次点击(按遥控器)以内,也不是采用用户的语言,而是不让我思考,就是不让用户学习。设计时将心态代换——我是目标用户,UI简洁明了=降低用户体验成本。记得腾讯内部培训材料《产品经理的视角》一文中说过腾讯产品追求的不外乎“要想自己爽,先让别人爽”。

5.设计流程
互动电视中产品的完成是由“创意+行为+外观”这几个主要的关键步骤来完成的,反映到设计里面,就是创意概念,交互设计和视觉设计。
每个步骤至关重要,有先后顺序。就像一个流水线作业,前一道工序完成与否与质量好坏,影响着后续工序的进行。前期产品的开发需要充分进行市场调研,收集用户需求。从用户的角度,而不是从产品内部体系的角度,去确定用户需求。有时候,我们甚至需要“随时随地变成用户”,从而了解用户,习惯站在用户的角度看问题。从而确定产品功能,集合满足目标用户根本需求。如果遇到失败的产品创意,或者糟糕的交互设计,即使赋予再优秀的视觉界面设计,最终也是个失败,视觉设计不能改变产品的命运。

我们要努力让视觉设计最大程度的发挥能动作用,并且也要努力不能让一个产品中只有视觉设计。界面设计服务于产品功能,但一定贯穿着运营/营收。为了扩大用户群、提高用户活跃度、寻找合适商业模式并增加收入制定产品规划,不断更新。图13是一图形化的理解,以资参考。
我们看看2010年UT斯达康杯首届中国(深圳)互动电视界面UI设计大赛中的有一个作品是如何贯穿这一理念的:如图14、15。作者这样阐述:UI控件量加大,面板都采用左右滑动的方式,以充分适应TV遥控器操控方式。这套UI设计从功能上充分考虑了节目的展示和购买等相关业务流程,专门设计销量数,购买、发起团购等按钮。并且加入了群组功能,能让用户之间互相分享自己的观看心得,间接上将节目商品宣传给其他用户,增加销量,提高企业收入。
目前,许多广电运营商都意识到界面设计在品牌的创建、客户回头率和客户满意度等方面影响很大,因此,界面设计也越来越受到重视,并得到了快速的发展。总之,未来的产品对研究和没计者提出了多方面的挑战,需要从用户的操作体验感受出发,以独特的创意构想改变以往传统意义上对电视界面的规划,以友好、优质的界面设计完美展现互动电视的优势所在。随着互动电视领域的不断发展,界面视觉设计也将发挥出更大的作用,不论在设计理念方面还是实践应用上均创造出价值。B&P

