網站建設的搜索框如何設計（上）

• 作者：新網
• 來源：新網
• 瀏覽：100
• 2018-02-22 18:02:59

作為網站建設網頁中最常見的UI控件之一，搜索框的組成非常簡單：輸入框+觸動按鈕，不少站長也因此沒有對它給予足夠的重視。那么接下來就隨小編一起來看一下網站建設的搜索框如何設計？

 作為網站建設網頁中最常見的UI控件之一，搜索框的組成非常簡單：輸入框+觸動按鈕，不少站長也因此沒有對它給予足夠的重視。那么接下來就隨小編一起來看一下網站建設的搜索框如何設計?

1. 使用放大鏡圖標

 

現在，一看見放大鏡圖標，用戶自然而然就會想起搜索功能，這種聯系是在長期使用過程中逐漸形成的，是為大家所廣泛認可接受的。因此在網站中設計搜索框時，我們可以多使用放大鏡圖標，畢竟它是最常使用、最易于辨認的(即使沒有文本標簽，用戶也能輕松識別)。當然也要注意，放大鏡圖標應該簡潔直觀，盡量減少一些不必要的細節，提高圖標的可辨識度。

 

2. 讓搜索框足夠顯眼

 

搜索框設計有一條重要的準則就是：讓搜索框足夠顯眼，清晰可見的搜索框能讓用戶快速發現并使用。搜索框左右兩側是兩種不同的搜索框設計，左邊的搜索框隱藏在圖標之后，這種隱性的搜索框太不顯眼了，用戶很難發現并使用。相比而言，右側的搜索框就能及時給用戶提供幫助。

 

3. 提供搜索按鈕

 

在搜索框中設置按鈕是為了讓用戶能夠明白搜索的觸動方式，帶有按鈕的搜索框更易吸引用戶點擊進行搜索。不過，在設計搜索按鈕時，我們要注意控制它的尺寸大小，選取合適的區域，讓用戶可以移動光標或手動輕松點擊。另外，設置回車鍵提交搜索的功能也是有必要的，因為現在很多用戶仍然保留著點擊回車鍵觸動按鈕的習慣。

 

4. 每頁都保留搜索輸入框

 

網站的每個頁面最好都有搜索框。這樣一來，當用戶在特定的頁面找不到想要的內容時，可以立即通過搜索框獲取內容，這種設置是快速便捷的，是能夠顯著提高用戶對網站好感的。

 

5. 讓搜索框盡量簡單

 

搜索框設計還有一條原則，那就是簡單易用。研究表明，一個沒有顯示高級選項的搜索框看上去更加友好，可用性也更強。所以，一般情況下，在給用戶提供搜索框時最好不要提供復雜的搜索選項。

 

以上就是小編對于網站建設的搜索框如何設計的解答。