目前搜(sou)索(suo)功能(neng)是(shi)每個應(ying)用(yong)(yong)產品不可缺少一(yi)(yi)部分，同時也(ye)是(shi)用(yong)(yong)戶(hu)經常光顧到的功能(neng)。一(yi)(yi)個好的搜(sou)索(suo)設(she)(she)計(ji)能(neng)夠提高轉(zhuan)化率，提升用(yong)(yong)戶(hu)體驗。下面我們來(lai)看看搜(sou)索(suo)設(she)(she)計(ji)的一(yi)(yi)些套路。
目錄：
第一部分(fen)：搜索入口(kou)的(de)設(she)計樣式
第二部分(fen)：搜索方式
第三(san)部分(fen)：搜(sou)索的輔助功(gong)能(neng)
第三部分：搜索結果的展示形式
搜索(suo)入口的(de)(de)設計需要(yao)根(gen)據搜索(suo)功能在(zai)產品中(zhong)的(de)(de)位置(zhi)，不同的(de)(de)應用場景所使用的(de)(de)搜索(suo)入口樣(yang)式也是不同的(de)(de)，接下(xia)來分(fen)別(bie)和大(da)家介紹一下(xia)四(si)種搜索(suo)入口的(de)(de)常(chang)用樣(yang)式。
把搜(sou)(sou)索(suo)(suo)功能作為底(di)部標簽欄(lan)中的(de)(de)一個功能模塊入(ru)(ru)口，適合(he)將(jiang)搜(sou)(sou)索(suo)(suo)作為重要流量(liang)入(ru)(ru)口的(de)(de)App，同時也可以同其他的(de)(de)Tab Bar入(ru)(ru)口相(xiang)結合(he)，如“布卡(ka)漫畫”就是把搜(sou)(sou)索(suo)(suo)和(he)類似發現功能的(de)(de)入(ru)(ru)口相(xiang)結合(he)。但是底(di)部標簽欄(lan)的(de)(de)搜(sou)(sou)索(suo)(suo)入(ru)(ru)口本身并不(bu)帶搜(sou)(sou)索(suo)(suo)功能，所以通常與搜(sou)(sou)索(suo)(suo)框樣式相(xiang)結合(he)使用。（例(li)如：App Store、布卡(ka)漫畫）
如圖：
常見的展示(shi)(shi)形(xing)式之一，將搜索(suo)(suo)入口以(yi)輸入框的形(xing)式放(fang)置在導(dao)航(hang)欄中或者導(dao)航(hang)欄下方，有些(xie)應用(yong)即便界面向上滑動時，搜索(suo)(suo)欄會吸頂(ding)(ding)顯(xian)示(shi)(shi)，方便用(yong)戶隨時操作（是(shi)否(fou)吸頂(ding)(ding)顯(xian)示(shi)(shi)要根據搜索(suo)(suo)功能(neng)在應用(yong)中的權重）。
搜索框(kuang)(kuang)導航入口除(chu)了必(bi)須(xu)要有的輸(shu)入框(kuang)(kuang)外，還(huan)需要一(yi)個搜索圖標給予用戶提示(shi)。目前很(hen)多應用也(ye)會利用搜索框(kuang)(kuang)內的區域進行預設文(wen)案，可作為(wei)(wei)提示(shi)用戶關鍵詞，也(ye)可以作為(wei)(wei)運營(ying)的入口來展示(shi)。（例如：花瓣、即刻(ke)）
如圖：
同(tong)樣(yang)也是常用(yong)(yong)(yong)搜索方式(shi)，常見形式(shi)是將(jiang)一個(ge)放大鏡的(de)圖標放在(zai)導(dao)(dao)航欄(lan)的(de)右側。相對(dui)上面提到的(de)搜索框在(zai)視(shi)覺(jue)引導(dao)(dao)上略遜一籌，但(dan)節省了導(dao)(dao)航欄(lan)的(de)空間(jian)，這樣(yang)導(dao)(dao)航欄(lan)中(zhong)可以提供用(yong)(yong)(yong)戶更多(duo)的(de)功能，適(shi)用(yong)(yong)(yong)于對(dui)搜索權重不高的(de)應用(yong)(yong)(yong)中(zhong)。
當然(ran)也有特別的搜索圖(tu)標方式，例如(ru)：自(zi)如(ru)客，同(tong)(tong)樣是搜索圖(tu)標的樣式由于(yu)不同(tong)(tong)的位置(zhi)和(he)層(ceng)級變化，變得(de)更(geng)加突出。（例如(ru)：自(zi)如(ru)客、TIM）
如圖：
為了讓用(yong)戶更多的使用(yong)桌面提供的快速入口，初始界面時將(jiang)搜(sou)索功(gong)能隱藏，當(dang)進行滑動界面時才會(hui)(hui)出現搜(sou)索功(gong)能，例如：iPhone手機(ji)解鎖后是(shi)各個應(ying)用(yong)入口，當(dang)向右滑動時，隱藏的搜(sou)索入口就會(hui)(hui)出現。
如圖：
搜索方式也就是(shi)我(wo)們(men)通常(chang)會用哪些方法去搜索我(wo)們(men)要找的東西，下面介紹三種我(wo)們(men)常(chang)用的搜索方式：
主(zhu)要且(qie)常(chang)用的搜(sou)索(suo)方法，通過在輸(shu)(shu)入框中輸(shu)(shu)入想要要搜(sou)索(suo)的文(wen)字(zi)進(jin)行精準搜(sou)索(suo)。同時(shi)當點擊(ji)輸(shu)(shu)入框時(shi)，激活輸(shu)(shu)入鍵盤。
如圖：
語音搜(sou)(sou)索(suo)不僅提(ti)升(sheng)了搜(sou)(sou)索(suo)的(de)(de)(de)便(bian)利(li)性，同時(shi)也解決(jue)了老(lao)人(ren)對鍵盤輸入困擾(rao)和不會拼(pin)音的(de)(de)(de)人(ren)群(qun)的(de)(de)(de)問題。另外在(zai)音樂類(lei)App中語音功能得到了更(geng)好運(yun)用，無論是在(zai)街邊商場，酒(jiu)吧等，當(dang)聽見我們愛不忍(ren)釋的(de)(de)(de)歌曲時(shi)，可(ke)以(yi)用語音功能進行歌曲識別，隨時(shi)找到我們喜(xi)歡(huan)歌曲的(de)(de)(de)名字。還有在(zai)駕車時(shi)可(ke)以(yi)利(li)用語音搜(sou)(sou)索(suo)功能查詢路線。（例如：QQ音樂，高德地圖）
如圖：
借助圖(tu)(tu)像識別技術，圖(tu)(tu)像搜(sou)索也得(de)到(dao)了廣泛的應用。例如：我們可(ke)(ke)以(yi)通(tong)過對(dui)(dui)圖(tu)(tu)片(pian)進行拍照搜(sou)索到(dao)有關圖(tu)(tu)片(pian)的信息或者是和它相似的圖(tu)(tu)片(pian)，還有電(dian)商(shang)應用中常用到(dao)的，對(dui)(dui)于無法準確描述(shu)的商(shang)品，可(ke)(ke)以(yi)通(tong)過圖(tu)(tu)像搜(sou)索找到(dao)該物品。如：蘑(mo)菇(gu)(gu)街(jie)中可(ke)(ke)以(yi)通(tong)過對(dui)(dui)現實物體拍照來找到(dao)想要(yao)的物品。（例如：蘑(mo)菇(gu)(gu)街(jie)、百度）
如圖：
基(ji)于用戶(hu)不同的搜(sou)索場(chang)景，需要給出不同的搜(sou)索輔(fu)助，一個好(hao)的搜(sou)索輔(fu)助，會(hui)讓用戶(hu)愛上你(ni)的應用，下面就來介紹五種(zhong)常(chang)用的搜(sou)索輔(fu)助功能(neng)。
目前搜(sou)索量(liang)比較(jiao)大(da)或者運營想讓我(wo)們搜(sou)到的(de)(de)東西(xi)，同時給(gei)那(nei)些無目的(de)(de)的(de)(de)用(yong)戶更(geng)多的(de)(de)選擇。
如圖：
用戶可(ke)以看(kan)到自(zi)己每次(ci)查找的記錄，方便用戶再(zai)次(ci)查看(kan)。
如圖：
根據(ju)收集用(yong)戶(hu)(hu)的(de)記錄為用(yong)戶(hu)(hu)提供相(xiang)關的(de)內容，減(jian)少(shao)用(yong)戶(hu)(hu)的(de)思考時間，同時也會給你用(yong)戶(hu)(hu)貼(tie)心的(de)感覺。（例如：天(tian)貓，今日頭條(tiao)）
如圖：
通(tong)過點擊系統提(ti)供(gong)的輔助字段，逐漸縮(suo)小(xiao)搜索范圍，對于(yu)搜索模(mo)糊的用戶(hu)也提(ti)供(gong)了(le)很好的提(ti)示(shi)，可以更快的找到查找目標(biao)。（例如：淘寶）
如圖：
當應用(yong)中涉及到的搜(sou)索內容類似較多時，可以(yi)添加類別搜(sou)索功能，先選擇類別后在進行搜(sou)索，可以(yi)更(geng)快更(geng)精準的搜(sou)索到相關內容。（例如： 36 氪、豆(dou)瓣）
如圖：
從搜(sou)索結果來看，依(yi)然(ran)有很多種展示形式(shi)，文(wen)字、圖片、分類、視頻類等，我們了解(jie)不(bu)同樣式(shi)后可以根據(ju)不(bu)同的應用類型(xing)來選擇合適的搜(sou)索結構的展示形式(shi)。
主要以文字描述展示(shi)搜索(suo)結果，多用在音(yin)樂(le)類應用上，因為(wei)我搜索(suo)的(de)是歌曲本(ben)身(shen)的(de)名字，圖片對我們來(lai)說意義(yi)并不大。（如 36 氪，QQ音(yin)樂(le)）
如圖：
主(zhu)要以圖(tu)片展示(shi)為(wei)主(zhu)，用(yong)戶(hu)會因為(wei)看到感興趣(qu)的圖(tu)片點擊查看，所以多用(yong)在購物(wu)、資(zi)訊、電影等（如：每日(ri)優鮮、小(xiao)紅(hong)書(shu)）
如圖：
主要用(yong)(yong)于(yu)包含多類(lei)別的(de)(de)應用(yong)(yong)，比如：我們在得到上進行搜索(suo)時，輸入一個“人類(lei)簡史”字會發現有兩個類(lei)別，一個是電子書，一個是音頻，所(suo)以對于(yu)多類(lei)別的(de)(de)應用(yong)(yong)我們應該擴大(da)搜索(suo)范(fan)圍并分(fen)類(lei)別展(zhan)示，讓用(yong)(yong)戶可以通過(guo)分(fen)類(lei)更準確的(de)(de)查找想要的(de)(de)信息。（如得到、貓眼）
如圖：
下面要說的(de)比較(jiao)特殊(shu)，通常(chang)(chang)只(zhi)有在(zai)視(shi)頻類的(de)應用中(zhong)出(chu)現，因為視(shi)頻類的(de)用戶(hu)通常(chang)(chang)搜索(suo)目(mu)的(de)較(jiao)為明確，同時搜索(suo)出(chu)的(de)結(jie)果(guo)也不會多(duo)樣化(hua)，所以(yi)在(zai)此界面放入更(geng)多(duo)的(de)操作按鈕(niu)更(geng)方便用戶(hu)進(jin)行選擇觀看。（如土豆，優(you)酷視(shi)頻）
如圖：
通過上面的(de)(de)對搜(sou)(sou)索功(gong)能的(de)(de)分(fen)(fen)析可知，一個搜(sou)(sou)索功(gong)能的(de)(de)樣式，無論在哪個階(jie)段都要(yao)對應用(yong)本身(shen)所適用(yong)人群、類型、權重(zhong)等多維度(du)進行分(fen)(fen)析，才能設(she)計出(chu)更(geng)合理的(de)(de)搜(sou)(sou)索。所以搜(sou)(sou)索樣式的(de)(de)本事(shi)沒有好(hao)壞之分(fen)(fen)，只要(yao)在不同的(de)(de)場景(jing)下，選(xuan)擇最合適的(de)(de)形式才會提升搜(sou)(sou)索體驗，讓用(yong)戶搜(sou)(sou)索的(de)(de)更(geng)快、更(geng)準(zhun)。
