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

 

 

 

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

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

 

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

一、關(guān)于用戶

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

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

 

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

• ?搜索框

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

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

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

 

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

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

 

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

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

 

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

 

• ?搜索結(jié)果

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

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

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

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

 

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

 

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

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

 

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

一、珠型增長策略

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

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

 

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

 

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

 

圖6.SOSO音樂搜索頁面

 

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

 

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

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

 

二、可視化搜索

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

 

微軟Bing可視化搜索

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

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

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

 

Spezify  

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

 

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

 

 

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

 

 

 

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

 

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

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

 

三、社交化搜索

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

Digg

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