無論是在app還是在web端，搜索都是一個發(fā)現(xiàn)內(nèi)容的重要方式。與web端不同，app上的搜索功能在設(shè)計方面有自己獨特的展現(xiàn)方式。

綜合了解了豌豆莢、優(yōu)酷、京東、天貓等一些app的搜索功能后，個人感覺app的搜索功能可以參照以下流程進(jìn)行設(shè)計：

一、搜索功能的呈現(xiàn)：

在有搜索功能的app中，搜索往往會作為一個公共功能出現(xiàn)在幾乎所有頁面，就像在web端出現(xiàn)在導(dǎo)航類似。但與web端不同的是，搜索功能在不同的頁面會有不同的展示方式。

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

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

二、搜索功能的激活：

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

1.在新界面打開。如有必要，新界面中展示搜索歷史（未登錄展示本機搜索歷史，登錄展示賬號搜索歷史）、熱搜詞、推廣詞、廣告等。這些內(nèi)容根據(jù)業(yè)務(wù)需要進(jìn)行排序和組合。搜索歷史、熱搜詞、推廣詞等選擇后，被選擇詞作為搜索詞展現(xiàn)搜索結(jié)果。

2.鍵入搜索詞。要允許多詞搜索；若有必要，提供關(guān)聯(lián)詞選項；若關(guān)聯(lián)選項有對應(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é)果有可能會需要按照分類進(jìn)行展示，需要考慮界面交互。
3. 需要提供清除搜索詞的操作圖標(biāo)，多數(shù)時候未“x”圖標(biāo)。
4. 允許在搜索結(jié)果頁面清除當(dāng)前搜索此后再次搜索，不再打開新界面，當(dāng)前界面再次展示新的搜索結(jié)果。

四、其它事項：

1. 短期內(nèi)，如果不是為了凸顯自己的技術(shù)實力，不要添加語音搜索。測試了幾個語音搜索，準(zhǔn)確率不高。準(zhǔn)確率高的對發(fā)音及音量大小等有比較嚴(yán)格的要求。方言就更不要說了。
2. 尊重設(shè)計規(guī)范。前面所說的關(guān)于搜索的流程在android和ios系統(tǒng)上都是可行的。只是在設(shè)計上盡量遵循各操作系統(tǒng)的設(shè)計規(guī)范比較好。雖然很多公司的用一套設(shè)計來支持這兩個操作系統(tǒng)。

最后，對于搜索這塊，在看了很多app之后，發(fā)現(xiàn)做得最好的是豌豆莢。對我來說，如果要做搜索，可以作為范本。

完。

#專欄作家#

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

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