設計搜索功能，注意7個交互細節

筆者將從多款成熟的產品中體驗搜索功能，淺談幾點心得體會。

互聯網經歷了從信息孤島至網絡發言權的解放，到現在解決海量信息在細化后的定向搜索和獲利機制的問題，個性化多元化的內容成為互聯網的現狀。

搜索功能成為每個人獲取信息的交互方式，用戶對于搜索引擎的依賴逐漸增加，這是屬于搜索的時代。

本文將結合實例，介紹符合用戶體驗的搜索功能應具備哪些因素？未來智能化搜索功能有哪些趨勢？

以實際案例分析搜索功能，希望對你有幫助。

一、設計搜索功能的目的

獲取信息的便捷性：隨著智能手機普及和網絡響應速度的提升，用戶從互聯網中獲取信息的途徑更加便捷。

解決搜索的低效率：完善搜索功能的目的是提高用戶獲取信息的交互效率，方便用戶從海量信息中精準快速的找到相關內容，解決用戶搜索效率低的痛點。

二、不合理的搜索案例

1. 案例

我打開某一個外賣APP，想找找附近有什么好吃的面食，找不到搜索功能，難道我需要從一堆米飯火鍋里找面食嗎？

我想去看電影，搜地圖的時候，搜索框太小了，點錯好幾次；好朋友推薦了一個視頻APP，搜索框沒有搜索提示，我搜“勵志”“愛情”的視頻類型呢？還是搜“耐克”“藍標”公司品牌呢？

2. 問題

《設計心理學》講到：

“任何帶來不必要麻煩的東西都被冠以‘諾曼’這個名字。當某種產品為‘諾曼門’，實際是承認了該產品的制作者沒有關注用戶的需求，而這正是我要傳達的信息。”

雖然這些日常問題聽起來微不足道，但卻能夠影響你的心情：或者讓你心情愉悅，或是令你灰心喪氣。

三、合理的搜索具備哪些因素

1. 產品的需求程度與目標用戶緊密關聯

不同的產品適用于不同的目標用戶，此產品設計的所有功能都需要根據目標人群定義，脫離目標人群而設計產品功能相當于閉門造車，對產品設計危害極大。

資深產品經理梁寧講述經典用戶畫像時，將用戶分為三種典型特征：大明、笨笨和小閑。

• 大明用戶對于自己的需求非常明確、非常清晰。比如：男人買襯衫和買3C產品就是典型的大明用戶，搜索需求程度最大，并要求高精準度和高效率；
• 笨笨用戶的特征是——我有大概的需求，但是還沒有那么明確。比如：女生買裙子，得看和挑選。笨笨用戶需求程度中等，搜索精準度要求不高；
• 小閑用戶沒有消費需求，就是為了打發時間。比如：聊天，玩游戲或者看短視頻等。搜索需求量最小，搜索精準度和效率要求最低。

2. 搜索框的位置

產品描述：打開產品首頁，搜索框位置統一放置在產品上方或右上角。

設計理由：根據目標人群對于搜索需求程度分析，產品用戶搜索精準度和效率需求程度高時，搜索框位置應放置于產品上方，并以深色底做高反差對比，強調搜索框位置便于用戶使用搜索。

產品用戶搜索需求程度中等時，降低搜索框和底色反差對比，但搜索框的位置仍然保持在最上方，便于用戶尋找和搜索；

產品用戶搜索程度較低時，搜索功能弱化為icon，放置于右上角。

3. 搜索框的UI細節易于用戶理解和交互

產品描述：搜索框高度通常為50pt-30pt之間，同時使用“icon”替代“搜索”文字，搜索框右側放置語音或圖片識別的搜索icon；

設計理由：根據蘋果的《iPhone人機界面設計規范》，手指最小的點擊目標尺寸是44 x 44像素。搜索框或搜索icon的交互區域應大于44 x 44像素。遵循人們習慣從左到右的閱讀習慣，搜索icon放置于左側，方便用戶查找。

4. 搜索框增加默認文本

產品描述：美團的默認文本為用戶最近瀏覽或購買過的外賣飯店；高德地圖搜索框中的默認文本是搜索框提供的主要功能；即刻搜索框的默認文本是最近搜索熱詞。

