搜索入口

如果搜索功能在產(chǎn)品中的比重相對比較重要，是需要重點突出的，可以采用如下設(shè)計策略：

1. 放在比較明顯的位置，或者用明顯的視覺元素吸引用戶注意力；
2. 頁面滑動的時候一直存在，或者一直有快速入口立刻切入；
3. 獨立的一級tab專門用于搜索；
4. 同時使用上述多個策略；

淘寶的搜索功能比較重要，放置位置較明顯，同時頁面滑動時，一直固定頂部

口袋購物除了將搜索入口一直放置在頂部外，還專門放了搜索的tab

如果搜索相對而言不是很重要，或者用戶早已熟悉產(chǎn)品的結(jié)構(gòu)想把其他功能突出弱化搜索時，可采用如下策略：

1. 適度的位置留個入口進(jìn)入，不明顯突出；
2. 首次使用時顯示搜索入口，后續(xù)再次進(jìn)入時隱藏搜索入口；
3. 搜索入口一直留著，但頁面滑動時，不固定；
4. 完全隱藏搜索入口，通過新手教程引導(dǎo)，通過手勢促發(fā)；

微信的搜索入口第一次進(jìn)入時呈現(xiàn)，后續(xù)進(jìn)入不呈現(xiàn)，通過下拉查看搜索入口

IOS原生的快速搜索入口一直隱藏，通過手勢下拉觸發(fā)

搜索頁面

移動端的搜索往往都是跳轉(zhuǎn)至單獨的搜索頁面，根據(jù)時間順序可以分為三個階段：搜索前、搜索輸入中、搜索完成后。

搜索前

搜索前的搜索頁面是app的默認(rèn)搜索頁面，往往包含以下元素：

1. 退出搜索的按鈕；
2. 搜索提示信息，比如輸入哪些內(nèi)容進(jìn)行搜索，提示可以在輸入框內(nèi)，也可以放在輸入框下面；
3. 歷史記錄，已經(jīng)搜索過的信息一鍵即可完成搜索，減少用戶手動輸入；
4. 熱點關(guān)鍵詞推薦；
5. 根據(jù)用戶信息進(jìn)行推薦的內(nèi)容；
6. 廣告；

…

微信、微博、美團(tuán)的搜索默認(rèn)頁面放置了默認(rèn)提示、歷史記錄、實時熱點、熱門推薦等內(nèi)容

百度還放置了垂直搜索入口和一些工具的入口

垂直搜索或者有需要分類的搜索，除了上述信息外，還需要有選擇搜索的分類項：

搜索輸入中

在輸入關(guān)鍵字搜索過程中，主要包含以下要素：

1. 輸入的關(guān)鍵字，以及刪除關(guān)鍵字的按鈕；
2. 匹配關(guān)鍵字的內(nèi)容，如果內(nèi)容過多，有進(jìn)入更多列表的入口；
3. 如果內(nèi)容分模塊，則顯示有關(guān)鍵字匹配的各模塊，或者可以進(jìn)行模塊切換；
4. 如果每個匹配記錄含有多個結(jié)果，可以標(biāo)出對應(yīng)的數(shù)目；

旅游攻略和美團(tuán)的搜索過程頁面(輸入鍵盤已經(jīng)隱藏)

知乎搜索，除了分模塊外，還可以進(jìn)行內(nèi)容和用戶的切換

很多搜索到第二步已經(jīng)完成了，點擊搜索按鈕的結(jié)果頁面就是當(dāng)前關(guān)鍵字匹配頁面。但是也有部分app有搜索結(jié)果頁面，點擊搜索后跳轉(zhuǎn)。

如果是多項選擇操作中的搜索，除了上述元素外，還需要有一個容器用于盛放已經(jīng)選擇的項，從而可以進(jìn)行二次搜索。

微信發(fā)起群聊選擇聯(lián)系人過程中可以進(jìn)行搜索，同時有容器盛放已選擇的項，以便可以反復(fù)搜索

搜索完成后

輸入關(guān)鍵字點擊搜索按鈕后跳轉(zhuǎn)搜索結(jié)果頁面，有些搜索的搜索結(jié)果就是第二步的關(guān)鍵字匹配頁面，僅僅把輸入鍵盤隱藏了。但是也有很多搜索有結(jié)果頁面，搜索結(jié)果頁面主要包含以下要素或行為：

1. 重新返回搜索界面的按鈕；
2. 搜索輸入框，且輸入框內(nèi)容就是搜索的關(guān)鍵字；
3. 刪除搜索框內(nèi)容的刪除按鈕；
4. 輸入焦點放入輸入框的時候，搜索頁面重新回到第二步的界面；
5. 頁面下滑時，搜索輸入框往往固定頂部，或者有快速呈現(xiàn)的方式（比如向上滑動立刻成型）；

微博、大眾點評的搜索結(jié)果頁面，輸入框始終固定頂部，不隨頁面滑動而隱藏

閑魚的搜索結(jié)果頁面中，搜索框在頁面下滑時隱藏，但是上滑時立刻呈現(xiàn)

結(jié)尾

搜索功能基本是每個app都會用到的，本文只是把常見的搜索設(shè)計方法進(jìn)行了一次概括總結(jié)，意圖提取一套搜索的“設(shè)計模板”。然而場景是千變?nèi)f化的，設(shè)計最有意思的就是根據(jù)不同場景找到最合理的解決方案，“模板”是死的，僅供參考而已，而人是活的，不要禁錮于“模板”。

本文由 @Bingo Sun 原創(chuàng)投稿，并經(jīng)人人都是產(chǎn)品經(jīng)理編輯。未經(jīng)許可，禁止轉(zhuǎn)載。