隨著微信進(jìn)軍搜索領(lǐng)域，“搜索”這個(gè)模塊的關(guān)鍵地位又一次進(jìn)入了大眾的視野,。搜索是產(chǎn)品設(shè)計(jì)中非常重要的一環(huán),，好的搜索設(shè)計(jì)能夠提高轉(zhuǎn)化，提升用戶(hù)體驗(yàn),。搜索的關(guān)鍵作用就是將用戶(hù)想要的數(shù)據(jù)按照用戶(hù)期待的或者更驚喜的方式展現(xiàn)在用戶(hù)面前,，今天就簡(jiǎn)單談一談現(xiàn)有的APP的搜索常見(jiàn)設(shè)計(jì)。

文章主要包括以下幾點(diǎn)內(nèi)容

1,、搜索圖標(biāo)的位置和類(lèi)別,；

2、搜索圖標(biāo)樣式,；

3,、APP搜索的交互細(xì)節(jié)；

4,、搜索場(chǎng)景及其信息展示,。

一、搜索圖標(biāo)的位置和類(lèi)別

為什么要將位置和類(lèi)別合在一起說(shuō)呢,。從大的分類(lèi)上講,，搜索圖標(biāo)只有兩類(lèi)，隱藏式和明顯開(kāi)放式,。隱藏式就是一個(gè)放大鏡,，放在頁(yè)面邊緣位置；開(kāi)放式是一個(gè)搜索框,，設(shè)計(jì)在頁(yè)面的某個(gè)位置,，一般是頂部,。

不同的產(chǎn)品適合不同的搜索圖標(biāo)類(lèi)別,，對(duì)于搜索場(chǎng)景較少,，功能使用頻率較低的產(chǎn)品，適用于隱藏式,。但是有些時(shí)候由于搜索圖標(biāo)過(guò)大影響整體設(shè)計(jì)時(shí),，也可以設(shè)計(jì)為隱藏式。

搜索是提高流量轉(zhuǎn)化率的重要入口,，對(duì)于搜索頻率使用較高的產(chǎn)品,，搜索圖標(biāo)一定要醒目且易用,。

1,、頁(yè)面頂部搜索框,，明顯開(kāi)放式,；

2,、頁(yè)面右上角的搜索圖標(biāo),，圖標(biāo)式,；

3、在底部導(dǎo)航專(zhuān)門(mén)開(kāi)一個(gè)頁(yè)面為搜索設(shè)計(jì)，是底部導(dǎo)航式。

也有很多叫做“發(fā)現(xiàn)”,，該頁(yè)面可以添加很多運(yùn)營(yíng)需求的模塊,。

4、根據(jù)APP特性的其他位置和樣式。

有人說(shuō)在頁(yè)面中間的搜索模塊不可取,，我并不這樣認(rèn)為,，如果搜索是APP的核心模塊，在頁(yè)面中間位置也不可厚非，只要是符合產(chǎn)品定位的,，符合目標(biāo)用戶(hù)需求的，只要能讓用戶(hù)爽，能夠帶來(lái)商業(yè)收益，一切設(shè)計(jì)都是合理的,。

如果不具備顛覆已有模式的思維和膽量，產(chǎn)品經(jīng)理還叫產(chǎn)品經(jīng)理嗎,？

二,、搜索圖標(biāo)樣式

根據(jù)APP的功能和用戶(hù)搜索需求，圖標(biāo)的樣式可以分為以下幾類(lèi)

1,、有提示語(yǔ)的搜索圖標(biāo),。

比如在搜索框默認(rèn)提示語(yǔ)“快搜索小龍蝦試試看”，這是滿(mǎn)足運(yùn)營(yíng)需求的一個(gè)搜索設(shè)計(jì)樣式,，起到了關(guān)鍵詞營(yíng)銷(xiāo)的作用,；

2、有相機(jī)圖標(biāo)的搜索圖標(biāo),。

比如淘寶的搜索功能,，右側(cè)有一個(gè)相機(jī)小圖標(biāo),，是為了用戶(hù)在搜索的時(shí)候，可以根據(jù)衣服的圖片搜索到更準(zhǔn)確的產(chǎn)品,，從而提高成交轉(zhuǎn)化率,；

3、有語(yǔ)音圖標(biāo)的搜索圖標(biāo),。

比如高德地圖,，用戶(hù)的使用場(chǎng)景特殊，可能在一邊開(kāi)車(chē)一邊搜索目的地,，純文字的輸入功能就無(wú)法滿(mǎn)足用戶(hù)這樣的高頻率場(chǎng)景,；

