無(wú)論是在app還是在web端,搜索都是一個(gè)發(fā)現(xiàn)內(nèi)容的重要方式造挽。與web端不同碱璃,app上的搜索功能在設(shè)計(jì)方面有自己獨(dú)特的展現(xiàn)方式。
綜合了解了豌豆莢饭入、優(yōu)酷嵌器、京東、天貓等一些app的搜索功能后谐丢,個(gè)人感覺(jué)app的搜索功能可以參照以下流程進(jìn)行設(shè)計(jì):
一爽航、搜索功能的呈現(xiàn):
在有搜索功能的app中,搜索往往會(huì)作為一個(gè)公共功能出現(xiàn)在幾乎所有頁(yè)面乾忱,就像在web端出現(xiàn)在導(dǎo)航類似讥珍。但與web端不同的是,搜索功能在不同的頁(yè)面會(huì)有不同的展示方式窄瘟。
1.如果一個(gè)app的核心在于搜索串述,比如豌豆莢,或者搜索的使用率非常之高寞肖,則在app的首頁(yè)可以搜索框的形式展現(xiàn)纲酗,這樣能夠吸引用戶足夠的注意力。
2.如果搜索只是輔助功能新蟆,則可以搜索圖標(biāo)形式呈現(xiàn),提示用戶軟件有搜索功能吮螺。
3.當(dāng)然帕翻,在app的其它頁(yè)面鸠补,搜索功能一般會(huì)以圖標(biāo)的形式呈現(xiàn)嘀掸,以節(jié)約界面空間。
二睬塌、搜索功能的激活:
點(diǎn)擊搜索框或者搜索圖標(biāo)后泉蝌,app將會(huì)激活搜索功能勋陪。搜索功能將會(huì)以以下方式呈現(xiàn):
1.在新界面打開诅愚。如有必要劫映,新界面中展示搜索歷史(未登錄展示本機(jī)搜索歷史,登錄展示賬號(hào)搜索歷史)腮郊、熱搜詞筹燕、推廣詞撒踪、廣告等制妄。這些內(nèi)容根據(jù)業(yè)務(wù)需要進(jìn)行排序和組合耕捞。搜索歷史、熱搜詞敞映、推廣詞等選擇后振愿,被選擇詞作為搜索詞展現(xiàn)搜索結(jié)果冕末。
2.鍵入搜索詞档桃。要允許多詞搜索胳蛮;若有必要,提供關(guān)聯(lián)詞選項(xiàng)澎蛛;若關(guān)聯(lián)選項(xiàng)有對(duì)應(yīng)的核心操作谋逻,也可直接展現(xiàn)毁兆,可方便用戶直接進(jìn)行操作。
三、搜索結(jié)果的呈現(xiàn)
鍵入搜索詞進(jìn)行搜索后揖膜,在本界面呈現(xiàn)搜索結(jié)果壹粟。在此界面宿百,需要注意:
1.搜索結(jié)果根據(jù)業(yè)務(wù)不同展現(xiàn)不同內(nèi)容垦页。
2.搜索結(jié)果有可能會(huì)需要按照分類進(jìn)行展示外臂,需要考慮界面交互宋光。
3.需要提供清除搜索詞的操作圖標(biāo)罪佳,多數(shù)時(shí)候未“x”圖標(biāo)。
4.允許在搜索結(jié)果頁(yè)面清除當(dāng)前搜索此后再次搜索酌毡,不再打開新界面枷踏,當(dāng)前界面再次展示新的搜索結(jié)果旭蠕。
四掏熬、其它事項(xiàng):
1.短期內(nèi)旗芬,如果不是為了凸顯自己的技術(shù)實(shí)力疮丛,不要添加語(yǔ)音搜索这刷。測(cè)試了幾個(gè)語(yǔ)音搜索暇屋,準(zhǔn)確率不高咐刨。準(zhǔn)確率高的對(duì)發(fā)音及音量大小等有比較嚴(yán)格的要求定鸟。方言就更不要說(shuō)了。
2.尊重設(shè)計(jì)規(guī)范啼县。前面所說(shuō)的關(guān)于搜索的流程在android和ios系統(tǒng)上都是可行的季眷。只是在設(shè)計(jì)上盡量遵循各操作系統(tǒng)的設(shè)計(jì)規(guī)范比較好子刮。雖然很多公司的用一套設(shè)計(jì)來(lái)支持這兩個(gè)操作系統(tǒng)挺峡。
最后橱赠,對(duì)于搜索這塊病线,在看了很多app之后送挑,發(fā)現(xiàn)做得最好的是豌豆莢惕耕。對(duì)我來(lái)說(shuō)诫肠,如果要做搜索栋豫,可以作為范本丧鸯。
完丛肢。
歡迎大家關(guān)注我的簡(jiǎn)書蜂怎。下一篇將會(huì)說(shuō)說(shuō)注冊(cè)和登錄杠步。
我的文章也會(huì)在微信公眾號(hào)中更新幽歼,大家可以關(guān)注公眾號(hào)“iamyueshanqiu”來(lái)訂閱试躏。