如何設(shè)計搜索功能?

搜索功能是用戶幾乎在使用每個產(chǎn)品時,都會光顧到的功能。一般用到搜索,都是有目的性的尋找內(nèi)容。

比如:去電商應用中搜『連衣裙』,去旅游網(wǎng)站搜地名,在音樂播放器中搜索歌曲或歌手名字等。這些有明確目的的使用場景,更是需要幫助用戶簡化使用流程。

目前設(shè)計搜索功能時會用到的幾個方法如下:

1、自動填充

其實就是當用戶輸入部分字符的時候,系統(tǒng)自動聯(lián)想,填充關(guān)鍵詞,從而減少用戶的操作成本。比如,在網(wǎng)易云音樂輸入『陳』,系統(tǒng)自動聯(lián)想出一大串名字,且仔細觀察,這些名字也是根據(jù)搜索的熱度或者其他維度(每個平臺都會有自己的規(guī)則,比如某度可能都是看誰投的廣告多了。。)來排序的。

網(wǎng)易云音樂的自動填充搜索

2、預加載

預加載是自動填充的進階版。在用戶進入搜索頁時, 系統(tǒng)就推薦一系列關(guān)鍵詞,有的關(guān)鍵詞還直接加載在搜索框中,用戶可以直接點擊搜索。而這些推薦的關(guān)鍵詞來源,是基于過去的搜索歷史或使用行為生成的,當然,這不一定是用戶想要的,所以在設(shè)計此功能時,預加載的關(guān)鍵詞可以直接搜索,且如果用戶需要輸入其他關(guān)鍵詞時,不需要手動刪除,直接輸入即可。可參考淘寶的預加載設(shè)計:

淘寶的預加載搜索

iOS自帶的預加載也做的很棒, 提供的『建議搜索』功能也是根據(jù)最近使用和最常使用推薦的應用。

iOS自帶搜索
3、搜索記錄

搜索記錄是非常必要不能忘記的,以往的搜索歷史用戶很有可能再次使用,所以,當用戶在點擊進入搜索頁面時,過往的搜索記錄需要顯示出來。大多數(shù)情況下,是按照搜索時間排序,最近的排在最上方,如果有一些高頻搜索詞,也可以適當放出來。當用戶再次點擊時,就可直接搜索結(jié)果了。

考拉海購

4、自動推薦

自動推薦是指,系統(tǒng)展現(xiàn)的搜索結(jié)果主要是2部分,一部分是精準的搜索結(jié)果(可以是自動填充的搜索結(jié)果),另一部分是推薦的搜索結(jié)果。比如,我曾經(jīng)在去哪兒搜索過莫干山,后來再次打開,除了歷史記錄了莫干山詞條,還『猜我喜歡』跟莫干山相關(guān)的一些關(guān)鍵詞,可直接供我搜索。

去哪兒搜索

5、分類推薦

分類推薦是自動推薦的進階版,當用戶輸入一部分關(guān)鍵詞時, 系統(tǒng)自動分門別類的將搜索結(jié)果展現(xiàn)出來。

iOS自帶搜索

還有一些網(wǎng)站的分類推薦,是打開搜索,便將自身產(chǎn)品內(nèi)容分類顯示,引導用戶不用搜索即可直接進入分類中查看(不過似乎這種搜索方式漸漸變少,之前大眾點評、美團等應用使用過這種搜索,現(xiàn)在都調(diào)整成普通的搜索歷史+自動推薦了)比如:

高德地圖的搜索

###其他小眾###

6、語音搜素

雖然語音識別功能現(xiàn)在還經(jīng)常被人吐槽,但在某些場景下,確實能極大的提高用戶的使用效率。比如一個人開車時,需要查詢一個地址導航時,語音搜索功能就能幫很大的忙。

7、圖片搜索

圖片搜素在Google、百度、淘寶等這些平臺上使用比較方便,主要場景還是使用圖片反查,根據(jù)提供的圖片,查找其他相同的、類似的圖片。比如,我們在商城看中某個款式的衣服,可以拍照上傳到淘寶查找同款。不過圖像識別比語音識別更是難度大,且大多數(shù)平臺使用不到。

以上就是設(shè)計搜索常用思路,別看區(qū)塊小,設(shè)計好這個功能還是需要很用心的~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,820評論 25 708
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,837評論 18 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,180評論 4 61
  • 實現(xiàn)流程圖: 代碼示例: 客戶端(Android端)實現(xiàn)示例: 1.因為斷點續(xù)傳,我們需要保存上傳的進度,我們需要...
    JuSong閱讀 3,333評論 1 2
  • 今年長安的冬季當真是夜來城外一尺雪,走過的腳印如同虛渺,一轉(zhuǎn)眼就不見了。 無人注意突然出現(xiàn)在王家門口的小女孩,...
    愚姜閱讀 889評論 6 9