搜索框便于用戶快速定位和查找內(nèi)容，因此隨著搜索技術(shù)的不斷發(fā)展，搜索幾乎是每個(gè)app的標(biāo)配功能；本文簡(jiǎn)單討論搜索框的設(shè)計(jì)策略，梳理常見app的搜索框設(shè)計(jì)原理。
功能形式
1.搜索框固定在頂部欄，強(qiáng)功能，常見于海量?jī)?nèi)容為主導(dǎo)的產(chǎn)品，如淘寶，餓了么，查找商品/服務(wù)；
2.以icon的形式存在，如網(wǎng)易郵箱，定位某一郵件；
3.常駐一個(gè)入口，但第一次進(jìn)入顯示后，再次進(jìn)入隱藏，需下滑才能看到，如微信；
4.隱藏功能，弱提示，下滑喚起，如ios系統(tǒng)搜索；
手機(jī)淘寶
用戶的第一步就是瀏覽商品，比如要買一雙跑步鞋，查找商品最有效的方式就是搜索平臺(tái)的所有跑步鞋。因此淘寶的首頁(yè)搜索框固定在頂部欄，便于用戶快速搜索。
網(wǎng)易郵箱
網(wǎng)易郵箱的核心功能是瀏覽郵件，收發(fā)郵件。因此，搜索的目的是快速查找某一封郵件，作為icon次級(jí)按鈕
微信
作為社交軟件，核心功能是解決通訊，包括文字，圖片，語(yǔ)音，視頻；
IOS
蘋果原生系統(tǒng)的搜索作用同微信的搜索一致，搜索包括通訊錄，各大應(yīng)用的關(guān)鍵詞檢索
搜索前
1.搜索框下拉展示熱門搜索和歷史搜索，，例如京東；
2.根據(jù)當(dāng)季熱門，個(gè)人搜索歷史等邏輯，搜索框內(nèi)默認(rèn)搜索值，例如淘寶；
3.搜索框下拉展示歷史搜索記錄；
4.分類搜索，例如微信；
京東
鑒于用戶是碎片化時(shí)間購(gòu)物，因此不同時(shí)間段搜索同一件商品是高頻操作，保留歷史搜索，便于用戶操作。熱門搜索的作用有兩點(diǎn)，第一，緊跟當(dāng)前搜索熱門，例如夏天的熱搜會(huì)是拖鞋，短袖等，若出現(xiàn)雪地靴是不好的體驗(yàn)；第二，可作為廣告位出售，提高點(diǎn)擊流量。因此，熱門搜索詞的維護(hù)可以是運(yùn)營(yíng)后臺(tái)人工維護(hù)，也可以是制定排序規(guī)則自動(dòng)更新。
手機(jī)淘寶
搜索前的設(shè)計(jì)是：搜索框默認(rèn)值，歷史搜索，搜索發(fā)現(xiàn)。個(gè)人猜測(cè)是，淘寶體現(xiàn)的是<猜你喜歡>，因此在搜索結(jié)果，商品推薦，首頁(yè)商品都是根據(jù)個(gè)人的搜索，瀏覽，購(gòu)買記錄等綜合計(jì)算得出。因此搜索框默認(rèn)值，搜索發(fā)現(xiàn)是同理
百度地圖
作為出行幫助工具，場(chǎng)景1，打開軟件搜索地點(diǎn)查看地點(diǎn)后，為節(jié)省流量消耗，關(guān)閉軟件，在出行一段路程又重新搜索路線；場(chǎng)景2，第一天導(dǎo)航至目的地，第二天還需導(dǎo)航至同一目的。因此，搜索同一地點(diǎn)是屬于高頻需求，記錄歷史搜索可以有效提高用戶搜索效率。
微信
分類搜索，可以選擇分類，再輸入搜索內(nèi)容；常見于內(nèi)容類型多的app，需明確區(qū)別搜索，過濾無需的搜索結(jié)果。例如<張三>，用戶在搜索的時(shí)候知道是搜索用戶張三，而不是聊天記錄有張三的，可以屏蔽無效結(jié)果。
特別說明的是，有不少搜索是支持圖片or語(yǔ)音，并且通常置于右側(cè)，主要原因是。第一，高頻場(chǎng)景是以文字搜索為主，根據(jù)從左往右的閱讀習(xí)慣，用戶的操作和視覺聚焦于搜索框左側(cè)，故將低頻的圖片or語(yǔ)音的icon放在右側(cè)，減少對(duì)用戶的干擾。第二，區(qū)別于分類搜索（搜索分類+搜索內(nèi)容）的組合搜索方式，圖片or語(yǔ)音是替代搜索，為了避免用戶誤觸，放置右側(cè)。第三，排版習(xí)慣是左icon+右文字，大部分搜索框內(nèi)左側(cè)有搜索icon，再加其他icon過亂
搜索中
1.包含元素：輸入內(nèi)容，刪除icon，取消（搜索），關(guān)聯(lián)詞or搜索結(jié)果；
2.利用輸入法的確定/搜索按鈕，正常輸入時(shí)輸入法為<確定>，確定完畢，顯示<搜索>；
3.搜索詞聯(lián)想，長(zhǎng)尾關(guān)鍵詞，減少用戶輸入，如淘寶
4.顯示搜索結(jié)果，搜索結(jié)果的搜索詞高亮，常見于當(dāng)前頁(yè)搜索，或明確定位目標(biāo)，如網(wǎng)易郵箱
5.分類顯示搜索結(jié)果，常見于內(nèi)容app，有可能搜索名字，文章，話題，小組等，如知乎
搜索中有兩種形式，一種是聯(lián)想關(guān)鍵詞，一種是響應(yīng)式搜索。兩者的區(qū)別在于：前者的場(chǎng)景，用戶是沒有具體的搜索目標(biāo)，是基于一個(gè)關(guān)鍵詞瀏覽查找搜索目標(biāo)。小明想買一雙拖鞋，淘寶搜索<拖鞋>，開始瀏覽所有的拖鞋，然后挑一個(gè)購(gòu)買。后者的場(chǎng)景是，用戶有明確的查找目標(biāo)。小明要找前幾天收的一封郵件，記得這封郵件的內(nèi)容有<拖鞋>，于是搜索<拖鞋>，快速篩選出該郵件。
搜索后
結(jié)果排序
1.以日期排序，如網(wǎng)易郵箱
2.以配送距離，綜合評(píng)分等排序，如餓了么
3.以瀏覽記錄，購(gòu)買記錄，銷量，復(fù)購(gòu)率，好評(píng)率等綜合排序，常見于電商app，如淘寶。
4.以話題熱點(diǎn)，閱讀數(shù)，點(diǎn)贊數(shù)，評(píng)論數(shù)等綜合排序，常見于內(nèi)容app，如知乎
在系統(tǒng)排序的基礎(chǔ)上，還有分類搜索+搜索排序。手機(jī)淘寶有商品來源（天貓，淘寶）分類，以價(jià)格，評(píng)分，銷量等排序
結(jié)果樣式
1.列表式，小圖+文字描述，以文字為主要信息，點(diǎn)擊結(jié)果進(jìn)入詳情頁(yè)，如豆瓣；
2.搜索結(jié)果除了可以看詳情外，可直接操作，如網(wǎng)易云音樂，搜索音樂后，高頻需求就是播放，故放播放鍵放至搜索頁(yè)；
3.櫥窗式，大圖+文字描述，搜索結(jié)果以瀏覽圖片為主要行為，常見于電商，美食類app，如咸魚，淘寶
其他交互
1.點(diǎn)擊搜索框，返回至狀態(tài)<搜索中>
2.搜索框固定在頂部欄，常見場(chǎng)景是，帶有明確的搜索目標(biāo)，搜索不到期望結(jié)果，再次搜索。例如，找歌，找文章等，
3.搜索框上滑時(shí)隱藏，下滑時(shí)呼出。常見場(chǎng)景是，沒有明確的搜索結(jié)果，搜索完后開始瀏覽搜索結(jié)果，此時(shí)隱藏搜索框可以擴(kuò)大可視區(qū)域的同時(shí)，減少搜索框的干擾項(xiàng)，例如餓了么，淘寶。
結(jié)尾
寫在最后，可以看出一個(gè)簡(jiǎn)單的搜索功能包含了大量的設(shè)計(jì)理念。沒有通用的設(shè)計(jì)模板，只有在理解不同的場(chǎng)景情況下找到最佳解決方案，或許這就是產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計(jì)中最有趣的地方。
