搜索功能是絕大部分產品中標配的功能，因為搜索功能可以幫助用戶快速找到想要的內容，縮短用戶使用成本，文章主要聊一聊App搜索框的產品設計邏輯。
產品設計中，不管是由簡到繁還是由繁到簡，都有著固定的方式方法，也體現著一個產品生命週期的特徵。而針對某一個功能的產品設計，則需要有業務型的邏輯，比如：搜索框的設計。
搜索功能是絕大部分產品中標配的功能，因為搜索功能可以幫助用戶快速找到想要的內容，縮短用戶使用成本，目前為止還沒有什麼方法能夠代替，區別只在於隨著技術的更新，搜索的方式更多樣了，現在僅聊一聊App搜索框的產品設計邏輯。
用戶對於搜索的需求和過程可以理解為需要搜索功能→查找搜索功能→進入搜索功能→使用搜索功能→得到搜索結果。
一、是否需要搜索功能
一個產品是否需要搜索功能取決於該產品的業務需求，大致分為不需要和需要兩種狀態。
搜索雖然是一個提升用戶體驗的利器功能，但是如果不考慮產品實際情況，不管什麼App都增加搜索功能的話，首先會增加開發成本，其次會增加用戶的理解成本和打亂用戶使用的流程。
比如：Amazfit手錶和摩拜這兩款工具型App，兩者都是搭配硬件使用的，旨在連接硬件並獲得使用數據，數據和場景都比較單一，所以不需要搜索功能。
試想一下，如果工具型App增加搜索功能，會是在什麼場景下呢?
搜索功能已經成了絕大部分App的必備功能，比如：社交類、內容類、電商類、社區類等產品，搜索功能都是必不可少的，且不同的產品對搜索的定位也不一樣。
雖然搜索可以解決用戶快速找到對應內容的問題，但是不同的應用場景和頁面，有強弱的區別，在做產品設計時可以根據用戶使用頻率及功能等級進行考慮。
二、查找搜索功能
確定了產品需要搜索功能後，就進入到下一個環節的設計，如何讓用戶找到搜索功能。搜索框的入口一般有幾種：一級tab、搜索框、搜索icon、隱藏式搜索框。
©微博 ©得到
©產品經理 ©有道雲筆記
1. 快速找到
用戶的搜索需求會出現在兩個時間點，一是搜索目的明確，打開App就需要使用，另一個時間點是在使用App的過程中產生搜索需求，這個需求我們很難確定用戶在執行什麼操作，所以需要根據頁面及產品類型進行設計。
可以確定的是，兩種需求時刻，都要求我們的產品可以快速讓用戶找到搜索功能並使用，所以搜索功能的位置非常重要。
當前絕大部分App的搜索功能都放置在頁面頂部，以搜索框或者“放大鏡”的樣式存在，用戶已經養成了習慣，當需要使用搜索功能時首先會尋找頁面的頂部位置。
有部分App會設置一級tab“發現”頁面，用以承載搜索功能，該類型的App大都以內容類產品為主，但是千萬不要嘗試因為追求差異化，而把搜索功能放在頁面的其他角落，這絕對是是一個失敗的產品。
2. 快速識別
在用戶潛意識的位置中放置搜索功能，還有一個要求是降低用戶的識別成本，讓用戶一眼就能看出是搜索功能，而不用經過判斷。當前最常見的就是搜索框或者“放大鏡”icon樣式兩種，用戶不需要判斷就能識別該功能為搜索功能。
搜索框的樣式總的來說有矩形和圓角兩種，配合內部默認文案，有多種組合。
也有一些比較特殊的搜索樣式，比如：網易有道翻譯中精品課的搜索頁面就進行了新的嘗試，但是用戶接受成本比較高，不建議輕易嘗試。
©有道翻譯
icon樣式每個公司的設計師出品都有所區別並且儘可能的想有特色，但是從產品的角度來說，“放大鏡”icon的細節越少，識別度越高，不要過度的設計。
三、進入搜索功能
進入搜索功能主要指的是用戶發現並點擊搜索功能後的交互及頁面，雖然各種類型的App有所區別。
但是大致也分為兩種：
- 一是進入新的頁面；
- 二是在當前頁面進行搜索。
進入新的頁面，往往是因為搜索功能很重要且要展示的信息太多，需要有一個單獨的頁面去承載，這是當前最常見的一種方式。在新頁面中可以展示熱搜詞語或者運營需要展示的相關信息，也可以展示用戶搜索歷史等，進一步降低用戶使用搜索功能的成本。
在當前頁面進行搜索可能是因為信息不好歸類或者較為隱私，無法做數據處理，也表現為搜索功能對當前頁面是弱需求，使用頻率不高，比如：小米手機信息的搜索功能，雖然是新彈出一個頂部欄，但是與在當前頁面進行搜索無異，只是從視覺上進行了設計。
©小米信息
很多App在頁面的初始狀態時搜索功能是很明顯的，並且佔用一定比例的位置，但是在用戶有其他操作的情況下，搜索功能的視圖會發生對應的變化。
迅雷首頁的搜索功能在初始位置時是置頂的，但是當用戶上滑頁面時，會發生頂部搜索框隱藏被替換為分類，下滑頁面恢復搜索框的交互效果。因為該頁面主要以推薦為主，當用戶上滑頁面時，搜索功能的需求被弱化，隱藏可以增加頁面顯示的內容，而為了可以讓用戶快速的進入搜索功能，只要執行下滑頁面，就會恢復搜索功能。
©迅雷
四、使用搜索功能
從進入搜索頁面開始，就需要查看頁面內容，輸入搜索詞，點擊搜索，這是用戶使用搜索功能的完整過程。
1. 推薦內容
推薦內容包括幾個方面，搜索框置灰關鍵詞，頁面顯示的歷史搜索，熱搜詞以及提前搜索並展示的內容。在搜索頁面放置歷史搜索和熱搜詞是大部分App最常用的方式，比如：內容類和電商類產品。
歷史搜索可以方便用戶快速查找以前搜索的內容，無需再次輸入，但是一定要注意出於用戶隱私保護，歷史搜索記錄需要支持刪除功能。
熱搜詞是根據算法展示搜索次數最高的關鍵詞，對於進入搜索頁面但沒有強目的的用戶來說，熱搜詞可以降低用戶思考成本，提高產品/內容的查看次數，但是一定要注意熱搜詞的更新算法，熱搜詞本身就有引流的功能，如果單獨按照搜索次數來決定是否上熱搜，會出現熱搜詞榜非常穩定的情況。
搜索框文本一般為“請輸入搜索內容”進入搜索頁面後光標在搜索框起始位置並調用鍵盤，輸入內容後搜索框會自動更新為輸入內容。
還有一種方式是把“請輸入搜索內容”替換為預設關鍵詞並定時更新，點擊搜索會直接搜索並展示搜索結果，這個過程也是引導的作用，與熱搜詞類似（如天貓App）。
在此基礎上，還可以有一種選擇，那就是在進入搜索頁面後，直接搜索並展示輸入框關鍵詞的搜索結果，這種方式可以更快速地向用戶展示有針對性的運營內容，缺點是進入搜索頁面即為結果顯示頁面，熱搜詞和搜索歷史等內容就沒有空間可以顯示。
做的比較失敗的是閒魚，在搜索頁面沒有任何內容推薦，不過在輸入字符以後會對內容進行過程匹配，補充聯想關鍵詞。
©閒魚
2. 搜索方式
在輸入搜索內容時關鍵詞匹配有兩種處理方式：一個是輸入過程匹配；一個是輸入完成匹配。
輸入過程匹配：在輸入時，每輸入一個字符，就進行一次匹配，同時更新頁面信息。這裡更新的信息，可以是針對輸入內容進行推薦的信息，也可以是搜索結果。
這種方式可以對搜索結果做出即時反饋，引導性強，效率非常高，但是輸入過程匹配對於計算能力要求比較高，可以根據自己的產品和實際情況考慮是否需要此功能，否則需要加載等待，影響體驗。
閱讀更多 人人都是產品經理 的文章
