目前搜索功能是每個應用產品不可缺少一部分，同時也是用戶經常光顧到的功能。一個好的搜索設計能夠提高轉化率，提升用戶體驗。下面我們來看看搜索設計的一些套路。

一、搜索入口的設計樣式

搜索入口的設計需要根據搜索功能在產品中的位置，不同的應用場景所使用的搜索入口樣式也是不同的，接下來分別和大家介紹一下四種搜索入口的常用樣式。

1. 底部標簽欄入口（Tab Bar）

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

2. 搜索框導航入口

常見的展示形式之一，將搜索入口以輸入框的形式放置在導航欄中或者導航欄下方，有些應用即便界面向上滑動時，搜索欄會吸頂顯示，方便用戶隨時操作（是否吸頂顯示要根據搜索功能在應用中的權重）。

搜索框導航入口除了必須要有的輸入框外，還需要一個搜索圖標給予用戶提示。目前很多應用也會利用搜索框內的區域進行預設文案，可作為提示用戶關鍵詞，也可以作為運營的入口來展示。

3. 搜索圖標入口

同樣也是常用搜索方式，常見形式是將一個放大鏡的圖標放在導航欄的右側。相對上面提到的搜索框在視覺引導上略遜一籌，但節省了導航欄的空間，這樣導航欄中可以提供用戶更多的功能，適用于對搜索權重不高的應用。

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

4. 隱藏的搜索入口

為了讓用戶更多的使用桌面提供的快速入口，初始界面時將搜索功能隱藏，當進行滑動界面時才會出現搜索功能，例如：iPhone手機解鎖后是各個應用入口，當向右滑動時，隱藏的搜索入口就會出現。

二、搜索方式

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

1. 輸文字搜索

主要且常用的搜索方法，通過在輸入框中輸入想要搜索的文字進行精準搜索。同時當點擊輸入框時，激活輸入鍵盤。

2. 語音搜索

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

3. 圖像搜索

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

三、搜索的輔助功能

基于用戶不同的搜索場景，需要給出不同的搜索輔助，一個好的搜索輔助，會讓用戶愛上你的應用，下面就來介紹五種常用的搜索輔助功能。

1. 熱門搜索

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

2. 搜索歷史

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

3. 猜你喜歡

根據收集用戶的記錄為用戶提供相關的內容，減少用戶的思考時間，同時也會給你用戶貼心的感覺。

4. 遞進式搜索

通過點擊系統提供的輔助字段，逐漸縮小搜索范圍，對于搜索模糊的用戶也提供了很好的提示，可以更快的找到查找目標。

5. 類別搜索

當應用中涉及到的搜索內容類似較多時，可以添加類別搜索功能，先選擇類別后在進行搜索，可以更快更精準的搜索到相關內容。

四、搜索結果展示形式

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

1. 文字類

主要以文字描述展示搜索結果，多用在音樂類應用上，因為我搜索的是歌曲本身的名字，圖片對我們來說意義并不大。

2. 圖片類

主要以圖片展示為主，用戶會因為看到感興趣的圖片點擊查看，所以多用在購物、資訊、電影等

3. 模塊類

主要用于包含多類別的應用，比如：我們在得到上進行搜索時，輸入一個「人類簡史」會發現有兩個類別，一個是電子書，一個是音頻，所以對于多類別的應用我們應該擴大搜索范圍并分類別展示，讓用戶可以通過分類更準確的查找想要的信息。

4. 視頻類

下面要說的比較特殊，通常只有在視頻類的應用中出現，因為視頻類的用戶通常搜索目的較為明確，同時搜索出的結果也不會多樣化，所以在此界面放入更多的操作按鈕更方便用戶進行選擇觀看。

結語

通過上面的對搜索功能的分析可知，一個搜索功能的樣式，無論在哪個階段都要對應用本身所適用人群、類型、權重等多維度進行分析，才能設計出更合理的搜索。所以搜索樣式的本身沒有好壞之分，只要在不同的場景下，選擇最合適的形式才會提升搜索體驗，讓用戶搜索的更快、更準。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

當前文章：如何設計移動端搜索？
路徑分享：http://m.newbst.com/news33/321183.html

成都網站建設公司_創新互聯，為您提供企業網站制作、響應式網站、面包屑導航、Google、服務器托管、標簽優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