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

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

1勃黍、搜索圖標(biāo)的位置和類別宵统；

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

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

4弄息、搜索場景及其信息展示痊班。

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

為什么要將位置和類別合在一起說呢摹量。從大的分類上講辩块，搜索圖標(biāo)只有兩類，隱藏式和明顯開放式荆永。隱藏式就是一個(gè)放大鏡废亭，放在頁面邊緣位置；開放式是一個(gè)搜索框具钥，設(shè)計(jì)在頁面的某個(gè)位置豆村，一般是頂部。

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

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

1佛掖、頁面頂部搜索框妖碉，明顯開放式；

2芥被、頁面右上角的搜索圖標(biāo)欧宜，圖標(biāo)式；

3拴魄、在底部導(dǎo)航專門開一個(gè)頁面為搜索設(shè)計(jì)冗茸，是底部導(dǎo)航式席镀。

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

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

有人說在頁面中間的搜索模塊不可取麻蹋，我并不這樣認(rèn)為跛溉，如果搜索是APP的核心模塊焊切，在頁面中間位置也不可厚非扮授，只要是符合產(chǎn)品定位的，符合目標(biāo)用戶需求的专肪，只要能讓用戶爽刹勃，能夠帶來商業(yè)收益，一切設(shè)計(jì)都是合理的嚎尤。

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

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

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

1、有提示語的搜索圖標(biāo)关贵。

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

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

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

3、有語音圖標(biāo)的搜索圖標(biāo)错妖。

比如高德地圖隶糕，用戶的使用場景特殊，可能在一邊開車一邊搜索目的地站玄，純文字的輸入功能就無法滿足用戶這樣的高頻率場景枚驻；

4、帶精準(zhǔn)分類的搜索圖標(biāo)株旷。

比如新浪微博再登，在搜索框左側(cè)有個(gè)下拉列表來選擇可以搜索全部尔邓、微博、搜人锉矢√菟裕可以在精準(zhǔn)的分類下展示搜索結(jié)果，減少搜索結(jié)果數(shù)量沽损，更容易給用戶他想要的內(nèi)容灯节。

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

5形入、搜索頁的分類樣式。

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

這里插一句關(guān)于搜索按鈕設(shè)計(jì)的問題渺杉，我看過有的資料說蛇数，不應(yīng)該在搜索框旁邊，也就是頁面右上角設(shè)計(jì)搜索按鈕是越，原因大致是因?yàn)橛脩舾敢膺x擇點(diǎn)擊鍵盤上的搜索按鈕耳舅，這個(gè)操作按鈕離手比較近，符合操作習(xí)慣英妓。IOS這樣無可厚非挽放，因?yàn)橹挥幸粋€(gè)鍵盤，但是安卓機(jī)型較多蔓纠，如果碰到無法調(diào)用帶搜索按鈕的鍵盤辑畦，那么后果可想而知。即使是自帶鍵盤的回車鍵腿倚，用戶似乎也不是能馬上明白纯出，應(yīng)該點(diǎn)這個(gè)長得像“下一行”的按鈕來完成搜索。

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

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

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

1、搜索前

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

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

2嚷狞、搜索中

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

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

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

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

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

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

3、搜索完

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

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

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

4磷仰、功能外置

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

四瞒爬、搜索場景及其信息展示

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

比如我在查閱資料時(shí)，一位作者在體驗(yàn)qq音樂時(shí)寫到伤哺，搜索“xxx的插曲”時(shí)燕侠，搜索結(jié)果并不是名為xxx的歌曲，而是電影名為xxx的全部歌曲立莉。這種就是充分考慮到用戶在此類APP下的搜索場景绢彤，并將“的插曲”或者“的主題曲”等作為場景標(biāo)簽予以識別，這就是音樂類APP的搜索場景之一蜓耻。

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

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

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