视频搜索能使电视上的内容获取更方便
目前智能电视的主要用途是播放内容,目前这些内容主要来自视频聚合应用以及视频网站自家的应用。但视频聚合应用由于版权问题不能播放许多内容;而视频网站自家应用也只会包含自己拥有版权的内容,经常发生想看一个视频需要一个个应用试过去的情况,在电视上这是成本非常高的操作。如果能通过某种方法搜索出一个内容在哪能播放,并且方便的跳转到播放,之前提到的那种情况情况就会大大改善。
找到这个痛点之后,需求点就很清晰了:
- 输入关键词
- 选播放源、选内容类型(选择内容类型是为了应对同名/相似名称的大量搜索结果)
- 跳转到播放
通过九宫格键盘+匹配关键词做文字输入
需求点在转化为原型时需要解决一些问题,其中最基础的就是输入的问题。智能电视是通过遥控器操作的,在输入时只能使用上下左右四个方向键和菜单键、确定键,共6个键。其中菜单键由于对于用户来说可能隐藏的太深一般不使用,所以只应该使用方向键和确定键。用这五个按键进行复杂的输入极度反人类,所以输入过程应该越短越好。
九宫格相对来说输入步骤较少,并且作为用户已经熟悉的输入方式,不需要用户重新学习,是电视上输入的比较好的选择。在电视上使用九宫格的方法和手机上稍有区别,如下图:
即使使用九宫格,输入全部拼音仍然比较麻烦,通过拼音首字母进行搜索可以减轻这个问题。实际上九宫格+首字母的输入方式已经成为大多数智能电视应用的标配了。但是这个方式会引入另一个问题:即使词库做的再好,在某些情况下首字母也不一定能匹配到希望输入的搜索关键词,为了满足这些情况下精准输入的需求,还应该提供中文键盘,这时通过调取系统中文键盘来解决输入问题。
通过锚点滚动来分层展现内容
解决输入问题后,还需要解决内容组织方式的问题。单纯的将键盘、候选词、搜索结果罗列在一起过于密集,用户无法从如此密集的界面中快速获得信息,更何况我们还需要做来源选择和类型选择的功能。所以必须找到合理的组织信息方式。
网页上的锚点滚动给了我灵感:鼠标滚轮滚动一次,页面平滑滚动到下一个锚点,这种方式可以很好地迁移到电视上,在电视上的锚点滚动就是通过方向键来进行滚动。这种方式有两个优点:通过合适的组织能够将用户的注意力集中在每个锚点的内容上,同时转场效果告诉了用户页面间的关系。这两个优点非常适合我们的搜索:在输入时,用户关注的是键盘和候选词,而在搜索结果呈现时,用户关注的只是搜索结果,同时在搜索页和结果页的转场也暗示了用户如何回到搜索。
所以分为两屏:第一屏为输入键盘+候选词列表,第二屏为搜索结果+选源和类型。选择一个候选词会滚动到结果呈现页,默认焦点位于第一个结果;按返回或向左移动焦点来回到搜索页。
可以发现无论是候选词还是搜索结果,最后一条都只显示一半。这是为了让用户明白这里可以上下滚动。
测试反映出的问题
随后我们进行了内部测试,得到了两个比较严重的问题:1.通过右边的分类选择来筛选分类的成本太高,分类需要更清晰的反映在结果上,2.搜索结果页呈现的过少。
对于问题1,在设计中,这个分类应该可以通过封面的不同来暗示给用户,但是实际上用户可能不会记那么多封面,何况还有用户通过搜索来寻找他并不熟悉的内容。另外暗示这种方法需要太多思考,在所暗示的东西并非常识的情况下不应使用暗示,而应该直接摆出来。
对于问题2,采用逐步展示的方法来兼顾结果展示的详细性和数量。
对这两个问题进行改进之后,界面看起来就变成了这样:
理想的流程是这样的:
- 在键盘区域输入
- 选择候选词(选择后页面滚动至结果展示页)
- 选择内容
- 进入影片详情页
- 进入播放
其中也可能发生选源、选分类,或者是对搜索结果不满意重新选择关键词进行搜索等情况。为了保证这个流程的流畅,需要做一些过滤、排序的规则,这里不再赘述。