|
||||
火狐中國版2010.1發布了,其中包含功能強大的火狐魔鏡v3,:)本文跟大家介紹一下在火狐魔鏡中的強大搜索功能,繼而也希望作為一個用戶體驗和交互的題目來跟大家分享和討論一下。
大家現在可以看到在魔鏡3中,用戶可以在正文中任意拖拽某個/某些詞語來開啟魔鏡搜索──當然如果向上拖拽的話會使用搜索引擎在後臺標簽頁中打開。現在用戶在正文中拖拽任何詞語和段落時會觸發十幾個搜索引擎同時為您服務,所有返回的搜索結果會被魔鏡自動整理顯示在搜索小窗口中(如圖1)。
火狐魔鏡超強搜索
在魔鏡搜索中使用『暴力』的方式向大概十幾個搜索引擎的開放接口放松請求,而對於搜索結果按照下面的一些考慮進行結果整理和排序。我們針對用戶拖拽詞語可能更希望了解這個詞的定義類、百科類內容,所以,可以看到在搜索小窗口中大致分為如下幾個區域:
1.百科定義類:大家可以在第一塊區域中找到有道詞典、百度百科、Wikipedia、谷歌翻譯等內容。比如用戶拖拽『張居正』,那用戶可能的意圖是想看看這個人是誰,都乾了什麼,那麼在百科類裡面就會顯示來自百度百科和Wikipedia上對『張居正』的介紹。同時,我借鑒了Firefox有個項目叫做TaskFox的做法,對於wikipedia上的內容可以直接在搜索小窗口中打開查看這個人或者這個詞匯的定義等。
2.圖片類:這部分內容來自谷歌圖片和Flickr的內容,還有一個比較有意思的是,這部分還可能會有圖片來自淘寶看圖購,呵呵,方便女性用戶,比如拖拽個『連衣裙』,就可以直接在這部分看到來自淘寶看圖購的搜索結果了??
3.視頻類:這部分內容來自優酷和土豆
4.資訊類:這部分內容集合了用戶可能會感興趣的各類資訊,包括VeryCD、豆瓣圖書、豆瓣電影、谷歌資訊、新浪股票等。用戶可以隨意拖拽圖書或者電影的名字,不僅可以直接打開豆瓣查看電影的介紹和評論,還可以看到VeryCD上是否有人分享了。。。用戶還可以拖拽股票的名字,那麼可以直接看到來自新浪股票的股票當日成交價格,並直接點擊到達新浪財經的股票評論頁面。。當然了還會有最新的新聞結果來自谷歌資訊。
5.商城和生活類:這部分內容真是大大方便了網購用戶了,輕松一拖就會有來自京東商城的購物信息,可以一鍵購買,還會有來自有道購物的商品比較信息。這裡其實還有一個不太容易被發現的搜索接口,大家可以試試拖拽個菜名,比如『酸菜白肉』,哈哈
6.搜索引擎:用戶可能在上述引擎中都還沒有找到合適的結果,那麼我們在下面直接提供了來自搜索引擎的結果,並且直接幫助用戶生成安裝的搜索引擎鏈接,輕松一點就可以在瀏覽器中打開想要的搜索引擎了。
內容真是夠多的哈?我個人最喜歡的是wikipedia、有道詞典、谷歌翻譯、豆瓣、VeryCD的搜索結果。尤其是谷歌翻譯,拖拽頁面上某句話,可以是任意語言,比如看德語網頁、俄語網頁(有些俄羅斯的程序員很牛,可惜看不懂他寫什麼),一拖就能使用谷歌翻譯自動翻譯成中文了,還可以幫助你學習其他語言,可以自由選擇翻譯成集成的十種語言,呵呵。
這部分其實操作不麻煩,不過需要展示的信息太多,對於結果的排名和展現還是一個比較大的難題,也希望這裡拋磚引玉,各位UX/UE大俠多拍磚。我們目前正在進行的工作還有一些比較很有意思也很有挑戰的,我們希望在這部分搜索中加入一些語言處理的能力,自動辨別拖拽詞匯的分類和語義信息,通過這部分計算對結果進行一個加權顯示,例如搜索『全聚德』,可能本地信息(店家)、股票等權重就要高一些了。另外就是這部分的交互還是需要繼續調優和設計的。歡迎大家拍磚。
最後一張圖是整個火狐魔鏡搜索的圖示詳解(如圖2),呵呵。
火狐魔鏡搜索詳解圖示
在設計火狐魔鏡的時候,我們始終堅持的一點就是,魔鏡英文被成為Live Margin,直譯是說『存在於火狐瀏覽器的邊縫上』,也就是希望能夠在用戶瀏覽的同時在火狐邊上提供一系列特別方便特別快捷的工具,例如在邊上播放視頻、在邊上搜索相關詞語了解基本信息。最初的魔鏡設計是把內容等呈現在瀏覽器的側邊欄上,在新一版魔鏡中,我們嘗試使用一些彈出的浮動窗口來顯示這些內容,於是在魔鏡3中,你可以使用單獨窗口播放視頻、使用單獨窗口來進行搜索,並且可以很快的把這些內容關閉,回到原來的操作中。