AXURE原型設(shè)計(jì):移動(dòng)端搜索原型案例
編輯導(dǎo)語(yǔ):搜索框是每個(gè)軟件、系統(tǒng)、app必不可少的一個(gè)組成成分,本文作者今天就基于在實(shí)際工作中需要用到的原型,和大家分享一下移動(dòng)端的搜索原型案例,以及設(shè)計(jì)出來(lái)的axure組件。
常見(jiàn)的搜索原型包括:普通搜索、分類搜索、標(biāo)簽推薦搜索、歷史記錄搜索、熱點(diǎn)推薦搜索、中繼器表格內(nèi)容搜索等。
一、普通搜索原型
普通的搜索原型是最常用的搜索元件,也是其他搜索原型的基礎(chǔ),后面的搜索原型案例也是在改基礎(chǔ)上拓展展開(kāi)的,一般搜索搜索元件包含輸入框+搜索按鈕,移動(dòng)端的搜索元件。
我們要注意設(shè)計(jì)交互,當(dāng)輸入框獲取焦點(diǎn)時(shí),顯示鍵盤(pán),失去焦點(diǎn)時(shí),隱藏鍵盤(pán)即可。
二、分類搜索原型
分類搜索原型是在普通搜索原型的基礎(chǔ)上添加了不同的分類,可以搜索指定的內(nèi)容,這樣的好處是在較多內(nèi)容的時(shí)候,搜索的結(jié)果能比較精確。
詳細(xì)設(shè)計(jì)可以參考下圖微信搜索的案例,該案例可按朋友圈、文章、公眾號(hào)、小程序、音樂(lè)、表情分類搜索指定內(nèi)容,你們?cè)O(shè)計(jì)的時(shí)候按實(shí)際的需求添加類別即可。
三、標(biāo)簽推薦搜索原型
標(biāo)簽推薦搜索是在普通搜索的基礎(chǔ)上,加了一個(gè)引導(dǎo)推薦的內(nèi)容,主要是為了引導(dǎo)客戶去查看某些內(nèi)容,從而起到營(yíng)銷、引流的作用。
標(biāo)簽內(nèi)容由系統(tǒng)管理員統(tǒng)一維護(hù)和更新,標(biāo)簽推薦搜索原型常用于電商平臺(tái)、外賣平臺(tái)等。
四、熱搜推薦搜索原型
熱搜推薦搜索和標(biāo)簽推薦搜索很像,都是引導(dǎo)客戶去查看某些內(nèi)容,但是熱搜推薦是根據(jù)用戶群的喜歡,給用戶推薦最多人查看的內(nèi)容。
而且與標(biāo)簽推薦搜索不同的是,熱搜推薦的內(nèi)容不是由后臺(tái)寫(xiě)死的,而是由所有用戶決定的,是實(shí)時(shí)更新和變化的,常用于微博、新聞等平臺(tái)。
五、歷史記錄搜索原型
歷史記錄搜索是在普通搜索原型的基礎(chǔ)上,由系統(tǒng)記住用戶的搜索記錄,用戶下次搜索時(shí),能夠查看之前的搜索記錄.可以對(duì)過(guò)去搜索過(guò)的內(nèi)容實(shí)現(xiàn)快速搜索,用戶也可以輸入新的內(nèi)容進(jìn)行搜索,新內(nèi)容通用被系統(tǒng)記錄,歷史記錄按照時(shí)間的倒敘排列。
除此之后,用戶還能管理歷史搜索記錄,刪除單條或全部的歷史記錄。歷史記錄搜索原型常用語(yǔ)搜索引擎,例如百度、搜狗、谷歌等。
六、中繼器表格內(nèi)容模糊搜索原型
中繼器表格搜索原型,主要是通過(guò)模糊搜索的方法,對(duì)中繼器表格進(jìn)行模糊搜索,讓用戶能夠快速的找到對(duì)應(yīng)的內(nèi)容。
我們做原型設(shè)計(jì)的時(shí)候,只需要在普通搜索案例中加入中繼器表格,并對(duì)對(duì)應(yīng)的字段增加模糊搜索條件即可,這種搜索原型常用語(yǔ)通訊錄、商品搜索等案例。
那以上就是本期關(guān)于移動(dòng)端常用的搜索案例介紹的全部?jī)?nèi)容,主要是基于我個(gè)人在實(shí)際工作中需要用到的原型,而設(shè)計(jì)出來(lái)的axure組件。
如果大家有所收獲,希望可以點(diǎn)贊鼓勵(lì)一下,也歡迎大家交流,謝謝。
本文由 @秀 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
原型預(yù)覽及下載地址:
https://axhub.im/pro/b0cfe74129218f84
https://axhub.im/pro/b0cfe74129218f84