注：在不同業(yè)務(wù)類型、不同場景下，搜索的定位和形式可能大不相同，有沒有一種通用的思路，可以cover住各類搜索的體驗設(shè)計呢？

十載的尼開遠(yuǎn)網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整尼開遠(yuǎn)建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“尼開遠(yuǎn)網(wǎng)站設(shè)計”,“尼開遠(yuǎn)網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

無論網(wǎng)站或是App，搜索功能幾乎成了標(biāo)配，在其間占據(jù)著或輕或重的位置。一方面，搜索可以幫助用戶節(jié)約時間、直達(dá)目的；另一方面，它也是用戶主動表達(dá)意愿的一個窗口，可以幫助搜集用戶需求、引導(dǎo)用戶行為。

在不同業(yè)務(wù)類型、不同場景下，搜索的定位和形式可能大不相同，有沒有一種通用的思路，可以cover住各類搜索的體驗設(shè)計呢？

我最近把玩了30+個App，涉及搜索、資訊、知識、電商、社交、視頻、音樂、導(dǎo)航、工具、O2O、生活服務(wù)等十幾種類別，歸納總結(jié)了搜索設(shè)計的一些套路和設(shè)計形式，將其拆解開來，與大家分享、探討。大家可以結(jié)合自家的業(yè)務(wù)類型、具體的應(yīng)用場景，選取適合的形式，提升搜索體驗。

搜索體驗的“三度”

打造滿意的搜索體驗，需做好三個“度”：速度、溫度、準(zhǔn)確度。

速度指讓用戶更快得到搜索結(jié)果、完成搜索過程。

溫度指搜索過程人性化，易于理解和操作，讓用戶感到貼心、甚至是驚喜。

準(zhǔn)確度指搜索結(jié)果準(zhǔn)確，符合用戶期望。

乍一看，速度和準(zhǔn)確度似乎與技術(shù)更相關(guān)，跟設(shè)計沒啥關(guān)系。但其實三者相輔相成，我們可以通過合理而帶有溫度的設(shè)計，提升搜索的效率和體驗，讓用戶搜得更快、更準(zhǔn)、更舒心。

搜索體驗的設(shè)計拆解

我們可以把搜索拆解為三個部分：搜索入口、搜索過程、搜索結(jié)果。

搜索過程又可拆解為三個動作：點擊搜索框/icon → 輸入文字/字符 → 點擊搜索按鈕/關(guān)鍵詞。每個動作觸發(fā)后，都會有相應(yīng)反饋：

圖1 搜索過程及反饋

接下來我會將各個部分拆分開來，分析體驗設(shè)計的要點。結(jié)構(gòu)及目錄見下圖：

圖2 本文結(jié)構(gòu)與目錄

第一部分 搜索入口

搜索入口具有提示和引導(dǎo)作用，常見的有 4 種：

獨立的一級tab

搜索框

搜索icon

隱藏式搜索框/icon

圖3 四類搜索入口形式

A.獨立的一級tab

把一個獨立的tab作為搜索入口，整個tab頁面圍繞搜索功能進(jìn)行展開。這一整頁，為搜索功能的拓展提供了很大空間，可以做各種嘗試，適合將搜索作為重要流量入口的App。

代表有App Store、Twitter、新浪微博。App Store、Twitter的tab頁面中只保留了搜索框和搜索熱詞推薦。新浪微博的嘗試更加豐富，包括分類、話題以及不同類型的推薦，運營的空間更大。

B.搜索框

應(yīng)用最廣泛的一種形式，大多居于頁面頂部，較為醒目。有些App在滑動頁面時，還會將搜索框吸頂顯示，便于用戶隨時使用。

搜索框內(nèi)一般會有預(yù)設(shè)文案，提示用戶可搜索的關(guān)鍵詞類型。目前越來越多的App（尤其是電商類）把搜索框作為運營的入口，放入一些熱詞、活動、新品/新功能等，并且不局限于一個詞，可能是一個字、一個短語，甚至是一個句子。

圖4 搜索框中的預(yù)設(shè)文案

網(wǎng)站欄目：拆解|搜索體驗的設(shè)計套路
URL地址：http://weahome.cn/article/cpegcs.html