無(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ì)有不同的展示方式。

• 如果一個(gè)app的核心在于搜索，比如豌豆莢，或者搜索的使用率非常之高，則在app的首頁(yè)可以搜索框的形式展現(xiàn)，這樣能夠吸引用戶足夠的注意力。
• 如果搜索只是輔助功能，則可以搜索圖標(biāo)形式呈現(xiàn)，提示用戶軟件有搜索功能。

當(dāng)然，在app的其它頁(yè)面，搜索功能一般會(huì)以圖標(biāo)的形式呈現(xiàn)，以節(jié)約界面空間。

二、搜索功能的激活：

點(diǎn)擊搜索框或者搜索圖標(biāo)后，app將會(huì)激活搜索功能。搜索功能將會(huì)以以下方式呈現(xiàn)：

1.在新界面打開(kāi)。如有必要，新界面中展示搜索歷史（未登錄展示本機(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)前搜索此后再次搜索，不再打開(kāi)新界面，當(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ō)，如果要做搜索，可以作為范本。

完。

#專欄作家#

岳山丘，微信公眾號(hào)：iamyueshanqiu，人人都是產(chǎn)品經(jīng)理專欄作家，慕課網(wǎng)產(chǎn)品經(jīng)理。兜兜轉(zhuǎn)轉(zhuǎn)好多年，一直在教育行業(yè)做產(chǎn)品。初始做內(nèi)容，后來(lái)開(kāi)始做WEB端。關(guān)注在線教育、互聯(lián)網(wǎng)金融（順便賺點(diǎn)小錢(qián)花）。最近一段時(shí)間開(kāi)始研究移動(dòng)APP產(chǎn)品，希望能夠多學(xué)習(xí)一些東西。

本文系作者授權(quán)發(fā)布，未經(jīng)許可，不得轉(zhuǎn)載。