本篇文章，作者從交互體驗層面解析一下搜索功能，希望對你有所幫助。

搜索，幾乎是每一個涉及內(nèi)容的APP都具備的功能，這里所說的內(nèi)容包括但不限于商品、資訊、資料等。隨著移動互聯(lián)網(wǎng)的發(fā)展，無論從技術(shù)還是從體驗層面，搜索功能都變得越來越強大，體驗變得越來越精細(xì)。今天我們本篇文章，就從交互體驗層面解析一下搜索功能。

基本流程

首先我們以蘇寧易購為例來看一下搜索的基本流程：

從截圖中不難看出，搜索的基本流程包括：搜索入口->輸入關(guān)鍵詞->搜索->搜索結(jié)果。

接下來，我們再從每個環(huán)節(jié)，進(jìn)行細(xì)節(jié)分析。

搜索入口

搜索入口設(shè)計，一方面要基于對用戶行為的洞察，即用戶在應(yīng)用中什么時候需要搜索；另一方面要結(jié)合產(chǎn)品目標(biāo)的設(shè)定，即希望用戶在什么情況下使用搜索。為了說明這個結(jié)論，我們先來看幾張截圖：

在截圖中可以看到，有的搜索框是非常明顯的通欄，而有的則是提供一個按鈕。這個現(xiàn)象映射出的問題就是產(chǎn)品為什么要這樣設(shè)計。在移動設(shè)計中，屏幕就那么大，某個元素占什么位置，多大區(qū)域，就代表其重要性是怎樣的。

一般情況下，電商類的搜索框都非常明顯，這是因為90%以上的用戶使用電商類查找產(chǎn)品時，首先會使用搜索，其次是活動專題，再次是分類檢索。而對于新聞資訊類產(chǎn)品，對搜索的依賴就沒那么強烈，相反更多是基于大數(shù)據(jù)、云計算的推薦策略，例如今日頭條，就是以強大的個性化推薦為切入點，快速占領(lǐng)了市場。

上面講的是形式的入口，下面我們再來看看內(nèi)容的入口-搜索關(guān)聯(lián)。我們以美團和網(wǎng)易新聞為例來說明一下。

首先看默認(rèn)搜索頁面

然后是輸入關(guān)鍵詞的關(guān)聯(lián)頁面

在美團中，我們輸入一個“火鍋”關(guān)鍵字，美團搜索框下方會出現(xiàn)非常詳細(xì)的關(guān)聯(lián)內(nèi)容，而這些內(nèi)容不僅是與關(guān)鍵詞高度關(guān)聯(lián)，并且還是基于用戶LBS給出的。如此一來，用戶基本上不用看搜索結(jié)果，就能大致的了解情況，最大限度提高了用戶的搜索效率。

而在網(wǎng)易新聞中，我們輸入關(guān)鍵詞“英倫對決”，會發(fā)現(xiàn)搜索框下方與之相關(guān)的內(nèi)容，但沒有更多的內(nèi)容。

搜索及退出

關(guān)于搜索及退出，我們先來看一個案例，以下是（帶有搜索按鈕的搜索）的截圖

以下是（帶有取消按鈕的搜索）的截圖

這兩個的區(qū)別還是比較明顯的，那為什么要這么做呢，還是以上的兩個APP，帶有搜索按鈕的APP，我們會發(fā)現(xiàn)首頁的搜索框，會默認(rèn)顯示某個關(guān)鍵詞，點擊搜索框，進(jìn)入搜索頁面后，默認(rèn)關(guān)鍵詞還會存在。

到這也許大家就發(fā)現(xiàn)了，頁面進(jìn)來后，默認(rèn)情況下，鍵盤是不會彈起的，那如果用戶要搜索關(guān)鍵詞怎么辦呢？那就點擊搜索框后面的“搜索”按鈕就能進(jìn)行搜索。

而對于另一個APP，我們發(fā)現(xiàn)情況就不一樣了，首頁搜索框里面沒有搜素框，點擊搜索框，進(jìn)入搜索頁面，這時候看到的就是“取消”按鈕，只要我們點擊搜索框，鍵盤就會彈出，可以點擊搜索。

不過這里仍然有一個問題，鍵盤彈起來后，如果不輸入關(guān)鍵詞，點擊“搜索”會出現(xiàn)什么樣的情況，我們用今日頭條的搜索來看一下，會發(fā)現(xiàn)它是給了一個提示。這里個人感覺并不是特別妥當(dāng)。

更建議如果沒有輸入關(guān)鍵詞，鍵盤上的“搜索”可以置灰不可點擊。當(dāng)輸入關(guān)鍵詞后，再可以搜索。

而對于專項搜索而言，例如在線教育APP中，因為搜索大多是搜索課程，那可以考慮沒有輸入關(guān)鍵詞時，點擊鍵盤上的“搜索”按鈕時，可以列出所有課程。

另外一種情況，就是產(chǎn)品也可以根據(jù)自己的邏輯，把想要推薦的內(nèi)容列出來。

搜索結(jié)果

從前面的邏輯，我們再來看看搜索結(jié)果頁面，也會發(fā)現(xiàn)后面有很多需要思考的方面。我們先來看幾個截圖

通過京東的兩個搜索結(jié)果頁面可以看出，如果搜索的關(guān)鍵詞有相應(yīng)的京東自營的店鋪，會先顯示相關(guān)的內(nèi)容，然后才是相關(guān)的商品列表；天貓基本也是同樣的道理。

而對于包含多版塊產(chǎn)品的搜索結(jié)果列表，則會按照版塊列出相應(yīng)的結(jié)果。例如今日頭條的搜索結(jié)果頁面：

搜索歷史

搜索歷史也是搜索過程中比較重要的點。搜索歷史設(shè)計，需要考慮以下兩個方面：

1. 未登錄/已登錄兩種狀態(tài)下的搜索歷史差異。首先是兩種狀態(tài)下是否都有搜索歷史，其次是如果有歷史，那兩種狀態(tài)下的搜索歷史是否一樣。
2. 跨平臺設(shè)計。如果一個用戶在手機端搜索了若干內(nèi)容，再訪問PC版時，相關(guān)的搜索歷史是否需要同步，以及如何同步，都是需要考慮的。

搜索總結(jié)

所有在用戶體驗上的努力，都是為了提高用戶效率。從這個角度來梳理搜索背后的邏輯：首先我們有一個明確的產(chǎn)品定位，然后基于這個定位策劃用戶行為路徑，明確了用戶行為路徑，就可以確定搜索的定義以及具體的功能設(shè)計，最后再通過用戶數(shù)據(jù)進(jìn)行驗證，進(jìn)入迭代優(yōu)化階段。

最后一點需要提醒的是，同樣的APP在安卓版和蘋果版上還是有差別的，所以也需要關(guān)注版本的差異。

作者：古木 ?微信公眾號：E木筆記

本文由 @E木筆記 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pixabay，基于 CC0 協(xié)議