轉載藍藍設計(   www.li-bodun.cn  )是一家專注而深入的設計機構 ，為期望卓越的國內外企業提供有效的   BS界面設計 、  cs界面設計 、  ipad界面設計  、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、  網站建設 、平面設計服務

 

 

 

搜索功能無處不在，各網站、瀏覽器、應用程序及各平臺都有它的影子。搜索誕生于互聯網信息爆炸的時代，以滿足用戶快速尋找目標信息的需求，表現形式 可以十分簡單卻對數據庫和實現技術有特別高要求。

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

 

認識搜索

一、關于用戶

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

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

 

二、搜索的表現形式

• ?搜索框

搜索框已經成為搜索的標志。搜索框是用戶搜索的入口，也是問題的提問區，同時是搜索引擎的命令執行區。

搜索框的顏色、形狀和大小，不同的網站有不同的風格。

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

 

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

    用戶并不是每次都能把搜索關鍵詞拼寫正確，此時你的搜索如果選擇無作為，那么很可能會被用戶認為你的產品不夠智能、不夠聰明。Google在遇到拼寫錯誤 時會用紅色標識出正確的拼寫形式，同時并沒有抹殺掉你情愿錯下去的權利：）

 

圖2.Google搜索對框內關鍵詞的自動糾正

用戶不但拼寫時容易出現錯誤，而且經常想不起具體要輸入什么。如果搜索框能夠在輸入過程中自動補全、提供相關聯的搜索建議，既可以避免用戶輸入出 錯，又可以節約用戶的拼寫時間（這一點在手機端更加需要）。

 

圖3.淘寶網提供實時搜索建議

 

• ?搜索結果

搜索結果的呈現內容和呈現方式，視不同平臺和不同產品類型而不同。在Flickr上搜索得到的是圖片，在微博上搜索可以得到微博信息，在 appstore中搜索可以得到應用程序列表。

搜索結果頁面的學問就更大了。做互聯網產品，我們經常探討“忙碌用戶之悖論”：用戶很忙，沒有時間穿梭于你復雜的信息城堡中。所以，搜索結果頁最好 精簡設計細節，三思你的搜索策略。這里牽涉到查準率與查全率的權衡問題，這二者是此長彼消的關系。高查準率，與關鍵詞匹配度極高，則可能錯失很多有價值的 信息；高查全率，將近似結果都推向用戶迫使他們在各種好的、不好的信息中進行篩選，費時費力。

在現有的搜索技術環境下，高查全率和高查準率難以兼顧，這時候你需要搞明白你的用戶更喜歡部分相關搜索結果還是更喜歡全部的相關搜索結果。

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

 

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

 

以上提到的搜索框和搜索結果的功能形式已經較為成熟，確實可以方便用戶鍵入搜索關鍵詞、減少用戶的信息篩選成本。具體提供多少條實時搜索建議、要不 要使用歷史搜索建議、以及使用何種方式篩選搜索結果，需要考慮到后臺數據庫的搭建程度、產品的具體目標和承載此產品的系統平臺等因素來權宜行事。

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

 

提升搜索體驗的幾條途徑

一、珠型增長策略

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

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

 

圖5.Google學術搜索每個搜索結果都有“相關文章”選項

 

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

 

圖6.SOSO音樂搜索頁面

 

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

 

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

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

 

二、可視化搜索

簡單介紹： 可視化搜索(Visual Search)，是基于Web2.0技術發展出來的一個新鮮的互聯網應用。不同于谷歌等普遍的搜索引擎，其生成的搜索結果并不是簡單的鏈接地址和文字簡 介，而是全部以整個頁面或者圖片、Flash等視圖的形式呈現出來。可視化搜索是一項集合了趣味性與實用性于一身的搜索引擎技術， 又一次佐證了“一圖勝千言”這一經典道理，倍受用戶青睞。可視化搜索以獨有的優勢吸引了很多風投資金，發展勢頭迅猛。

 

微軟Bing可視化搜索

微軟Bing可視化搜索可以算是做得比較早，也是做的比較好的。在旅游景點的搜索結果頁面，各景點的旅游信息以圖片的形式展示給用戶，當鼠標上浮于 圖片的時候出現該景點的名稱、旅游類型、適當的季節等信息。如下圖：

                                            圖7.Bing旅游景點搜索結果頁
同 時Bing可視化搜索還支持多個旅游景點的橫向對比。旅游景點的對比頁面主要的信息有：景點名稱、景點圖片、類型、最佳游覽時間、當前時間、酒店信息、天 氣信息、旅游景點細節、活動以及圖片展示。將龐雜的信息量以簡單明了的可視化設計方式呈現，給予了用戶直觀、具象的印象；橫向對比也能幫助用戶快速在多個 旅游目的地中做出選擇。如下圖：

圖8.Bing旅游景點橫向對比頁

 

Spezify  

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

 

圖9. Spezify的可視化搜索結果

 

 

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

 

 

 

圖10. Spacetime的可視化搜索結果

 

  優勢 ：可視化搜索，實現了信息的可視化表達，信息更直觀、形 式更有趣。與現有的搜索結果展示方式比，可視化搜索有一種令人耳目一新的感覺，具有傳統搜索無法比擬的優勢，被稱為是下一代搜索。

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

 

三、社交化搜索

簡單介紹： 社交元素對整個互聯網世界的影響越來越大，搜索領域也不例外。社交元素可以滲透到搜索結果頁，形成可 操作的搜索結果，支持用戶的評論、評價、添加標簽、分享；同時社交元素對某一結果形成的好評度、添加的分類或標簽可以成為搜索引擎算法的考量因素，對搜索 結果的排序起到一定的影響作用。

Digg

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