搜索功能，它是能讓用戶直接到達目的地的通道，起到了一個引導用戶走向的重要作用。一個成熟的搜索功能是產品優秀的表現。

說到搜索功能，你是否會想到一個放大鏡的圖標和一個矩形輸入欄？

大部分的APP都有搜索功能，搜索功能影響到用戶對產品資源的充分調動使用，它是讓用戶直接到達目的地的通道，起到了一個引導用戶走向的重要作用，一個成熟的搜索功能是產品優秀的表現。

一、搜索場景

1. 常見的搜索場景

1）作為搜索引擎入口

搜索中最常見最印象深刻的搜索引擎，比如谷歌搜索、百度搜索。

2）用于內容查找?

一般放在網站的頂部，用于查找網站的內容。

3）用于快速定位?

查找內容的變種，主要是內容定位作用，比如查找手機中某一款app。

4）用于活動推薦?

主要是電商類的APP，會在搜索欄輸入活動商品，用戶點擊搜索后進入商品活動頁面。

二、搜索用戶群體

根據搜索功能的使用，會發現使用不同的搜索場景下，用戶類型有明顯的特性，可分為：任務型用戶、鏈接型用戶、混合型用戶三種。

• 任務型的用戶：是直接使用搜索功能的用戶，在使用的時候有清晰的使用目的，直接在搜索欄輸入想要的內容關鍵詞進入搜索列表頁。
• 鏈接型的用戶：是打開一個頁面之后會找各個功能的鏈接（首頁廣告，功能入口，鏈接），即使他們已經想好了要找某些信息，他們還是會通過點擊入口而不是輸入關鍵字來找頁面，只有當他們找不到相關信息鏈接時才選擇使用搜索功能。
• 混合型的用戶：是綜合任務型和鏈接型的用戶特征，在尋找相關信息時會使用搜索也可能會尋找相關功能鏈接。

三、搜索功能的入口

不同功能，不同需求的界面會影響到搜索框入口的設計。目前主要有以下幾種搜索入口：

1. 在首頁只有搜索框

類似于Google、百度、Bing，搜索是他們的主營業務，自然希望用戶所要查看的大部分頁面都是通過搜索來獲得。所以把搜索框做為用戶的唯一使用路徑放在首頁，不論是APP還是網頁。

Bing的首頁相比Google來說，除了搜索功能外，添加了很多內容，如今日熱點話題、絢麗好看的背景圖故事等，還可以切換到國際版搜索；

Google在隱身模式下搜索，首頁只有搜索輸入欄和語音搜索入口，點擊輸入欄后跳轉到搜索輸入頁面。

簡單搜索的首頁主要有搜索輸入欄、相機搜索、語音搜索等不同的搜索方式，點擊搜索進入搜索輸入頁面。

輸入欄在不同的位置和搜索方式的組合，給用戶的體驗感受。嗖~的設計樣式側重在不同搜索引擎下的搜索結果，Google的樣式給人加深品牌印象，簡單搜索多種搜索方式展示給人專業便捷的搜索體驗。

2. 下拉頁面時才會出現搜索框

這種情況在系統界面比較容易看到，對于一個系統界面來說，給用戶提供各個APP，功能入口是一個系統的重要功能，所以對于搜索，系統做了隱藏處理。

系統桌面下拉搜索的用戶使用場景更傾向是快速定位，支持搜索手機上所有應用的相關內容，包括通訊錄，社交軟件聯系人等等。

Ios系統的下拉界面內容較少，固定在頂部的輸入欄也比較清晰，方便用戶直接在輸入欄輸入搜索；安卓的下拉界面功能元素較多，采用icon的設計比較節約界面空間，搜索入口樣式是放大鏡圖標，點擊放大鏡進入搜索頁面。

在生活中，用戶對信息的管理較為注重，鑒于用戶對信息的特殊使用場景，在啟動進入APP時，一般是按最新的信息排列，沒有顯示搜索功能。但針對較少使用的搜索場景則采用下拉的方式，下拉是用戶在使用手機中較自然的一個交互動作，另外信息本身在開啟使用的時候都會有自動更新機制，因此下拉出現搜索框不存在其他沖突風險。

