轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.cqzjtgb.com  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

 

 

搜索功能無(wú)處不在，各網(wǎng)站、瀏覽器、應(yīng)用程序及各平臺(tái)都有它的影子。搜索誕生于互聯(lián)網(wǎng)信息爆炸的時(shí)代，以滿(mǎn)足用戶(hù)快速尋找目標(biāo)信息的需求，表現(xiàn)形式 可以十分簡(jiǎn)單卻對(duì)數(shù)據(jù)庫(kù)和實(shí)現(xiàn)技術(shù)有特別高要求。

搜索的創(chuàng)新并不容易，但不是沒(méi)有可能。本文首先簡(jiǎn)單分析了搜索的用戶(hù)需求特點(diǎn)，并介紹搜索的表現(xiàn)形式，進(jìn)而與大家討論提升搜索體驗(yàn)的幾種可能途徑。

 

認(rèn)識(shí)搜索

一、關(guān)于用戶(hù)

用戶(hù)使用搜索的目的很明顯，為了尋找答案信息。此時(shí)的用戶(hù)可能知道自己想要什么，比如搜索《失戀33天》的下載鏈接，這種情形稱(chēng)作：已知項(xiàng)目搜索。 用戶(hù)也可能不知道自己具體想要什么，比如用戶(hù)要搜索一部不錯(cuò)的電影作為消遣，這種情形稱(chēng)作：探索性搜索。這兩種情形的搜索行為模式不盡相同，卻同樣具有很 強(qiáng)的目的性：用戶(hù)無(wú)意于把玩搜索工具本身，迫切的希望立即找到符合他們要求的信息和答案。

快進(jìn)快出，是搜索的一種理想形式，也是用戶(hù)的愿望。

 

二、搜索的表現(xiàn)形式

• ?搜索框

搜索框已經(jīng)成為搜索的標(biāo)志。搜索框是用戶(hù)搜索的入口，也是問(wèn)題的提問(wèn)區(qū)，同時(shí)是搜索引擎的命令執(zhí)行區(qū)。

搜索框的顏色、形狀和大小，不同的網(wǎng)站有不同的風(fēng)格。

框雖小，卻大有學(xué)問(wèn)。為了向用戶(hù)解釋在輸入框中可以輸入哪些類(lèi)型的關(guān)鍵詞，搜索框內(nèi)可以使用“占位文本”，如豆瓣首頁(yè)中的搜索框。

 

圖1. 豆瓣首頁(yè)的搜索框使用了占位文本

    用戶(hù)并不是每次都能把搜索關(guān)鍵詞拼寫(xiě)正確，此時(shí)你的搜索如果選擇無(wú)作為，那么很可能會(huì)被用戶(hù)認(rèn)為你的產(chǎn)品不夠智能、不夠聰明。Google在遇到拼寫(xiě)錯(cuò)誤 時(shí)會(huì)用紅色標(biāo)識(shí)出正確的拼寫(xiě)形式，同時(shí)并沒(méi)有抹殺掉你情愿錯(cuò)下去的權(quán)利：）

 

圖2.Google搜索對(duì)框內(nèi)關(guān)鍵詞的自動(dòng)糾正

用戶(hù)不但拼寫(xiě)時(shí)容易出現(xiàn)錯(cuò)誤，而且經(jīng)常想不起具體要輸入什么。如果搜索框能夠在輸入過(guò)程中自動(dòng)補(bǔ)全、提供相關(guān)聯(lián)的搜索建議，既可以避免用戶(hù)輸入出 錯(cuò)，又可以節(jié)約用戶(hù)的拼寫(xiě)時(shí)間（這一點(diǎn)在手機(jī)端更加需要）。

 

圖3.淘寶網(wǎng)提供實(shí)時(shí)搜索建議

 

• ?搜索結(jié)果

搜索結(jié)果的呈現(xiàn)內(nèi)容和呈現(xiàn)方式，視不同平臺(tái)和不同產(chǎn)品類(lèi)型而不同。在Flickr上搜索得到的是圖片，在微博上搜索可以得到微博信息，在 appstore中搜索可以得到應(yīng)用程序列表。

