火狐中国版2010.1发布了,其中包含功能强大的火狐魔镜v3,:) 本文跟大家介绍一下在火狐魔镜中的强大搜索功能,继而也希望作为一个用户体验和交互的题目来跟大家分享和讨论一下。
大家现在可以看到在魔镜3中,用户可以在正文中任意拖拽某个/某些词语来开启魔镜搜索──当然如果向上拖拽的话会使用搜索引擎在后台标签页中打开。现在用户在正文中拖拽任何词语和段落时会触发十几个搜索引擎同时为您服务,所有返回的搜索结果会被魔镜自动整理显示在搜索小窗口中(如图1)。
(图1:火狐魔镜超强搜索)
在魔镜搜索中使用“暴力”的方式向大概十几个搜索引擎的开放接口放松请求,而对于搜索结果按照下面的一些考虑进行结果整理和排序。我们针对用户拖拽词语可能更希望了解这个词的定义类、百科类内容,所以,可以看到在搜索小窗口中大致分为如下几个区域:
1. 百科定义类:大家可以在第一块区域中找到有道词典、百度百科、Wikipedia、谷歌翻译等内容。比如用户拖拽“张居正”,那用户可能的意图是想看看这个人是谁,都干了什么,那么在百科类里面就会显示来自百度百科和Wikipedia上对“张居正”的介绍。同时,我借鉴了Firefox有个项目叫做TaskFox的做法,对于wikipedia上的内容可以直接在搜索小窗口中打开查看这个人或者这个词汇的定义等。
2. 图片类:这部分内容来自谷歌图片和Flickr的内容,还有一个比较有意思的是,这部分还可能会有图片来自淘宝看图购,呵呵,方便女性用户,比如拖拽个“连衣裙”,就可以直接在这部分看到来自淘宝看图购的搜索结果了~~
3. 视频类:这部分内容来自优酷和土豆
4. 资讯类:这部分内容集合了用户可能会感兴趣的各类资讯,包括VeryCD、豆瓣图书、豆瓣电影、谷歌资讯、新浪股票等。用户可以随意拖拽图书或者电影的名字,不仅可以直接打开豆瓣查看电影的介绍和评论,还可以看到VeryCD上是否有人分享了。。。用户还可以拖拽股票的名字,那么可以直接看到来自新浪股票的股票当日成交价格,并直接点击到达新浪财经的股票评论页面。。当然了还会有最新的新闻结果来自谷歌资讯。
5. 商城和生活类:这部分内容真是大大方便了网购用户了,轻松一拖就会有来自京东商城的购物信息,可以一键购买,还会有来自有道购物的商品比较信息。这里其实还有一个不太容易被发现的搜索接口,大家可以试试拖拽个菜名,比如“酸菜白肉”,哈哈
6. 搜索引擎:用户可能在上述引擎中都还没有找到合适的结果,那么我们在下面直接提供了来自搜索引擎的结果,并且直接帮助用户生成安装的搜索引擎链接,轻松一点就可以在浏览器中打开想要的搜索引擎了。
内容真是够多的哈~我个人最喜欢的是wikipedia、有道词典、谷歌翻译、豆瓣、VeryCD的搜索结果。尤其是谷歌翻译,拖拽页面上某句话, 可以是任意语言,比如看德语网页、俄语网页(有些俄罗斯的程序员很牛,可惜看不懂他写什么),一拖就能使用谷歌翻译自动翻译成中文了,还可以帮助你学习其他语言,可以自由选择翻译成集成的十种语言,呵呵。
这部分其实操作不麻烦,不过需要展示的信息太多,对于结果的排名和展现还是一个比较大的难题,也希望这里抛砖引玉,各位UX/UE大侠多拍砖。我们目前正在进行的工作还有一些比较很有意思也很有挑战的,我们希望在这部分搜索中加入一些语言处理的能力,自动辨别拖拽词汇的分类和语义信息,通过这部分计算对结果进行一个加权显示,例如搜索“全聚德”,可能本地信息(店家)、股票等权重就要高一些了。另外就是这部分的交互还是需要继续调优和设计的。欢迎大家拍砖。
最后一张图是整个火狐魔镜搜索的图示详解(如图2),呵呵。
(图2:火狐魔镜搜索详解图示)
在设计火狐魔镜的时候,我们始终坚持的一点就是,魔镜英文被成为Live Margin,直译是说“存在于火狐浏览器的边缝上”,也就是希望能够在用户浏览的同时在火狐边上提供一系列特别方便特别快捷的工具,例如在边上播放视频、在边上搜索相关词语了解基本信息。最初的魔镜设计是把内容等呈现在浏览器的侧边栏上,在新一版魔镜中,我们尝试使用一些弹出的浮动窗口来显示这些内容,于是在魔镜3中,你可以使用单独窗口播放视频、使用单独窗口来进行搜索,并且可以很快的把这些内容关闭,回到原来的操作中。