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

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

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

  1. 输入关键词
  2. 选播放源、选内容类型(选择内容类型是为了应对同名/相似名称的大量搜索结果)
  3. 跳转到播放
通过九宫格键盘+匹配关键词做文字输入

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


电视上的九宫格键盘

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

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

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


电视上的锚点滚动

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

测试反映出的问题

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


最终的界面

理想的流程是这样的:

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

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

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

推荐阅读更多精彩内容

  • 不知不觉,岁寒输入法的更新历史已经可以列出这么一长串来了。从中可以看出,岁寒的发展过程也是一个不断试错的过程,其中...
    临岁之寒阅读 33,928评论 1 6
  • 在我们开始之前,先问一个重要的问题:什么时候你会需要搜索? 搜索功能作为大部分互联网产品都具备的属性,即使这看起来...
    keithjim阅读 227评论 0 7
  • 张清的日精进第322天 这两天情绪化很严重。 憋在心里的话没处诉说,看着一桩桩一件件的事情摆在这里,想发飙又实在太...
    kiyoi2017阅读 98评论 0 1
  • 以为大姨妈不会造访,可它却突然到来了,也不能说得这么生分被动,毕竟自己也是费了一些心思,忌吃生冷的饮食,戒掉吃雪糕...
    此昵称被征用阅读 71评论 0 0
  • 王晷阅读 265评论 0 2