搜索結(jié)果頁(yè)面的學(xué)問(wèn)就更大了。做互聯(lián)網(wǎng)產(chǎn)品，我們經(jīng)常探討“忙碌用戶(hù)之悖論”：用戶(hù)很忙，沒(méi)有時(shí)間穿梭于你復(fù)雜的信息城堡中。所以，搜索結(jié)果頁(yè)最好 精簡(jiǎn)設(shè)計(jì)細(xì)節(jié)，三思你的搜索策略。這里牽涉到查準(zhǔn)率與查全率的權(quán)衡問(wèn)題，這二者是此長(zhǎng)彼消的關(guān)系。高查準(zhǔn)率，與關(guān)鍵詞匹配度極高，則可能錯(cuò)失很多有價(jià)值的 信息；高查全率，將近似結(jié)果都推向用戶(hù)迫使他們?cè)诟鞣N好的、不好的信息中進(jìn)行篩選，費(fèi)時(shí)費(fèi)力。

在現(xiàn)有的搜索技術(shù)環(huán)境下，高查全率和高查準(zhǔn)率難以兼顧，這時(shí)候你需要搞明白你的用戶(hù)更喜歡部分相關(guān)搜索結(jié)果還是更喜歡全部的相關(guān)搜索結(jié)果。

除此之外，使用何種策略讓用戶(hù)進(jìn)一步過(guò)濾搜索結(jié)果也是需要考量的。比如，在視頻搜索網(wǎng)站或應(yīng)用上，可以通過(guò)限制國(guó)別、類(lèi)型、語(yǔ)言等選項(xiàng)來(lái)篩選搜索結(jié) 果。在Google搜索圖片，可以通過(guò)顏色、大小、類(lèi)型等選項(xiàng)進(jìn)一步過(guò)濾相關(guān)的搜索結(jié)果。

 

圖4.Google圖片搜索可以通過(guò)顏色、尺寸過(guò)濾搜索結(jié)果

 

以上提到的搜索框和搜索結(jié)果的功能形式已經(jīng)較為成熟，確實(shí)可以方便用戶(hù)鍵入搜索關(guān)鍵詞、減少用戶(hù)的信息篩選成本。具體提供多少條實(shí)時(shí)搜索建議、要不 要使用歷史搜索建議、以及使用何種方式篩選搜索結(jié)果，需要考慮到后臺(tái)數(shù)據(jù)庫(kù)的搭建程度、產(chǎn)品的具體目標(biāo)和承載此產(chǎn)品的系統(tǒng)平臺(tái)等因素來(lái)權(quán)宜行事。

下文將著重分析幾種可以明顯提升搜索用戶(hù)體驗(yàn)的搜索策略。

 

提升搜索體驗(yàn)的幾條途徑

一、珠型增長(zhǎng)策略

簡(jiǎn)單介紹： “珠型增長(zhǎng)”是延展性搜索的一種獨(dú)特策略，英文專(zhuān)業(yè)詞匯：Pearl Growing。指搜索到一個(gè)好文檔后，將其內(nèi)容和元數(shù)據(jù)挖掘成搜索術(shù)語(yǔ)和線索，繼續(xù)尋找與此類(lèi)似的搜索結(jié)果；有些“順藤摸瓜”的意味。我們可能需要尋找 相似主題的論文，可能需要尋找同一導(dǎo)演的電影，或者需要同一風(fēng)格的音樂(lè)文件。

這項(xiàng)搜索策略在一些網(wǎng)站或應(yīng)用已經(jīng)被很好的運(yùn)用，并為用戶(hù)帶來(lái)了便利性。大家畢業(yè)那會(huì)肯定也沒(méi)少搜索論文，谷歌學(xué)術(shù)搜索在每一條論文搜索結(jié)果的下方 都有“相關(guān)文章”選項(xiàng)。點(diǎn)開(kāi)的“相關(guān)文章”頁(yè)面，相同作者相似主題的學(xué)術(shù)論文排在前，不同作者而相似主題的學(xué)術(shù)論文排在其后；并且此頁(yè)面的每個(gè)搜索結(jié)果的 下方仍有“相關(guān)文章”選項(xiàng)。因此，搜索者一旦發(fā)現(xiàn)很不錯(cuò)的論文，就可以便捷的獲得相同作者或相近主題的一連串搜索結(jié)果，體現(xiàn)了“珠型增長(zhǎng)”策略的便捷性和 智能性。

 

