注：在不同業(yè)務(wù)類型、不同場(chǎng)景下，搜索的定位和形式可能大不相同，有沒有一種通用的思路，可以cover住各類搜索的體驗(yàn)設(shè)計(jì)呢？
無論網(wǎng)站或是App，搜索功能幾乎成了標(biāo)配，在其間占據(jù)著或輕或重的位置。一方面，搜索可以幫助用戶節(jié)約時(shí)間、直達(dá)目的；另一方面，它也是用戶主動(dòng)表達(dá)意愿的一個(gè)窗口，可以幫助搜集用戶需求、引導(dǎo)用戶行為。
在不同業(yè)務(wù)類型、不同場(chǎng)景下，搜索的定位和形式可能大不相同，有沒有一種通用的思路，可以cover住各類搜索的體驗(yàn)設(shè)計(jì)呢？
我最近把玩了30+個(gè)App，涉及搜索、資訊、知識(shí)、電商、社交、視頻、音樂、導(dǎo)航、工具、O2O、生活服務(wù)等十幾種類別，歸納總結(jié)了搜索設(shè)計(jì)的一些套路和設(shè)計(jì)形式，將其拆解開來，與大家分享、探討。大家可以結(jié)合自家的業(yè)務(wù)類型、具體的應(yīng)用場(chǎng)景，選取適合的形式，提升搜索體驗(yàn)。
搜索體驗(yàn)的“三度”
打造滿意的搜索體驗(yàn)，需做好三個(gè)“度”：速度、溫度、準(zhǔn)確度。
速度指讓用戶更快得到搜索結(jié)果、完成搜索過程。
溫度指搜索過程人性化，易于理解和操作，讓用戶感到貼心、甚至是驚喜。
準(zhǔn)確度指搜索結(jié)果準(zhǔn)確，符合用戶期望。
乍一看，速度和準(zhǔn)確度似乎與技術(shù)更相關(guān)，跟設(shè)計(jì)沒啥關(guān)系。但其實(shí)三者相輔相成，我們可以通過合理而帶有溫度的設(shè)計(jì)，提升搜索的效率和體驗(yàn)，讓用戶搜得更快、更準(zhǔn)、更舒心。
搜索體驗(yàn)的設(shè)計(jì)拆解
我們可以把搜索拆解為三個(gè)部分：搜索入口、搜索過程、搜索結(jié)果。
搜索過程又可拆解為三個(gè)動(dòng)作：點(diǎn)擊搜索框/icon → 輸入文字/字符 → 點(diǎn)擊搜索按鈕/關(guān)鍵詞。每個(gè)動(dòng)作觸發(fā)后，都會(huì)有相應(yīng)反饋：
圖1 搜索過程及反饋
接下來我會(huì)將各個(gè)部分拆分開來，分析體驗(yàn)設(shè)計(jì)的要點(diǎn)。結(jié)構(gòu)及目錄見下圖：
圖2 本文結(jié)構(gòu)與目錄
第一部分 搜索入口
搜索入口具有提示和引導(dǎo)作用，常見的有 4 種：
獨(dú)立的一級(jí)tab
搜索框
搜索icon
隱藏式搜索框/icon
圖3 四類搜索入口形式
A.獨(dú)立的一級(jí)tab
把一個(gè)獨(dú)立的tab作為搜索入口，整個(gè)tab頁(yè)面圍繞搜索功能進(jìn)行展開。這一整頁(yè)，為搜索功能的拓展提供了很大空間，可以做各種嘗試，適合將搜索作為重要流量入口的App。
代表有App Store、Twitter、新浪微博。App Store、Twitter的tab頁(yè)面中只保留了搜索框和搜索熱詞推薦。新浪微博的嘗試更加豐富，包括分類、話題以及不同類型的推薦，運(yùn)營(yíng)的空間更大。
B.搜索框
應(yīng)用最廣泛的一種形式，大多居于頁(yè)面頂部，較為醒目。有些App在滑動(dòng)頁(yè)面時(shí)，還會(huì)將搜索框吸頂顯示，便于用戶隨時(shí)使用。
搜索框內(nèi)一般會(huì)有預(yù)設(shè)文案，提示用戶可搜索的關(guān)鍵詞類型。目前越來越多的App（尤其是電商類）把搜索框作為運(yùn)營(yíng)的入口，放入一些熱詞、活動(dòng)、新品/新功能等，并且不局限于一個(gè)詞，可能是一個(gè)字、一個(gè)短語(yǔ)，甚至是一個(gè)句子。
圖4 搜索框中的預(yù)設(shè)文案