3. 在點擊搜索icon后出現搜索框

輕芒雜志和每日開眼的搜索入口是單獨的一個放大鏡icon，并不是為了節省空間，而是使整個界面更有設計感，新浪財經的搜索入口只有放大鏡圖標是當前頁面的排版比較緊湊，這樣的設計更能節約空間，展示更多的重要的信息。

4. 在首頁最頂端的搜索框

對于任務型用戶或者，會使用搜索操作來直接到達自己想要到達的頁面。一般在電商類、內容類產品中較為常見，搜索往往是固定在頂部Global上的，以便用戶快速搜索想要的內容。

5. 作為一個主頁出現在底部標簽欄上

當搜索功能作為一項很重要的功能，層級很高、使用頻繁時，也會把它放在標簽欄中做為一個主頁面展示。

適用任務型、鏈接型、混合型用戶的使用偏好。輸入時仍需要跳轉到搜索前輸入頁面，這種設計比較能夠全方位向平臺用戶推薦資源。

6. 在點懸浮窗搜索icon出現搜索框

懸浮窗搜索入口能夠使用戶在瀏覽的狀態下總能注意到搜索圖標，隨時可以搜索的狀態。這個效果跟在固定首頁最頂的搜索輸入框的入口效果較相似。

四、搜索方式

最常見的搜索方式是文字搜索，但隨著智能技術的發展，搜索功能呈現的形式越來越豐富，豐富的搜索形式是文字搜索的輔助功能，能夠引導用戶在搜索上獲得更便捷更高效的體驗。目前在搜索形式上主要有文字搜索、語音搜索、圖片搜索，還有一些在此基礎上衍生的搜索形式，比如在圖片搜索基礎上在細分出掃碼搜索、拍題搜索、拍照翻譯搜索等細分領域。

1. 文字搜索

文字搜索的搜索輸入頁的元素一般有輸入欄，熱門搜索、搜索歷史、平臺搜索榜單推薦、語音搜索等。

其中輸入欄有三種情況，一種是空白的輸入欄，一種是顯示搜索類型提示，一種是顯示活動推薦搜索關鍵詞，一種是在輸入欄增加語音搜索功能。熱門搜索、歷史搜索、搜索榜單推薦這些元素使搜索輸入頁內容更豐富些，也讓用戶通過搜索更加了解平臺的其他資源或正火熱的資源。

2. 語音搜索

1）語音搜索的表現形式

語音搜索的輸入頁面設計主要有小屏彈窗式和全屏頁面兩種，進入語音搜索輸入頁面時，系統開啟語音識別模式。

在界面一般會有停止語音識別按鈕，語音識別歷史和語音識別的交互動態。

以上展示三種不同風格的語音搜索輸入頁面，簡單搜索的界面主要注重簡單精準，在界面交互設計上比較簡約。京東的語音搜索輸入頁注重人與機器的交互體驗，在頁面上除了可以語音搜索交互外，還有有智能問答交互、語音交互的教學引導、購物指南、游戲等功能，把語音搜索的功能與京東吉祥物結合起來，創造出未來的智能感。蝦米音樂的語音搜索界面比較酷炫，呈現出潮流活力的感覺。

2）語音搜索的應用場景

語音搜索提升許多用戶使用場景，比如年紀大的用戶，使用語音搜索將會比他們打字來得方便；路上不方便打字的用戶等等。語音搜索在音樂類APP上應用較多，通過識別音樂來搜索音樂的相關內容，很方便用戶不記得歌名的使用場景。部分音樂類app還針對一些場合做了些語音搜索上的優化，比如哼歌識曲，提高了用戶想要搜索的內容。

3. 圖片搜索

1）圖片搜索的頁面設計

圖片搜索輸入頁面中，核心功能是圖片搜索，但為了圖片搜索的結果質量好或者用戶使用體驗好的情況下，一般會在頁面上添加對應的元素提升體驗。在圖片拍照上會有聚焦和閃光燈用來幫助用戶提升拍攝畫質，在用戶體驗上會有新手引導、使用幫助、圖片上傳、拍照翻轉前后攝像頭、活動推薦等功能提升使用感受。

2）圖片搜索的應用場景

