智能电视交互设计遇到的那些坑

从开始工作到现在也近一年的时间了,在这一年的时间也做了几个关于智能电视的项目。从开始做智能电视开始自己去搜索资料发现关于智能电视,电视行业里并没有像移动端的APP有普遍性的理论指导或者是设计规范,各家都有着自己的标准与逻辑,开始提笔写这篇文章也是对自己在智能电视工作上的些许总结。

智能电视遥控按键操作——十字型线性交互逻辑

应该大部分第一次做智能电视上的APP可能都会遇到这样一个问题——遥控器的上下左右按键选择元素冲突。

这种交互逻辑上的冲突主要源于我们对于智能手机以及智能电视的交互逻辑不一样,智能手机是采用触摸屏,界面上的元素我们都可以直接进行点击,内容可以通过手势滑动并且通过加载内容可能无限的加载下去(前提内容够多)。但是智能电视不一样,智能电视并非是触摸屏,我们无法对元素直接用手点击操作,需要通过遥控器十字交互型的逻辑从左到右,从上到下的去选择。所以很多人在初次设计过程中就会忽略遥控器的操作步骤,在产品设计中就会产生按键使用冲突,比如下图,


乐视

我们可以看到在应用里左边有四个点页面指示器,说明在该板块有四个页面,并且四个页面需要通过遥控器进行上下选择进行页面的切换,如果此时我的产品人员定义说“我们的产品可以选中最底下的五个一级页面导航”,那用户就得必须经过四个页面才能选中我们的导航,那这个流程可是有够不人性化啊。解决这个问题有两个办法一是定义该导航不可选中,各个版面的切换通过左右间操作;二是将一级导航移至内容上方,这样选中导航只需要一个步骤,而不用跋山涉水的通过好四个页面。

上面只是一个简单的例子,对于用户而言好的智能电视需要的是一个线性流畅的交互操作,这是长期在使用遥控器养成的习惯。从新的小米电视中我们可以看到小米对于顶部信息栏的呼出仅需要通过向上的按键操作,不需要通过点击获取整条信息栏的操作。所以我们可以做一个简单的总结,用户在获取信息的过程中我们应该使用上下左右控件线性去进行,进入到所需要的信息页,保证操作流程的流畅性体验,达到目的页获取到明确内容通过“ok键”打开详细内容;也可以说第一层级信息保持十字型线性操作,通过“ok键”进入第二层级,再执行线性的交互操作。

遥控器还有两个常用的按钮即“OK键”与“返回键”,OK键就带代表着确定的意思,返回键则是取消,所以在智能电视的设计中弹框往往是只有“确定”选项的操作而没有“取消”,遥控器伴随着电视的成长也教育了我们对于电视的交互统统是通过遥控器操作,所以遇到弹框用户想到的第一步即是通过返回键退出,返回上一页的形式去取消弹框。取消通过“返回键”的快捷操作从其操作逻辑上的路径还是这样一个快捷方式的操作体验感都是要优于弹框中“取消”按钮的使用。

背景色彩选择

移动端设计中我们往往会选用白色等一些比较明亮的颜色作为背景,但是对于电视而言,其色彩度和饱和度都比较高,如果选用亮度大的对于用户的阅读舒适度以及清晰度都是有影响的,并且明亮的白色系、红色系和橙色系在电视上显示会存在严重的失真现象。在设计过程中很多设计师喜欢使用渐变色来调和过于扁平化设计带来的无趣感,但大面积的色彩渐变设计会在电视上出现色带现象。所以智能电视上常用深色矢量背景、星空风景图等亮度相对较低的背景图。

以下为市面几款智能电视背景:


微鲸


乐视


小米

导航入口方式

在导航的设计上智能电视普遍内容入口导航与标签入口导航,怎么理解这两种模式的区别?所谓的内容入口即将平台内的内容提升至首页等一级层级,通过点击即可到达内容详情页;标签入口导航即通过分类,经过不同的应用或者板块进入所需的内容列表页。国内乐视电视与小米电视就是两者最典型的代表。

小米的标签是导航按以前的说法就是渠道,用户通过不同的分类渠道达到所需内容,优势在于明确的分类将信息清晰明了的呈现出来,用户可在不同的板块之间实现简单选择,简单切换的操作,整体逻辑操作清晰;劣势在于以标签为导航隐藏了内容的展示,降低对于一级页面内容的运营性,小米出于以标签为导航的设计,不排除其早期内容的匮乏不利用内容运营而采用了标签式入口。从以往的调研中可以得出用户在看电视往往不知道自己需要什么样的内容,更多的是一个被动接收的过程,在切换频道的过程中突然发现某一档节目不错,停留下来观看,这也就说明了为什么很多用户会经常拿着遥控器在不停的切换台。当一个用户带着不明确的目的去搜索节目信息,这一刻内容的推荐重要性就远大于逻辑清晰的功能。

乐视从一开始就标榜智能电视内容的重要性,也体现在乐视智能电视的设计上,乐视的五个版面从电视直播、视频等页面都可以看出,乐视在一级页面上强力强调内容入口。内容入口的导航方式符合了用户对于电视被动接受这样的一个场景,但内容入口的设计方式普遍遇到了内容信息冗杂的问题。用户在需要不同板块功能的情况下获取成本将大大增加,乐视在解决这个问题则是以内容入口为主结合标签导航的分类功能,在视频页面不仅有电视界面的推送,也增加了视频分类、搜索等功能。内容入口为主的方式需要结合一个公司的运营资源,做好运营是其中至关重要的一环,否则内容形式只是虚有其表没办法给用户推荐优质内容也牺牲了操作逻辑的清晰性。

两种导航方式从功能上、交互体验上没有绝对的优劣之分,各有优缺点,主要根据产品的整体定位以及自身拥有的资源去进行一个合理的配置,对于国内目前大力倡导的“内容为王”时代,内容入口预计将会占据越来越重的比例。

这篇文章写到到这里先结束啦,接下里会继续总结发表自己的经验,有兴趣的同学可以邮件联系一起交流学习哦!邮箱sunwee_wang@163.com

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,397评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,585评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,521评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,645评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,489评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,366评论 1 274
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,787评论 3 387
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,432评论 0 255
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,732评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,775评论 2 314
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,550评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,393评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,802评论 3 300
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,036评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,324评论 1 253
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,757评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,958评论 2 336

推荐阅读更多精彩内容