圖5.Google學(xué)術(shù)搜索每個(gè)搜索結(jié)果都有“相關(guān)文章”選項(xiàng)

 

SOSO音樂(lè)搜索也使用了“珠型增長(zhǎng)”策略。音樂(lè)單曲的搜索結(jié)果占絕大部分的頁(yè)面，右側(cè)以較小區(qū)域向用戶(hù)推薦了與搜索關(guān)鍵詞相關(guān)的音樂(lè)專(zhuān)輯。

 

圖6.SOSO音樂(lè)搜索頁(yè)面

 

音樂(lè)搜索是一個(gè)典型適用于“珠型增長(zhǎng)”策略的領(lǐng)域。既可以按照相同歌手推薦單曲，也可以按照相似風(fēng)格推薦（比如“歡快”“悲傷”“校 園”），還可以按照相似類(lèi)型推薦（比如“鄉(xiāng)土音樂(lè)”“鋼琴曲”“搖滾”）。推薦形式可以做的很娛樂(lè)，很有趣，使“珠型增長(zhǎng)”策略為用戶(hù)帶來(lái)意想不到的便捷 和樂(lè)趣。

 

優(yōu)勢(shì)： 為用戶(hù)提供更加智能的延展性搜索結(jié)果，為用戶(hù)帶來(lái)意想不到的“順藤摸瓜”式驚喜；如果在購(gòu)物網(wǎng)站上使用該 搜索策略，可以起到提升銷(xiāo)售額的顯著作用。

問(wèn)題： “珠型增長(zhǎng)”策略的搜索結(jié)果以多大的頁(yè)面空間展示才能既不影響常規(guī)搜索的主體地位又可以很好的起到建議效 果？以何種方式展示也是需要精心考量的設(shè)計(jì)點(diǎn)。

 

二、可視化搜索

簡(jiǎn)單介紹： 可視化搜索(Visual Search)，是基于Web2.0技術(shù)發(fā)展出來(lái)的一個(gè)新鮮的互聯(lián)網(wǎng)應(yīng)用。不同于谷歌等普遍的搜索引擎，其生成的搜索結(jié)果并不是簡(jiǎn)單的鏈接地址和文字簡(jiǎn) 介，而是全部以整個(gè)頁(yè)面或者圖片、Flash等視圖的形式呈現(xiàn)出來(lái)?？梢暬阉魇且豁?xiàng)集合了趣味性與實(shí)用性于一身的搜索引擎技術(shù)， 又一次佐證了“一圖勝千言”這一經(jīng)典道理，倍受用戶(hù)青睞?？梢暬阉饕元?dú)有的優(yōu)勢(shì)吸引了很多風(fēng)投資金，發(fā)展勢(shì)頭迅猛。

 

微軟Bing可視化搜索

微軟Bing可視化搜索可以算是做得比較早，也是做的比較好的。在旅游景點(diǎn)的搜索結(jié)果頁(yè)面，各景點(diǎn)的旅游信息以圖片的形式展示給用戶(hù)，當(dāng)鼠標(biāo)上浮于 圖片的時(shí)候出現(xiàn)該景點(diǎn)的名稱(chēng)、旅游類(lèi)型、適當(dāng)?shù)募竟?jié)等信息。如下圖：

                                            圖7.Bing旅游景點(diǎn)搜索結(jié)果頁(yè)
同 時(shí)Bing可視化搜索還支持多個(gè)旅游景點(diǎn)的橫向?qū)Ρ?。旅游景點(diǎn)的對(duì)比頁(yè)面主要的信息有：景點(diǎn)名稱(chēng)、景點(diǎn)圖片、類(lèi)型、最佳游覽時(shí)間、當(dāng)前時(shí)間、酒店信息、天 氣信息、旅游景點(diǎn)細(xì)節(jié)、活動(dòng)以及圖片展示。將龐雜的信息量以簡(jiǎn)單明了的可視化設(shè)計(jì)方式呈現(xiàn)，給予了用戶(hù)直觀、具象的印象；橫向?qū)Ρ纫材軒椭脩?hù)快速在多個(gè) 旅游目的地中做出選擇。如下圖：

圖8.Bing旅游景點(diǎn)橫向?qū)Ρ软?yè)

 

Spezify  

