眾所周知，搜索欄是APP UI 界面設計的高頻組件，我們經(jīng)常用的客戶端幾乎都能見到，比如上外賣軟件想吃份麻辣燙，逛淘寶想買雙黑色運動鞋，比如遇到什么問題想谷歌百度一下，這時候都會用到搜索欄，搜索是最快速又最有效的方式，這也漸漸形成了用戶習慣。

這時候你可能認為一個小小的搜索欄有什么好設計的？如果你這樣想的話，那就大錯特錯了。

今天就如何把握搜索欄的設計要素給大家一些小建議。

1. 讓搜索框處于合理的位置

當用戶想要搜索內(nèi)容的時候還需要花費精力來尋找搜索框，這就非常尷尬了。這意味著搜索框本身就不容易被察覺。在理想情況下，搜索框的設計應當和整個網(wǎng)站設計風格保持一致，同時在視覺上要略顯突出，應將搜索欄放置在醒目的位置，便于用戶發(fā)覺它的存在。將搜索欄放在隱蔽位置的app會讓用戶覺得沮喪，也會讓用戶的操作流程變慢。

很多電商app都將搜索欄放在首頁頂部，對擁有大量商品的app來說，將搜索欄放在這樣的位置，能夠讓它既明顯又能夠很快被找到。

2、將放大鏡圖標和搜索欄放一起

只有少數(shù)圖標具有世界范圍內(nèi)的廣泛認知度，放大鏡圖標恰恰是其中一個。就算你沒有使用文字標簽說明，用戶也能將放大鏡圖標看作是“搜索”的意思。你應該使用一個粗線條，最簡化的放大鏡圖標。因為圖形細節(jié)越少，認知速度越快。

3、讓搜索欄盡量簡單

在你設計搜索框的時候，請盡量讓它看起來就是一個搜索欄，并且簡單易用?？捎眯匝芯勘砻鳎J沒有顯示高級選項的搜索欄看起來更加友好，所以，通常情況下給用戶提供的搜索框最好不要提供進階的搜索選項。

4、合理的輸入框尺寸

輸入框太小是最常見的搜索欄目設計錯素，雖然用戶可以輸入比輸入框更長的內(nèi)容，但是可見的部分往往無法完全可見，這種設計的可用性并不強。這樣的輸入框可能因為可視范圍的限制，促使用戶使用短的、不精確的查詢方式，因為更長的內(nèi)容并不適合閱讀。如果輸入框能夠符合用戶的常見輸入內(nèi)容的尺寸來進行匹配，那么它的可用性會更強。

5、讓用戶明白哪些可以搜索到

最好是在輸入框中包含示例，這樣可以向用戶給予建議。我們在搜索欄設計的時候就要注意，設計一些利于用戶使用的小元素，比如在搜索欄里加入索引“輸入關鍵詞”這一類的提示。當我們的用戶點擊搜索欄進行搜索的時候這些提示就要自動的消失，不然用戶還需要手動去刪除，然后再進行搜索，這樣是很不方便的。在用戶搜索完成后，他們需要搜索其他東西時，我們應該在搜索框右邊加上一個小小的刪除按鈕，這樣非常方便用戶進行多次的搜索。