智能电视视频搜索功能设计记录

视频搜索能使电视上的内容获取更方便

目前智能电视的主要用途是播放内容，目前这些内容主要来自视频聚合应用以及视频网站自家的应用。但视频聚合应用由于版权问题不能播放许多内容；而视频网站自家应用也只会包含自己拥有版权的内容，经常发生想看一个视频需要一个个应用试过去的情况，在电视上这是成本非常高的操作。如果能通过某种方法搜索出一个内容在哪能播放，并且方便的跳转到播放，之前提到的那种情况情况就会大大改善。
找到这个痛点之后，需求点就很清晰了：

1. 输入关键词
2. 选播放源、选内容类型（选择内容类型是为了应对同名/相似名称的大量搜索结果）
3. 跳转到播放

通过九宫格键盘+匹配关键词做文字输入

需求点在转化为原型时需要解决一些问题，其中最基础的就是输入的问题。智能电视是通过遥控器操作的，在输入时只能使用上下左右四个方向键和菜单键、确定键，共6个键。其中菜单键由于对于用户来说可能隐藏的太深一般不使用，所以只应该使用方向键和确定键。用这五个按键进行复杂的输入极度反人类，所以输入过程应该越短越好。
九宫格相对来说输入步骤较少，并且作为用户已经熟悉的输入方式，不需要用户重新学习，是电视上输入的比较好的选择。在电视上使用九宫格的方法和手机上稍有区别，如下图：

电视上的九宫格键盘

即使使用九宫格，输入全部拼音仍然比较麻烦，通过拼音首字母进行搜索可以减轻这个问题。实际上九宫格+首字母的输入方式已经成为大多数智能电视应用的标配了。但是这个方式会引入另一个问题：即使词库做的再好，在某些情况下首字母也不一定能匹配到希望输入的搜索关键词，为了满足这些情况下精准输入的需求，还应该提供中文键盘，这时通过调取系统中文键盘来解决输入问题。

通过锚点滚动来分层展现内容

解决输入问题后，还需要解决内容组织方式的问题。单纯的将键盘、候选词、搜索结果罗列在一起过于密集，用户无法从如此密集的界面中快速获得信息，更何况我们还需要做来源选择和类型选择的功能。所以必须找到合理的组织信息方式。
网页上的锚点滚动给了我灵感：鼠标滚轮滚动一次，页面平滑滚动到下一个锚点，这种方式可以很好地迁移到电视上，在电视上的锚点滚动就是通过方向键来进行滚动。这种方式有两个优点：通过合适的组织能够将用户的注意力集中在每个锚点的内容上，同时转场效果告诉了用户页面间的关系。这两个优点非常适合我们的搜索：在输入时，用户关注的是键盘和候选词，而在搜索结果呈现时，用户关注的只是搜索结果，同时在搜索页和结果页的转场也暗示了用户如何回到搜索。
所以分为两屏：第一屏为输入键盘+候选词列表，第二屏为搜索结果+选源和类型。选择一个候选词会滚动到结果呈现页，默认焦点位于第一个结果；按返回或向左移动焦点来回到搜索页。

电视上的锚点滚动

可以发现无论是候选词还是搜索结果，最后一条都只显示一半。这是为了让用户明白这里可以上下滚动。

测试反映出的问题

随后我们进行了内部测试，得到了两个比较严重的问题：1.通过右边的分类选择来筛选分类的成本太高，分类需要更清晰的反映在结果上，2.搜索结果页呈现的过少。
对于问题1，在设计中，这个分类应该可以通过封面的不同来暗示给用户，但是实际上用户可能不会记那么多封面，何况还有用户通过搜索来寻找他并不熟悉的内容。另外暗示这种方法需要太多思考，在所暗示的东西并非常识的情况下不应使用暗示，而应该直接摆出来。
对于问题2，采用逐步展示的方法来兼顾结果展示的详细性和数量。
对这两个问题进行改进之后，界面看起来就变成了这样：

最终的界面

理想的流程是这样的：

1. 在键盘区域输入
2. 选择候选词（选择后页面滚动至结果展示页）
3. 选择内容
4. 进入影片详情页
5. 进入播放

其中也可能发生选源、选分类，或者是对搜索结果不满意重新选择关键词进行搜索等情况。为了保证这个流程的流畅，需要做一些过滤、排序的规则，这里不再赘述。