Spezify的創(chuàng)造者用“靈感搜索”來(lái)描述它，這意味著搜索引擎提供的結(jié)果是具有啟發(fā)性和發(fā)散性的。Spezify的搜索結(jié)果是圖片和視頻相融合 的富媒體可視化形式，圖片和視頻的組合錯(cuò)落有致、渾然一體，頁(yè)面可以上下滾屏，給人一種搜索結(jié)果的豐富感。鼠標(biāo)上浮于圖片時(shí)，圖片底端出現(xiàn)對(duì)圖片內(nèi)容的扼 要描述。也許搜索結(jié)果無(wú)法很有針對(duì)性的解決用戶(hù)的問(wèn)題,但搜索結(jié)果卻可能有效的為用戶(hù)解決問(wèn)題提供靈感。Spezify的可視化搜索頁(yè)如下圖所示：

 

圖9. Spezify的可視化搜索結(jié)果

 

 

Spacetime
Spacetime的可視化搜索結(jié)果更酷，屏幕中央大篇幅展示 某一個(gè)搜索結(jié)果（可以是網(wǎng)頁(yè)、圖片、維基百科或youtube視頻），已展示過(guò)的內(nèi)容漸小漸遠(yuǎn)直至消失，未展示的內(nèi)容漸大漸近。整體的搜索結(jié)果頁(yè)面具有立 體感和縱深感，而且巨大的展示空間方便用戶(hù)對(duì)每個(gè)搜索結(jié)果進(jìn)行快速篩選。Spacetime的可視化搜索結(jié)果頁(yè)如下圖所示：

 

 

 

圖10. Spacetime的可視化搜索結(jié)果

 

  優(yōu)勢(shì) ：可視化搜索，實(shí)現(xiàn)了信息的可視化表達(dá)，信息更直觀、形 式更有趣。與現(xiàn)有的搜索結(jié)果展示方式比，可視化搜索有一種令人耳目一新的感覺(jué)，具有傳統(tǒng)搜索無(wú)法比擬的優(yōu)勢(shì)，被稱(chēng)為是下一代搜索。

問(wèn)題： 搜索的效率問(wèn)題與可視化搜索的直觀性有一定程度上的互斥性。如何使搜索結(jié)果信息更加直觀、有趣的展示給用 戶(hù)，同時(shí)盡量小的影響搜索信息的可尋性和搜索效率，是值得設(shè)計(jì)師多加揣摩的問(wèn)題。

 

三、社交化搜索

簡(jiǎn)單介紹： 社交元素對(duì)整個(gè)互聯(lián)網(wǎng)世界的影響越來(lái)越大，搜索領(lǐng)域也不例外。社交元素可以滲透到搜索結(jié)果頁(yè)，形成可 操作的搜索結(jié)果，支持用戶(hù)的評(píng)論、評(píng)價(jià)、添加標(biāo)簽、分享；同時(shí)社交元素對(duì)某一結(jié)果形成的好評(píng)度、添加的分類(lèi)或標(biāo)簽可以成為搜索引擎算法的考量因素，對(duì)搜索 結(jié)果的排序起到一定的影響作用。

Digg

Digg是一個(gè)文章投票評(píng)論站點(diǎn)，它的獨(dú)特在于沒(méi)有職業(yè)網(wǎng)站編輯，編輯全部取決于用戶(hù)。用戶(hù)可以隨意提交文章，然后由閱讀者來(lái)判斷該文章是否有用。 在搜索結(jié)果頁(yè)，每一條新聞都支持用戶(hù)進(jìn)行如下操作：挖掘、參與評(píng)論、保存和埋葬。當(dāng)被挖掘數(shù)達(dá)到一定程度，該新聞就會(huì)出現(xiàn)在首頁(yè)或者其他頁(yè)面上；如果被埋 葬數(shù)達(dá)到一定程度，該新聞會(huì)在新聞列表中消失。Digg網(wǎng)站借助廣大用戶(hù)辛勤的勞動(dòng)，自動(dòng)組織新聞信息的優(yōu)勝劣汰，進(jìn)而為大眾用戶(hù)回饋了喜聞樂(lè)見(jiàn)的熱點(diǎn)新 聞內(nèi)容。Digg新聞列表的社交操作頁(yè)面如下圖所示：