無論網站或是App,搜索功能幾乎成了標配,在其間占據著或輕或重的位置。一方面,搜索可以幫助用戶節約時間、直達目的;另一方面,它也是用戶主動表達意愿的一個窗口,可以幫助搜集用戶需求、引導用戶行為。
在不同業務類型、不同場景下,搜索的定位和形式可能大不相同,有沒有一種通用的思路,可以cover住各類搜索的體驗設計呢?
我最近把玩了30+個App,涉及搜索、資訊、知識、電商、社交、視頻、音樂、導航、工具、O2O、生活服務等十幾種類別,歸納總結了搜索設計的一些套路和設計形式,將其拆解開來,與大家分享、探討。大家可以結合自家的業務類型、具體的應用場景,選取適合的形式,提升搜索體驗。
搜索體驗的「三度」
打造滿意的搜索體驗,需做好三個「度」:速度、溫度、準確度。
速度指讓用戶更快得到搜索結果、完成搜索過程。
溫度指搜索過程人性化,易于理解和操作,讓用戶感到貼心、甚至是驚喜。
準確度指搜索結果準確,符合用戶期望。
乍一看,速度和準確度似乎與技術更相關,跟設計沒啥關系。但其實三者相輔相成,我們可以通過合理而帶有溫度的設計,提升搜索的效率和體驗,讓用戶搜得更快、更準、更舒心。
搜索體驗的設計拆解
我們可以把搜索拆解為三個部分:搜索入口、搜索過程、搜索結果。
搜索過程又可拆解為三個動作:點擊搜索框/icon → 輸入文字/字符 → 點擊搜索按鈕/關鍵詞。每個動作觸發后,都會有相應反饋。
△ 搜索過程及反饋
接下來我會將各個部分拆分開來,分析體驗設計的要點。結構及目錄見下圖:
△ 本文結構與目錄
第一部分 搜索入口
搜索入口具有提示和引導作用,常見的有 4 種:
獨立的一級tab
搜索框
搜索icon
隱藏式搜索框/icon
△ 四類搜索入口形式