設計理由：搜索功能默認文本的作用是幫助產品為用戶解答能搜什么的問題。如果搜索框內無提示語，那么用戶使用產品搜索時所產生的困惑和無助感極大可能使產品損失大量用戶。外搜索默認文本的設計和產品目標用戶應提高關聯度，比如：

• 美團外賣解決的痛點是幫助用戶又快又好的點外賣。每一位用戶都有自己的口味，那么通過分析用戶的使用記錄，結合大數據統計將搜索默認文本展示為用戶經常點擊的飯店名稱，可以提高用戶點餐效率；用戶又會覺得產品很懂自己的口味，達到提高用戶粘度的作用；
• 高德地圖解決的痛點是幫助用戶導航，到達目的地。那么搜索框的默認文本簡單直接地提示用戶進行搜索，功能效率最高；
• 即刻是興趣社區，目標用戶類型多為小閑用戶（使用產品的目的為打發時間），搜索框內默認文本為最近熱詞有助于用戶搜索，提高產品日活。

5. 搜索時留存歷史記錄和推薦搜索詞

產品描述：點擊搜索框保留歷史記錄；同時，頁面展示推薦搜索熱詞；

設計理由：點擊搜索框后，保留歷史記錄，幫助用戶在搜索同一內容時快速查看，節省重復輸入的糟糕體驗；為用戶增加推薦搜索內容，當用戶準備搜索關鍵詞時，無意中在產品推薦搜索內容中找到感興趣的熱詞時，很容易激發用戶的點擊查看而提高產品相關熱詞或商品的點擊率和購買量。

6. 搜索提示

產品描述：用戶搜索時無需輸入完整內容，搜索功能實時根據用戶搜索詞，展示相關搜索內容供用戶選擇；

設計理由：效率為王的互聯網時代，為用戶節省時間可以極大的提高用戶好感度。此功能比較考驗產品優化搜索關聯的內容，提高準確率，準確度越高用戶驚喜感越高。

7. 搜索容錯率

產品描述：搜索內容出現錯別字，搜索時基本不會出現錯誤頁面，而是通過產品容錯率將用戶可能想搜索的內容展示給用戶；

設計理由：搜索容錯率的最大作用是避免將“錯誤搜索”或“無搜索內容”等負面狀態傳遞給用戶，造成用戶使用產品的挫敗，疑問甚至憤怒的負面情緒，從而流失用戶。

優秀的搜索功能將具備搜索容錯率并提高容錯率準確度，而更符合用戶體驗的細節在于：如果用戶搜索的內容是比較偏僻的生詞，如用戶搜索“外形人”，產品應提示用戶“是否繼續搜索‘外形人’”選項，賦予用戶選項的權利，可以提高用戶的好感度。

四、總結

1. 搜索功能的變化

如果你在百度搜索諸如“打雷”或是“成龍”等，就會很形象的出現打雷的聲音；成龍的個人簡介、興趣愛好、喜歡的顏色和相關人物推薦等等。又比如你上傳一張圖片至百度，就會自動統計與該圖片相關的信息或圖片來源。

2. 搜索交互的變化

用戶搜索已不僅僅局限于點擊搜索框、輸入文字點擊搜索，未來更多的趨勢已逐漸向語音，圖像甚至AR等智能化層面發展。

甚至，搜索行為會慢慢從主動變為被動：產品通過去年一年的服裝購買行為數據，推算出你今年同一季節可能需要購買的衣服類型，主動詢問你是否需要搜索；通過出行記錄，主動在下班時詢問你是否需要搜索交通路況；很快會出現和平臺無關的跨設備檢索和數據搜索方式，就像不同的手機應用間可以同步共享聯系人信息。

3. 搜索未來的展望

無論未來智能搜索會發展到什么程度，搜索歸根到底仍然是和人交互的行為，而和人的交互就需要考慮到用戶體驗，搜索只是產品中很小的細節，還有更多細節等待我們學習和思考。

 

本文由 @藍色彈珠  原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自 Unsplash，基于 CC0 協議