圖片搜索主要應用在二維碼掃描、以圖搜圖、拍照搜題、拍照翻譯、AR翻譯等5種場景，目前在搜索工具類的APP上能看到這5種使用功能場景，淘寶已經在應用端上使用AR buy+的AR識別搜索技術。

4. 搜索輔助功能

在良好的輸入狀態下，能夠減少用戶的輸入時間，快速進入搜索狀態。在文字搜索的形式下，主要有以下幾種輔助搜索功能。

搜索詞匹配、快速定位搜索詞、聯想的搜索輸入模式、輔助多重篩選搜索、分類標簽搜索

1）搜索詞匹配

搜索詞匹配在用戶對搜索的關鍵詞處于模糊的場景比較常用，幫助用戶通過匹配廣泛的關鍵字列表選擇自己最想搜索的相關內容，從而減少必要的思考和試錯時間。

2）快速定位搜索詞

快速定位搜索詞主要是提供搜索詞相關的信息和搜索結果信息前置從而縮小結果范圍，提供搜搜詞相關的信息比如顯示搜索結果數量、商品數量等，而顯示搜索詞屬性、標簽等則屬于后一種情況。

3）聯想是搜索

聯想式搜索輸入模式是app根據用戶輸入的關鍵詞和平臺的熱門關鍵綜合評價給出的聯想列表，以供用戶快速選擇搜索。

4）輔助多重篩選

電商類app一般都會有這一功能，比如淘寶的輔助多重篩選搜索，輸入時展現的一系列聯想內容，點擊右邊的一個拓展icon，就可以采用聯想出的內容，在此基礎上繼續縮小范圍篩選，從而幫助用戶獲得最接近需求的內容。

5）分類標簽搜索

當應用里的內容涉及的類別較多、范圍較為廣泛，為了搜索出的內容更加準確，減少用戶在眾多相似的搜索結果中選擇內容時的干擾，可采用分類標簽的方式便于用戶搜索。這種主要適用于用戶已知需要搜索的內容的類別，縮小搜索范圍。

5. 搜索結果

1）搜索成功

常見的搜索結果按卡片式的瀑布流頁面集中顯示，在頂部用分類標簽篩選搜索結果。在電商類的搜索結果顯示中還會注重信息的篩選功能和結果排序。

2）未搜到結果

在APP內沒有搜索到結果時，常見的有三種處理結果。

一種是直接顯示沒有搜索結果，一種是在頁面上顯示猜你喜歡類型的內容，一種是顯示重新搜索，重新搜索比較適合語音搜索的使用場景。在沒有搜索結果的頁面設計上用IP人物萌趣化的形象提示相關未搜索到的原因更讓人輕松接受，同時增加猜你喜歡聯想搜索關鍵詞也能讓用戶體驗好感上升。

五、總結

搜索使用場景主要有作為搜索引擎入口、用于內容查找、用于快速定位、用于活動推薦等。

1、根據搜索的使用可將用戶劃分為任務型、鏈接型、混合型。

2、不同功能，不同需求的界面會影響到搜索框入口的設計。目前主要的入口有在首頁只有搜索框、在下拉頁面時才會出現搜索框、在點搜索icon后出現搜索框、在首頁的最頂端的搜索框、在獨立頁面的搜索框、在點懸浮窗搜索icon出現搜索框。

3、常見的搜索形式上主要有文字搜索、語音搜索、圖片搜索。

4、文字搜索的搜索輸入頁的元素一般有輸入欄，熱門搜索、搜索歷史、平臺搜索榜單推薦、語音搜索等。

5、常見的搜索輔助：搜索詞匹配、快速定位搜索詞、聯想的搜索輸入模式、輔助多重篩選搜索、分類標簽搜索。

6、語音搜索的主要應用是語音翻譯、聽歌識曲、哼歌識曲。

7、圖片搜索的主要應用是二維碼掃描、以圖搜圖、拍照搜題、拍照翻譯、AR翻譯、以圖搜劇等。

8、對搜索不到結果的顯示盡可能的萌趣些，引導用戶下一步操作，避免用戶在搜索不到產生的消極情緒而影響產品的使用。

本文由 @王迪 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Pexels，基于 CC0 協議