3步讓你快速搞定搜索設計

2019-11-12


對設計師而言,無論設計什麼類型産品,搜索模塊幾乎對弟都是繞不開(kāi)的。那麼,如何盡可能全面的把控搜索流程,并快速産出設計方案歌弟呢?


搜索的過程中(zhōng)涉及到的UI相關模塊,大(靜的dà)體(tǐ)分(fēn)為三部分(fēn):搜索地厭入口、搜索頁面、搜索結果。



做之前不妨先設想一(yī)下(xià),一(yī)個用戶是如何産生(s快自hēng)搜索的念頭,并通過一(yī)系列行為,得到靜理搜索結果,大(dà)體(tǐ)的交互流程在心中(zhōng)要有印象。


OK,預想好之後這三個部分(fēn)我(wǒ)(wǒ)們逐厭草個來看。


一(yī)、搜索入口

搜索入口大(dà)體(tǐ)可分(fēn)為2種:搜索框、搜索icon,具草購體(tǐ)我(wǒ)(wǒ)們看圖說話(huà)



二、搜索頁面

搜索頁面從上到下(xià)大(dà)概分(fēn)為三部分(fēn):飛訊頂部搜索區+中(zhōng)間輔助區+底部推薦内容,某些産品也支持實時搜索費視,我(wǒ)(wǒ)們逐一(yī)來看


三、搜索結果

搜索結果通常分(fēn)為常規列表、帶有篩選排序功能的結果列表行嗎以及搜索為空的頁面


四、結


在工(gōng)作中(zhōng),如果時間緊迫,大(dà畫河)家可參考上述流程快速産出一(yī)套搜索設計方案,而每一(yī)部分(fē我知n)中(zhōng)的細節方案确定,則需要根據業務的實際情況來進行選擇并進行那用完善。


除此之外(wài),大(dà)家也可在平時畫計多關注研究其他形式如語音搜索、AR搜索等,從産品形态、交互方式等維度來思考探得請索搜索的可能性。


希望三五年後,會出現更加便捷好用的形式;希嗎草望在不遠的将來,随着技術的發展和體(tǐ)驗設計的深入完善媽長,用戶想要的内容可以更直接地呈現出來而不必人為搜索,你認為有這樣的可能嗎(ma音車)?






聯系方式:

1175394344@qq.com

創始人:韋少 176 0851 1663


www.shejiezhe.com

貴陽市觀山湖區長領南(nán)路産業基地18号


掃描二維碼分(fēn)享到微信