集成搜索应用 Ai Search 重设计

2015-4-29    周周

    Ai Search 是一款主打集成搜索的应用,当用户输入关键词,应用就会在预选好的多个搜索引擎和网站同时发起搜索。并且 Ai Search 可以为指定搜索引擎或网站添加标签,连同关键词一并搜索,也可以由用户自行添加搜索的引擎或网站。

    iTunes App Store 中的 "Ai Search"


    问题分析

    Ai Search 的使用场景不少,在多个购物网站中对比同一商品、在不同的社交网站中查看流行新闻事件、在各个学术网站查询查询资料,这些是开发者在 iTunes 内容提要中给出的一部分使用场景,也是我常用 Ai Search 的目的。可以看出,Ai Search 的优势在于能给出丰富的搜索结果,并可以方便地对内容进行对比。

    正因搜索、内容对比是 Ai Search 的常用操作,开发者将主要功能和选项卡放在底部,在浏览网页时 bottom bar 承担了所有功能操作。随着手机尺寸增大,用户对界面的操控区域降低,不像那些以搜索见长的地图、浏览器应用还不合时宜地坚持把搜索栏放在界面顶部,Ai Search 这样的做法很不错。但我认为还可以更好。

    在 Ai Search 中切换选项卡的使用强度很高,用户目前需要点击选项卡进行切换。但不像是单行的 bottom bar,Ai Search 的选项卡位于五个功能按钮的上方,它不是最靠近屏幕边缘的,比它更靠近屏幕底部的还有一些功能选项。在进行操作时,这会导致用户为了避免误操作而变得需要更小心翼翼地去点击,这提高了操作难度。

    把功能按钮、选项卡或导航栏独立地放在一个固定不变的位置,这样的例子很多。比如,OS X 把每个软件的导航栏固定在屏幕顶部,Windows 系统把开始菜单的按钮放在屏幕的左下角。采取这种做法,可以使得用户「闭着眼」都能直接把鼠标移到正确的位置,没有操作难度。

    在浏览网页时,开始滑动页面,Ai Search 也会像 Safari 一样把顶底部的边栏都隐藏起来,以换取更大的屏幕浏览视野。但在发生点击或跳转后,Ai Search 没有左/右滑动以后退/前进的交互手势,只能通过 bottom bar 的「后退」「前进」按钮进行操作。是否因为避开选项卡的语义我不得而知,但选项卡也无法通过轻扫手势来切换。这两个几乎已被用户熟知的交互手势都放弃掉未免显得有些守旧。

    重设计

    在保持全屏浏览的基础上,我在右下角添加了一个按钮用作分担「后退」「前进」「刷新」等页面操作。点击「…」按钮,操作选项会被展示出来。当用户滑动页面或点击页面空白处时,选项栏会重新折叠起来。

    此外,我调整了按钮的排列顺序,将「返回搜索」移到最右侧——和展开选项栏的「…」按钮位置相同。当用户上手 Ai Search 的操作后,直接在右下角点击两下就能快速回到搜索页面了。


    ▲Ai Search 重设计的全屏浏览状态和展开选项栏的状态


    切换搜索引擎和网站的选项卡被改到页面的最下方,当用户向上滑动页面时,顶底部的边栏会重新显示出来。相比原先的设计,用户只需要直接点击屏幕左右下角就能切换选项卡,没有操作难度。

    左/右滑动页面的操作可定义为后退/前进。梳理整个交互流程,这样做不会出现交互手势冲突,同时也可以减少展开选项栏的需要。


    ▲向上滑动页面的状态,左:原 Ai Search,右:我的重设计

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档