原文地址:這篇搜索功能設(shè)計(jì)的總結(jié)折欠,幫你從產(chǎn)品的角度看問題 - 優(yōu)設(shè)-UISDC
1贝或、搜索功能的作用:產(chǎn)品包含功能太多;內(nèi)容越多锐秦,用戶的學(xué)習(xí)成本越高咪奖;通過搜索快速準(zhǔn)確的找到期望的功能或內(nèi)容;可以幫助了解產(chǎn)品
舉例:微信的搜索功能
通過搜索酱床,可以對微信的功能有一個(gè)大致的了解
2羊赵、搜索功能的三個(gè)階段:打開搜索框;信息錄入扇谣;搜索結(jié)果展示
A 搜索框昧捷。1、不同產(chǎn)品搜索框存在差異揍堕,包括直接在界面上方一級放大鏡彈出料身。前者的優(yōu)勢在于顯眼以及使用方便;后者的優(yōu)勢在于占據(jù)空間小衩茸。2芹血、用戶查找的內(nèi)容屬于不同類別。如可以提供下拉列表去選擇查找期望的內(nèi)容。
B 信息錄入幔烛。包括文字啃擦、語音、圖片錄入饿悬。很多產(chǎn)品的搜索功能還提供了搜索記錄及熱門搜索令蛉。有些通過下拉列表的樣式來實(shí)現(xiàn)。
京東及淘寶的熱門搜索及搜索歷史則通過上圖方式呈現(xiàn)狡恬,可展示更多的信息珠叔,但無法完成單條記錄的刪減。
此外弟劲,還可以在錄入階段給用戶以自動(dòng)提示祷安,以避免節(jié)省時(shí)間和打錯(cuò)字。
3兔乞、搜索結(jié)果
難點(diǎn)在于如何展示不同類型和級別的內(nèi)容汇鞭。如支付寶,更高級別的加入了圖標(biāo)庸追。
也有通過tab切換的形式選擇合適的內(nèi)容類別霍骄。
在搜索結(jié)果過多的情況下,可引入篩選器淡溯。
當(dāng)搜索結(jié)果為零時(shí)读整,要設(shè)計(jì)合適的空白頁。需要向用戶解釋清楚血筑,不然用戶會(huì)誤以為是網(wǎng)絡(luò)原因?qū)е马撁婕虞d失敗而不是搜不到想要的商品绘沉。