如何設(shè)計(jì)移動(dòng)端搜索？

目前搜索功能是每個(gè)應(yīng)用產(chǎn)品不可缺少一部分，同時(shí)也是用戶經(jīng)常光顧到的功能。一個(gè)好的搜索設(shè)計(jì)能夠提高轉(zhuǎn)化率，提升用戶體驗(yàn)。下面我們來看看搜索設(shè)計(jì)的一些套路。

一、搜索入口的設(shè)計(jì)樣式

搜索入口的設(shè)計(jì)需要根據(jù)搜索功能在產(chǎn)品中的位置，不同的應(yīng)用場(chǎng)景所使用的搜索入口樣式也是不同的，接下來分別和大家介紹一下四種搜索入口的常用樣式。

1. 底部標(biāo)簽欄入口（Tab Bar）

把搜索功能作為底部標(biāo)簽欄中的一個(gè)功能模塊入口，適合將搜索作為重要流量入口的 App，同時(shí)也可以同其他的 Tab Bar入口相結(jié)合，如「布卡漫畫」就是把搜索和類似發(fā)現(xiàn)功能的入口相結(jié)合。但是底部標(biāo)簽欄的搜索入口本身并不帶搜索功能，所以通常與搜索框樣式相結(jié)合使用。

2. 搜索框?qū)Ш饺肟?br />
常見的展示形式之一，將搜索入口以輸入框的形式放置在導(dǎo)航欄中或者導(dǎo)航欄下方，有些應(yīng)用即便界面向上滑動(dòng)時(shí)，搜索欄會(huì)吸頂顯示，方便用戶隨時(shí)操作（是否吸頂顯示要根據(jù)搜索功能在應(yīng)用中的權(quán)重）。

搜索框?qū)Ш饺肟诔吮仨氁械妮斎肟蛲?，還需要一個(gè)搜索圖標(biāo)給予用戶提示。目前很多應(yīng)用也會(huì)利用搜索框內(nèi)的區(qū)域進(jìn)行預(yù)設(shè)文案，可作為提示用戶關(guān)鍵詞，也可以作為運(yùn)營的入口來展示。

3. 搜索圖標(biāo)入口

同樣也是常用搜索方式，常見形式是將一個(gè)放大鏡的圖標(biāo)放在導(dǎo)航欄的右側(cè)。相對(duì)上面提到的搜索框在視覺引導(dǎo)上略遜一籌，但節(jié)省了導(dǎo)航欄的空間，這樣導(dǎo)航欄中可以提供用戶更多的功能，適用于對(duì)搜索權(quán)重不高的應(yīng)用。

當(dāng)然也有特別的搜索圖標(biāo)方式，例如：自如客，同樣是搜索圖標(biāo)的樣式由于不同的位置和層級(jí)變化，變得更加突出。

4. 隱藏的搜索入口

為了讓用戶更多的使用桌面提供的快速入口，初始界面時(shí)將搜索功能隱藏，當(dāng)進(jìn)行滑動(dòng)界面時(shí)才會(huì)出現(xiàn)搜索功能，例如：iPhone手機(jī)解鎖后是各個(gè)應(yīng)用入口，當(dāng)向右滑動(dòng)時(shí)，隱藏的搜索入口就會(huì)出現(xiàn)。

二、搜索方式

搜索方式也就是我們通常會(huì)用哪些方法去搜索我們要找的東西，下面介紹三種我們常用的搜索方式。

1. 輸文字搜索

主要且常用的搜索方法，通過在輸入框中輸入想要搜索的文字進(jìn)行精準(zhǔn)搜索。同時(shí)當(dāng)點(diǎn)擊輸入框時(shí)，激活輸入鍵盤。

2. 語音搜索

語音搜索不僅提升了搜索的便利性，同時(shí)也解決了老人對(duì)鍵盤輸入困擾和不會(huì)拼音的人群的問題。另外在音樂類App中語音功能得到了更好運(yùn)用，無論是在街邊商場(chǎng)，酒吧等，當(dāng)聽見我們愛不忍釋的歌曲時(shí)，可以用語音功能進(jìn)行歌曲識(shí)別，隨時(shí)找到我們喜歡歌曲的名字。還有在駕車時(shí)可以利用語音搜索功能查詢路線。

