網站搜索功能分析：拿什麼提升你的搜索體驗

仲介交易 SEO診斷 淘寶客 雲主機 技術大廳

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

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

認識搜索

一、關於使用者

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

快進快出，是搜索的一種理想形式，也是使用者的願望。

二、搜索的表現形式

Ÿ搜索框

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

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

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

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

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

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

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

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

Ÿ搜尋結果

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

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

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

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

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

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

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

提升搜索體驗的幾條途徑

一、珠型增長策略

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

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

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

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

圖6. SOSO音樂搜尋網頁面

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

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

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

二、視覺化搜索

簡單介紹：視覺化搜索(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新聞清單的社交動作頁面如下圖所示：

圖11. Digg新聞清單的社交動作頁面如下圖所示

Flickr

搜索Flick上的圖片很容易，很大程度上也是得益于社交化操作。 每張圖片都允許使用者標記為「最愛」，可以查找所有尺寸，可以分享到多個SNS網站;同時可以尋找類似圖片或者是同一來源、相冊、圖片池的其他圖片。 此外，Flickr還鼓勵使用者添加標籤、備註和評論。 這些資訊可以累計為搜索中繼資料，使今後的搜索行為更加方便。 Flickr的社交化搜尋網頁如下圖所示：

圖12. Flickr的社交化搜索#p#副標題#e#

優勢：社交化可以拉近搜索與使用者的距離，説明搜尋引擎完成對搜尋結果的自組織篩選和排序。 為搜尋結果增加評論、標籤和備註，促進了資訊的可搜尋性，社交和可搜索的元素形成了一個良性迴圈。

問題：你的資訊是否有足夠的吸引力號召使用者參與到你的社交化中，過少的社交參與幾乎沒有意義;社交化元素如何設置以及設置多少，也要考慮使用者使用你產品時的操作習慣和潛在需求;社交化滲透到搜索演算法中，你是否已經做好了充分的技術準備。

四、移動互聯網搜索

簡單介紹：移動平臺是有史以來增長最快的平臺，也是一個極為有趣的平臺。 螢幕的狹小空間、軟鍵盤的輸入難度以及晃動不已的使用情境，成為傳統搜索的桎梏。 但是當我們把麥克風、喇叭、GPS、加速感應器、磁力儀和多點觸控介面集于一身時，也同時重新定義了搜索的可行性。 下文簡單的羅列一下移動平臺典型的搜索細節和形式。

輸入時的智慧建議

輸入效率低下是移動平臺的一大難點，因而輸入過程中給予使用者近似匹配的建議是必需的。 既可以節省使用者鍵入關鍵字的操作成本，又可以給予使用者具有建設性意義的詞語推薦，倍顯人性化。

語音智慧搜尋

語音搜索也是克服移動平臺輸入效率低下的一種解決途徑，而且在某些搜索情境下語音搜索是唯一合適的搜索方式，比如歌曲搜索。 下圖是SoundHound(漢語：獵曲奇兵)語音歌曲搜索的介面：

圖13. SoundHound語音歌曲搜索的介面

拍照搜索

越來越多的手機附帶了拍照功能，很多商家開始瞄向這一應用，試圖利用拍照功能將線下實物與線上商品資訊結合起來。 使用者在生活中遇到自己心儀的物品，可以拍張照片，使用該照片搜索網上的相關資訊。 這種搜索方式快捷、實用，並能不斷為生活增加意想不到的樂趣。

基於地理位置的搜索

GPS定位可以説明使用者確定自己的地理位置，基於地理位置的搜索為使用者提供附近的加油站、餐廳、銀行的地理位置、簡單介紹及好評度等資訊。 這種搜索方式往往和手機地圖結合在一起，為不熟悉周邊環境的人們提供了導遊作用。 Getit Local Search app就是這麼一款產品，介面如下圖所示：

圖14. Getit Local Search app搜索介面

基於感應器的搜索

搜索的輸入形式除了文字、語音和圖片外，還可以借助感應器偵測出地球磁場、空氣污染情況、心率和人體的葡萄糖含量等。 感應器使我們超越了自身的感覺進行搜索，並可以結合富介面，創造出更加智慧、更加便利的搜索產品。

基於加速度感應器的搜索

加速度感應器有很多神奇的應用，旋轉手機可以查看照片全景，搖一搖手機就能清空當前內容，舉起手機就能執行搜索，甩一下手機可以將搜尋結果資訊傳給你的好友。 手勢交互的搜索方式昭示著一種全新的搜索體驗正要來臨。

優勢：移動互聯網搜索方式更加多樣，搜索輸入形式可以是文字、語音、圖片及感應資訊，搜索過程由於重力加速度和手勢交互的參與而變得活潑有趣，搜尋結果可以是包含地理定位資訊的富媒體介面。 一種全新的搜索模式正從移動互聯網開始。

問題：如何儘量減小輸入的低效率問題，以及搜尋結果展示空間狹小的問題是移動互聯網搜索的核心難點。

小結

現有的搜索體驗方式並沒有真正滿足使用者對資訊檢索的需求，從形式到內容都有巨大的發展潛力。 珠型增長策略為使用者提供更加智慧的延展性搜尋結果;視覺化搜索實現了資訊的視覺化表達，資訊更直觀、形式更有趣;社交化可以説明搜尋引擎完成對搜尋結果的自組織篩選和排序，促進資訊的可搜尋性;移動互聯網由於語音、拍照、地理定位、 感應器等新元素的加入而賦予了搜索新的可行性。

原文位址：HTTP://thinkingrain.lofter.com/post/3f64_54c87