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

作者: sunwee | 来源:发表于2016-02-25 00:05 被阅读1054次

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

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

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

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

乐视

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

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

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

背景色彩选择

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

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

微鲸 乐视 小米

导航入口方式

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

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

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

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

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

相关文章

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

    从开始工作到现在也近一年的时间了,在这一年的时间也做了几个关于智能电视的项目。从开始做智能电视开始自己去搜索资料发...

  • [1]交互设计做什么?

    前言:这个职位目前在行业内并没有定义清晰,从事交互设计的工作来遇到不少坑,也是在不断学习和总结前人的经验对交互设计...

  • 人机对话系统实现大纲

    一、语音智能交互服务技术概述二、语音智能交互系统总体设计1、语音智能交互基本架构2、语音智能技术架构(算法层、数据...

  • 智能电视输入法交互设计

    现在常见的智能电视输入法有两种:第一种是简单的把26个字母平铺到界面上,这样做的好处是简单易懂,用户一看就知...

  • WebView深度学习(二)之全面总结WebView遇到的坑及优

    上篇文章讲到了WebView的基本使用以及Android和js的交互. 这篇文章讲一下WebView遇到的那些坑,...

  • 浅析交互设计,人机交互,用户体验设计三者的异同

    关键词:交互设计,人机交互,用户体验设计 在学习和生活中,我们经常会遇到三个名词:“交互设计”,“人机交互”,“用...

  • 给新晋交互设计师的学习建议

    关于我:5年经验交互设计师,专注金融行业-智能投顾方向,擅长交互设计和用户研究,带过不少新晋交互设计师,就学习方面...

  • TouchMode 101

    1. 啥是 TouchMode 现在的智能设备,包括智能手机、平板电脑、智能电视等,可以有多种交互/输入方式,常见...

  • 交互体验设计为什么比UI重要?

    随着工业智能化及互联网进一步发展,我们越来越多听到“人机交互”“交互设计”“交互体验”“交互逻辑”“交互原型”“用...

  • 项目回顾与反思总结篇

    项目名称:京东智能选机 关键词: 微交互 动效设计 情感化设计 情景化设计 lottie 项目需求: ...

网友评论

  • f93f7aa90318:刚转,想请教下智能电视输入法要怎么做交互啊?用什么能实现呢?
    sunwee:@Shirtly淑婷 目前看来最好用的输入法是语音输入法,老少皆宜,方便快捷
    Saint_Paul:只能电视的输入法 直接采用T9输入法不好么?就是键盘手机一样,当年拿着诺基亚在考场是怎么盲打的 还记得么,根本不用看键盘
  • 楊員外:交互倒還好,小米盒子動不動死機,小米一生黑
  • b778116e70f9:如果能加上一些输入法的建议就更好了
    二郎神君:@sunwee 我一直很好奇在遥控器一时半会无法改变的情况下,输入法还能怎么玩,期待大作
    b778116e70f9:@sunwee 是啊。 遥控器打字真的很低效啊,至今貌似也没有看到很好的方案。 期待作品
    sunwee:@岚澈清胡帆 谢谢啊,输入法是智能电视交互中很重要的一个板块,所以打算单写一篇关于输入法的思考,谢谢建议啊

本文标题:智能电视交互设计遇到的那些坑

本文链接:https://www.haomeiwen.com/subject/chyikttx.html