4、帶精準(zhǔn)分類(lèi)的搜索圖標(biāo),。

比如新浪微博,，在搜索框左側(cè)有個(gè)下拉列表來(lái)選擇可以搜索全部、微博,、搜人,。可以在精準(zhǔn)的分類(lèi)下展示搜索結(jié)果,，減少搜索結(jié)果數(shù)量,，更容易給用戶(hù)他想要的內(nèi)容。

但是這種做法本人并不認(rèn)可（一種挑戰(zhàn)權(quán)威的既視感）,，很多用戶(hù)并不會(huì)注意去點(diǎn)選左側(cè)的下拉框來(lái)進(jìn)行精準(zhǔn)搜索,，這樣會(huì)導(dǎo)致搜索結(jié)果并不能直達(dá)用戶(hù)內(nèi)心。淘寶最初也是這種做法,，現(xiàn)在已經(jīng)改成了以下的第5種,。

5、搜索頁(yè)的分類(lèi)樣式,。

如淘寶現(xiàn)在改進(jìn)后的樣式,，能夠展示在用戶(hù)眼前的東西才能更多的被使用，在每一次的設(shè)計(jì)中都要將用戶(hù)看成是“什么也不懂”的人,。

這里插一句關(guān)于搜索按鈕設(shè)計(jì)的問(wèn)題,，我看過(guò)有的資料說(shuō)，不應(yīng)該在搜索框旁邊,，也就是頁(yè)面右上角設(shè)計(jì)搜索按鈕，原因大致是因?yàn)橛脩?hù)更愿意選擇點(diǎn)擊鍵盤(pán)上的搜索按鈕,，這個(gè)操作按鈕離手比較近,，符合操作習(xí)慣。IOS這樣無(wú)可厚非,，因?yàn)橹挥幸粋€(gè)鍵盤(pán),，但是安卓機(jī)型較多,，如果碰到無(wú)法調(diào)用帶搜索按鈕的鍵盤(pán)，那么后果可想而知,。即使是自帶鍵盤(pán)的回車(chē)鍵,，用戶(hù)似乎也不是能馬上明白，應(yīng)該點(diǎn)這個(gè)長(zhǎng)得像“下一行”的按鈕來(lái)完成搜索,。

產(chǎn)品經(jīng)理可以根據(jù)自己的用戶(hù)搜索場(chǎng)景,，要提供給用戶(hù)的搜索功能，需要引導(dǎo)的用戶(hù)操作等原因來(lái)確定,，準(zhǔn)備設(shè)計(jì)什么樣子的搜索圖標(biāo)樣式,。

三、APP搜索的交互細(xì)節(jié)

說(shuō)到搜索的交互細(xì)節(jié),，就不能不從搜索的每個(gè)階段單獨(dú)說(shuō)起,，我將搜索分為搜索前、搜索中,、搜索完畢這三個(gè)階段,，根據(jù)不同的情況和場(chǎng)景，我繪制的思維導(dǎo)圖如下,。

1,、搜索前

在搜索前，要充分考慮到用戶(hù)使用搜索的頻率和場(chǎng)景,，盡量方便用戶(hù)能夠快速的找到輸入框,，以減短到達(dá)搜索的路徑。并根據(jù)頁(yè)面布局和信息結(jié)構(gòu)決定搜索框在搜索前,，是否隨著頁(yè)面滑動(dòng),。

為提高用戶(hù)體驗(yàn)，點(diǎn)擊自動(dòng)跳轉(zhuǎn)至單獨(dú)搜索頁(yè)面是現(xiàn)在的主流做法,，已經(jīng)形成用戶(hù)習(xí)慣的做法并不需要去改變,。

2、搜索中

搜索中的關(guān)鍵詞聯(lián)想是相對(duì)比較智能的模塊,，如果有用戶(hù)數(shù)據(jù)基礎(chǔ),，可以根據(jù)用戶(hù)標(biāo)簽進(jìn)行個(gè)性化關(guān)鍵詞聯(lián)想，以幫助用戶(hù)盡快找到自己想要的內(nèi)容,，并感受到產(chǎn)品的智能和貼心,。

搜索結(jié)果聯(lián)想也是自動(dòng)搜索的方式，輸入一個(gè)詞,，即展示可能出現(xiàn)的結(jié)果,，即是搜索結(jié)果聯(lián)想，聯(lián)想結(jié)果和聯(lián)系詞無(wú)法同時(shí)出現(xiàn),。

