閱讀487 返回首頁    go 阿裏雲 go 技術社區[雲棲]


分麵搜索(Faceted Search)

介紹

  分麵是指事物的多維度屬性。例如一本書包含主題、作者、年代等分麵。而分麵搜索是指通過事物的這些屬性不斷篩選、過濾搜索結果的方法。可以將分麵搜索看成搜索和瀏覽的結合。

應用場景

  分麵搜索作為一種有效的搜索方式,已經被用在電子商務、音樂、旅遊等多個方麵。

  拍拍網
  下圖是拍拍網中挑選T恤的頁麵,可以看到拍拍網將T恤分成款式、衣長、尺碼、顏色等分麵。

分麵搜索(Faceted Search)

  穀歌音樂
  穀歌音樂的挑歌頁麵,將歌曲分為節奏、聲調、音色、年代、流派等分麵。

分麵搜索(Faceted Search)

  Bing的旅行搜索
  將航班分成經停次數、往返時間、航空公司、價格等分麵。

分麵搜索(Faceted Search)

  另外提一點,在sns類網站中,用戶填寫個人資料的同時也是在為自己建立分麵信息。如QQ空間中個人資料的填寫。

分麵搜索(Faceted Search)

分麵搜素的優勢

  1.分麵搜索支持用戶根據自己的需要選取不同的分麵進行篩選,而不必按照網站預先設定的單一方式尋找。
  2.分麵搜索允許用戶自己創建搜索路徑,並且可以隨時擴大和縮小結果範圍。
  3.分麵搜索隻展現有對應結果的選項,避免了無搜索結果的情況。並且一般在搜索前提示用戶該選項內包含的結果數量,給用戶良好的操作前提示。

分麵搜索設計tips

  分麵搜索出現的位置
  分麵搜索的功能和表現都與導航相似,其出現的位置一般在網頁的左側或頂部。一般來說放在左側有利於展示更多分麵內容,並且容易在其他頁麵重複使用。不過在Like.com中,設計師將分麵選項放在頂部,同樣得到不錯的效果。

分麵搜索(Faceted Search)

  靈活使用分麵
  分麵不但可以用來篩選結果,也可以用來對結果排序。電子商務網站中常用風格、品牌等分麵篩選搜索結果,而價格、信譽、上架時間等分麵則用來排序。

  有時用戶並不明確自己的目的,因此提供寬鬆的篩選方式更符合這部分用戶的預期。Bing的旅行搜索中選擇航班時,用戶可以通過滑塊來選擇某個時間段起飛的航班。

分麵搜索(Faceted Search)

  如果可能,在同一分麵中支持多選。並且可以隨時取消分麵選項,擴大結果範圍。在有貨中,用戶可以在網頁左側同時選擇多個品牌。

分麵搜索(Faceted Search)

  隻展示分麵中的部分選項,經過一步操作再查看全部內容。如Yahoo Shopping中服裝風格的展示。

分麵搜索(Faceted Search)

問題探討

  分麵搜索的功能全麵,但是要做到讓用戶容易使用,確實比較困難。這裏針對分麵之間的獨立性說些個人看法,僅用來拋磚引玉,歡迎大家提出更多觀點。

  分麵之間的獨立性
  在確定分麵時,如果將不同分麵的內容混雜在一起,會影響用戶的選擇。例如,下麵例子中,將女裝按照“類目”分麵劃分成21個選項。其中雪紡衫和針織衫2個選項混合了“類別”和“材質”2個分麵,與襯衫選項並列在一起,用戶可能會困惑,雪紡衫不能是襯衫嗎?

分麵搜索(Faceted Search)

  解決的方法:
  1.拆分“類別”和“材質”2個分麵,用戶可以通過“類別:襯衫>材質:雪紡”的方式搜索到雪紡衫。
  2.在襯衫中包含雪紡衫的內容,這樣用戶無論選擇襯衫還是雪紡衫都不會漏掉關於雪紡衫的內容。
  3.也許在分類時,設計師對雪紡衫和襯衫有明確的定義,隻是用戶並不明白其中的奧妙,因此可以增加相關的圖形或文字說明,讓用戶理解分類的規則。例如PriceGrabber.com中給選項加上圖形說明。

分麵搜索(Faceted Search)

參考文獻

  [1](美)莫維裏(Morville,P.),(美)羅森費爾德(Rosenfeld,L.),Web信息架構:設計大型網站.北京:電子工業出版社,2008.8
  [2](美)卡爾巴赫(Kalbach,J.),Web導航設計.北京:電子工業出版社,2009.3

  • (本文出自Tencent CDC Blog,轉載時請注明出處) 

最後更新:2017-04-02 16:47:36

  上一篇:go 《iPhone與iPad開發實戰—iOS經典應用剖析》連載六
  下一篇:go Android 自定義PopupWindow動畫效果