3. 圖像搜索

借助圖像識(shí)別技術(shù)，圖像搜索也得到了廣泛的應(yīng)用。例如：我們可以通過對(duì)圖片進(jìn)行拍照搜索到有關(guān)圖片的信息或者是和它相似的圖片，還有電商應(yīng)用中常用到的，對(duì)于無法準(zhǔn)確描述的商品，可以通過圖像搜索找到該物品。如：蘑菇街中可以通過對(duì)現(xiàn)實(shí)物體拍照來找到想要的物品。

三、搜索的輔助功能

基于用戶不同的搜索場(chǎng)景，需要給出不同的搜索輔助，一個(gè)好的搜索輔助，會(huì)讓用戶愛上你的應(yīng)用，下面就來介紹五種常用的搜索輔助功能。

1. 熱門搜索

目前搜索量比較大或者運(yùn)營想讓我們搜到的東西，同時(shí)給那些無目的的用戶更多的選擇。

2. 搜索歷史

用戶可以看到自己每次查找的記錄，方便用戶再次查看。

3. 猜你喜歡

根據(jù)收集用戶的記錄為用戶提供相關(guān)的內(nèi)容，減少用戶的思考時(shí)間，同時(shí)也會(huì)給你用戶貼心的感覺。

4. 遞進(jìn)式搜索

通過點(diǎn)擊系統(tǒng)提供的輔助字段，逐漸縮小搜索范圍，對(duì)于搜索模糊的用戶也提供了很好的提示，可以更快的找到查找目標(biāo)。

5. 類別搜索

當(dāng)應(yīng)用中涉及到的搜索內(nèi)容類似較多時(shí)，可以添加類別搜索功能，先選擇類別后在進(jìn)行搜索，可以更快更精準(zhǔn)的搜索到相關(guān)內(nèi)容。

四、搜索結(jié)果展示形式

從搜索結(jié)果來看，依然有很多種展示形式，文字、圖片、分類、視頻類等，我們了解不同樣式后可以根據(jù)不同的應(yīng)用類型來選擇合適的搜索結(jié)構(gòu)的展示形式。

1. 文字類

主要以文字描述展示搜索結(jié)果，多用在音樂類應(yīng)用上，因?yàn)槲宜阉鞯氖歉枨旧淼拿?，圖片對(duì)我們來說意義并不大。

2. 圖片類

主要以圖片展示為主，用戶會(huì)因?yàn)榭吹礁信d趣的圖片點(diǎn)擊查看，所以多用在購物、資訊、電影等

3. 模塊類

主要用于包含多類別的應(yīng)用，比如：我們?cè)诘玫缴线M(jìn)行搜索時(shí)，輸入一個(gè)「人類簡(jiǎn)史」會(huì)發(fā)現(xiàn)有兩個(gè)類別，一個(gè)是電子書，一個(gè)是音頻，所以對(duì)于多類別的應(yīng)用我們應(yīng)該擴(kuò)大搜索范圍并分類別展示，讓用戶可以通過分類更準(zhǔn)確的查找想要的信息。

4. 視頻類

下面要說的比較特殊，通常只有在視頻類的應(yīng)用中出現(xiàn)，因?yàn)橐曨l類的用戶通常搜索目的較為明確，同時(shí)搜索出的結(jié)果也不會(huì)多樣化，所以在此界面放入更多的操作按鈕更方便用戶進(jìn)行選擇觀看。

結(jié)語

通過上面的對(duì)搜索功能的分析可知，一個(gè)搜索功能的樣式，無論在哪個(gè)階段都要對(duì)應(yīng)用本身所適用人群、類型、權(quán)重等多維度進(jìn)行分析，才能設(shè)計(jì)出更合理的搜索。所以搜索樣式的本身沒有好壞之分，只要在不同的場(chǎng)景下，選擇最合適的形式才會(huì)提升搜索體驗(yàn)，讓用戶搜索的更快、更準(zhǔn)。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

當(dāng)前文章：如何設(shè)計(jì)移動(dòng)端搜索？
路徑分享：http://www.muchs.cn/news33/321183.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、響應(yīng)式網(wǎng)站、面包屑導(dǎo)航、Google、服務(wù)器托管、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)