介紹

　　分面是指事物的多維度屬性。例如一本書(shū)包含主題、作者、年代等分面。而分面搜索是指通過(guò)事物的這些屬性不斷篩選、過(guò)濾搜索結(jié)果的方法?？梢詫⒎置嫠阉骺闯伤阉骱蜑g覽的結(jié)合。

應(yīng)用場(chǎng)景

　　分面搜索作為一種有效的搜索方式，已經(jīng)被用在電子商務(wù)、音樂(lè)、旅游等多個(gè)方面。

　　拍拍網(wǎng)
　　下圖是拍拍網(wǎng)中挑選T恤的頁(yè)面，可以看到拍拍網(wǎng)將T恤分成款式、衣長(zhǎng)、尺碼、顏色等分面。

　　谷歌音樂(lè)
　　谷歌音樂(lè)的挑歌頁(yè)面，將歌曲分為節(jié)奏、聲調(diào)、音色、年代、流派等分面。

　　Bing的旅行搜索
　　將航班分成經(jīng)停次數(shù)、往返時(shí)間、航空公司、價(jià)格等分面。

　　另外提一點(diǎn)，在sns類網(wǎng)站中，用戶填寫(xiě)個(gè)人資料的同時(shí)也是在為自己建立分面信息。如QQ空間中個(gè)人資料的填寫(xiě)。

分面搜素的優(yōu)勢(shì)

　　1.分面搜索支持用戶根據(jù)自己的需要選取不同的分面進(jìn)行篩選，而不必按照網(wǎng)站預(yù)先設(shè)定的單一方式尋找。
　　2.分面搜索允許用戶自己創(chuàng)建搜索路徑，并且可以隨時(shí)擴(kuò)大和縮小結(jié)果范圍。
　　3.分面搜索只展現(xiàn)有對(duì)應(yīng)結(jié)果的選項(xiàng)，避免了無(wú)搜索結(jié)果的情況。并且一般在搜索前提示用戶該選項(xiàng)內(nèi)包含的結(jié)果數(shù)量，給用戶良好的操作前提示。

分面搜索設(shè)計(jì)tips

　　分面搜索出現(xiàn)的位置
　　分面搜索的功能和表現(xiàn)都與導(dǎo)航相似，其出現(xiàn)的位置一般在網(wǎng)頁(yè)的左側(cè)或頂部。一般來(lái)說(shuō)放在左側(cè)有利于展示更多分面內(nèi)容，并且容易在其他頁(yè)面重復(fù)使用。不過(guò)在Like.com中，設(shè)計(jì)師將分面選項(xiàng)放在頂部，同樣得到不錯(cuò)的效果。

　　靈活使用分面
　　分面不但可以用來(lái)篩選結(jié)果，也可以用來(lái)對(duì)結(jié)果排序。電子商務(wù)網(wǎng)站中常用風(fēng)格、品牌等分面篩選搜索結(jié)果，而價(jià)格、信譽(yù)、上架時(shí)間等分面則用來(lái)排序。

　　有時(shí)用戶并不明確自己的目的，因此提供寬松的篩選方式更符合這部分用戶的預(yù)期。Bing的旅行搜索中選擇航班時(shí)，用戶可以通過(guò)滑塊來(lái)選擇某個(gè)時(shí)間段起飛的航班。

　　如果可能，在同一分面中支持多選。并且可以隨時(shí)取消分面選項(xiàng)，擴(kuò)大結(jié)果范圍。在有貨中，用戶可以在網(wǎng)頁(yè)左側(cè)同時(shí)選擇多個(gè)品牌。

　　只展示分面中的部分選項(xiàng)，經(jīng)過(guò)一步操作再查看全部?jī)?nèi)容。如Yahoo Shopping中服裝風(fēng)格的展示。

問(wèn)題探討

　　分面搜索的功能全面，但是要做到讓用戶容易使用，確實(shí)比較困難。這里針對(duì)分面之間的獨(dú)立性說(shuō)些個(gè)人看法，僅用來(lái)拋磚引玉，歡迎大家提出更多觀點(diǎn)。

　　分面之間的獨(dú)立性
　　在確定分面時(shí)，如果將不同分面的內(nèi)容混雜在一起，會(huì)影響用戶的選擇。例如，下面例子中，將女裝按照“類目”分面劃分成21個(gè)選項(xiàng)。其中雪紡衫和針織衫2個(gè)選項(xiàng)混合了“類別”和“材質(zhì)”2個(gè)分面，與襯衫選項(xiàng)并列在一起，用戶可能會(huì)困惑，雪紡衫不能是襯衫嗎？

　　解決的方法：
　　1.拆分“類別”和“材質(zhì)”2個(gè)分面，用戶可以通過(guò)“類別：襯衫>材質(zhì)：雪紡”的方式搜索到雪紡衫。
　　2.在襯衫中包含雪紡衫的內(nèi)容，這樣用戶無(wú)論選擇襯衫還是雪紡衫都不會(huì)漏掉關(guān)于雪紡衫的內(nèi)容。
　　3.也許在分類時(shí)，設(shè)計(jì)師對(duì)雪紡衫和襯衫有明確的定義，只是用戶并不明白其中的奧妙，因此可以增加相關(guān)的圖形或文字說(shuō)明，讓用戶理解分類的規(guī)則。例如PriceGrabber.com中給選項(xiàng)加上圖形說(shuō)明。

參考文獻(xiàn)

　　[1]（美）莫維里（Morville,P.）,(美)羅森費(fèi)爾德(Rosenfeld,L.)，Web信息架構(gòu)：設(shè)計(jì)大型網(wǎng)站.北京：電子工業(yè)出版社，2008.8
　　[2]（美）卡爾巴赫(Kalbach,J.)，Web導(dǎo)航設(shè)計(jì).北京：電子工業(yè)出版社，2009.3

原文：http://cdc.tencent.com/?p=1401