搜索詞聯(lián)想和搜索結(jié)果聯(lián)想對(duì)于數(shù)據(jù)庫(kù)查要求較高,，如果設(shè)計(jì)此功能,，就要和開(kāi)發(fā)好好溝通了。祝福設(shè)計(jì)此功能的產(chǎn)品們,。

淘寶的智能推薦功能成本占到其總營(yíng)收的30%,，可見(jiàn)此功能的實(shí)現(xiàn)難度是多么的高。但是如果沒(méi)有龐大的用戶(hù)體量,，同時(shí)內(nèi)部資源欠缺的情況下,，不建議設(shè)計(jì)這么智能的搜索方式。

保留輸入,，即是輸入的搜索內(nèi)容要在搜索過(guò)程中始終填寫(xiě)在輸入框,；同時(shí)如果用戶(hù)通過(guò)點(diǎn)擊搜索歷史出發(fā)的搜索，歷史內(nèi)容也應(yīng)該自動(dòng)輸入至搜索框,。

自動(dòng)糾錯(cuò)功能也是智能化設(shè)計(jì),，也需要強(qiáng)大的數(shù)據(jù)庫(kù)支撐。

3,、搜索完

搜索完畢后,，如果搜索結(jié)果可能有多個(gè)種類(lèi)和多個(gè)維度，將搜索結(jié)果分類(lèi),、篩選是很有必要的,。

（1）每個(gè)類(lèi)目展示固定條數(shù)，并在每個(gè)分類(lèi)底部可查看更多的方式,，點(diǎn)擊跳轉(zhuǎn)至該類(lèi)目下更多的內(nèi)容：

（2）將匹配程度最高或者用戶(hù)最感興趣的內(nèi)容進(jìn)行優(yōu)先排序,，不單獨(dú)分類(lèi)，而是將分類(lèi)標(biāo)簽標(biāo)志于內(nèi)容標(biāo)題前部,，這種展示方式看起來(lái)比較亂,。

4、功能外置

是更容易提升轉(zhuǎn)化的方式,，非常巧妙的縮短了用戶(hù)轉(zhuǎn)化的路徑,。可以根據(jù)需求將關(guān)注,、添加,、對(duì)比、播放等常用功能外置在搜索結(jié)果列表,，使操作更加便捷,。

四、搜索場(chǎng)景及其信息展示

搜索場(chǎng)景的考慮并不是要考慮用戶(hù)為什么要搜索,，而是應(yīng)該考慮,，用戶(hù)在此類(lèi)APP的使用中，可能會(huì)搜索哪些東西，不同類(lèi)型的產(chǎn)品有不同的信息流,，不同的信息流就會(huì)產(chǎn)品不用的搜索數(shù)據(jù)。

比如我在查閱資料時(shí),，一位作者在體驗(yàn)qq音樂(lè)時(shí)寫(xiě)到,，搜索“xxx的插曲”時(shí)，搜索結(jié)果并不是名為xxx的歌曲,，而是電影名為xxx的全部歌曲,。這種就是充分考慮到用戶(hù)在此類(lèi)APP下的搜索場(chǎng)景，并將“的插曲”或者“的主題曲”等作為場(chǎng)景標(biāo)簽予以識(shí)別,，這就是音樂(lè)類(lèi)APP的搜索場(chǎng)景之一,。

有些APP甚至?xí)紤]到，用戶(hù)在哪個(gè)時(shí)段可能主要想要搜索哪類(lèi)內(nèi)容,，并予以展示,。

其實(shí)如果可以將場(chǎng)景作為分類(lèi)來(lái)處理，也是可以減輕很多數(shù)據(jù)庫(kù)后臺(tái)處理的,，只是要考慮兩者的處理難度,，所謂“兩害相權(quán)取其輕，兩利相權(quán)取其重”,。在當(dāng)前資源和業(yè)務(wù)需求下適合哪一種就設(shè)計(jì)哪一種,，是最合理的。

關(guān)于更多的搜索場(chǎng)景,，應(yīng)該從本行業(yè)的角度出發(fā),，才能設(shè)計(jì)出更好的信息展示方式。這里我不得不說(shuō)我剛剛進(jìn)入的金融行業(yè),，了解甚少,，對(duì)于金融行業(yè)搜索場(chǎng)景，確實(shí)沒(méi)有更多可分享的內(nèi)容,，以后再更新這個(gè)模塊吧,。