智能电视交互设计的感悟(一)

 

「好连」产品妹子分享的一些关于智能电视交互设计的感悟。...



‍作者:来自「好连」团队的二次元产品妹子,千纸。原文发表在知乎上,回答问题:智能电视的交互设计需要注意什么?

智能电视交互的特性

电视是一个远距离非接触式的屏幕这个定义包涵两个重点,一是非接触,二是远距离。

非接触意味我们对电视的控制是间接的,需要转换的。

远距离代表电视屏幕所能容纳的信息其实是非常有限的。


非接触

我们熟悉的控制方式五向键(上下左右确定)就是通过控制焦点来控制内容的,焦点某种程度上是我们间接与电视产生交互的一个中介,既表达选择框的位置,又可以表达选择的命令。明确这一点才能区分电视与手机、平板、电脑之间的交互区别,才能理解为什么当前其他平台已有的成熟应用不能直接复制到电视上。



焦点这里的坑非常大,它并不是一个简单的指针,一个放大的鼠标,如果限制了它的属性便无法设计出符合其自身应用需求的交互方式。

例如,我们要移动的是背景还是焦点:

  • 移动背景是指与背景(物件)直接交互,此时是正向移动,焦点就是画面的正中,焦点保持不动。举例:地图。


  • 移动焦点是控制焦点与目标间接互动,此时是反向移动,焦点在画面中明确标出,焦点可能是移动的可能是不移动的。举例:滚轴。


目前常见的控制方式都是移动焦点,然而是否电视场景内都只有这一种方式?假设我们在电视上观看图片库,将图片全屏显示时又该如何控制呢?

相关的考量还包括,焦点表达的是位移还是命令,形象点说,就是手指悬空在触摸屏上的移动,还是按住的拖动?这大概就是为什么会有双击或长按呼出菜单的“高级交互方式”吧……

另外焦点的移动是绝对定位还是相对定位,是否有加速度,在浏览时如何权衡效率和准确度等,都是焦点的交互方式中需要深入考虑的地方。

远距离

远距离大屏幕能承载的内容其实非常有限,我们常见的界面都将内容尽可能的放大,Launcher 界面几乎都由各种色块和海报组合而成。而在电视的视觉设计上,无论 iOS 还是 Android 都没有给出一份详尽的视觉设计规范。

基于五向键控制方式设计的界面和交互方式,目标主要为结构清晰、承载更多内容、更高效的选择。

 1. 单一方向的滚动





  • 单屏放不下的内容需要滚动时,选取单一方向滚动,左右滚动和上下滚动没有绝对的优劣之分。
  • 让用户清楚当前浏览的位置,如果同时可以上下左右滚动浏览的话容易迷失。
  • 如果选取其中一个方向(如左右)作为内容滚动的方向,则另一个方向(如上下)增加功能时较为隐蔽,要考虑如何能被发现。
 2. 分类标题和内容同层的方式展示内容,提高效率

  • 在电视上进行内容浏览与搜索的效率较低,需要数十次点击才能找到需要的内容,于是内容推荐对用户来说比较重要。
  • 将推荐内容与它的分类同级展示,可以减少部分用户的跳转和搜索,同时也可以丰富分类的展示。

智能电视交互的限制

目前国内用户常用设备的主页、应用的界面几乎出自同一类设计,说真的一眼看过去有时候都分不清是在首页还是应用内……主要原因还是受限于操控方式:

  • 上下左右的操作适合十字划分的规整排布,所以界面上多是方块的排列组合。
  • 假如操控是触摸板,是否可以不将界面生硬的横竖切割?假如操控是三维立体的球,是否可以将界面的延伸拓展到更多的地方?


而智能电视的操控方式受限主要还是源于输入设备的落后:

  • 传统遥控所能提供的单一信息(是和否)无法满足用户的需求;
  • 逐渐风靡的手机遥控并没有将手机可以提供的能力开放给智能电视的系统;
  • 智能电视的应用为了更广泛的适配,而选择了传统遥控器作为简单的有保障的输入设备,从而限制了自身内容交互上的可拓展性;
  • 暂时只有游戏在交互上有较高的探索需求。
所以如今我们讨论的智能电视的交互,都还是基于传统控制方式的交互。而真正致力于从根本改善这种交互方式的,比如我在打杂的这个应用「好连」,咳咳,其实还有更多关于交互的思考和探索,下次再和大家分享吧。



点击下面【阅读原文】,进入知乎问答原文。


    关注 好连


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册