網站建設的搜索框如何設計(上)
- 作者:新網
- 來源:新網
- 瀏覽:100
- 2018-02-22 18:02:59
作為網站建設網頁中最常見的UI控件之一,搜索框的組成非常簡單:輸入框+觸動按鈕,不少站長也因此沒有對它給予足夠的重視。那么接下來就隨小編一起來看一下網站建設的搜索框如何設計?
作為網站建設網頁中最常見的UI控件之一,搜索框的組成非常簡單:輸入框+觸動按鈕,不少站長也因此沒有對它給予足夠的重視。那么接下來就隨小編一起來看一下網站建設的搜索框如何設計?
1. 使用放大鏡圖標
現在,一看見放大鏡圖標,用戶自然而然就會想起搜索功能,這種聯系是在長期使用過程中逐漸形成的,是為大家所廣泛認可接受的。因此在網站中設計搜索框時,我們可以多使用放大鏡圖標,畢竟它是最常使用、最易于辨認的(即使沒有文本標簽,用戶也能輕松識別)。當然也要注意,放大鏡圖標應該簡潔直觀,盡量減少一些不必要的細節,提高圖標的可辨識度。
2. 讓搜索框足夠顯眼
搜索框設計有一條重要的準則就是:讓搜索框足夠顯眼,清晰可見的搜索框能讓用戶快速發現并使用。搜索框左右兩側是兩種不同的搜索框設計,左邊的搜索框隱藏在圖標之后,這種隱性的搜索框太不顯眼了,用戶很難發現并使用。相比而言,右側的搜索框就能及時給用戶提供幫助。
3. 提供搜索按鈕
在搜索框中設置按鈕是為了讓用戶能夠明白搜索的觸動方式,帶有按鈕的搜索框更易吸引用戶點擊進行搜索。不過,在設計搜索按鈕時,我們要注意控制它的尺寸大小,選取合適的區域,讓用戶可以移動光標或手動輕松點擊。另外,設置回車鍵提交搜索的功能也是有必要的,因為現在很多用戶仍然保留著點擊回車鍵觸動按鈕的習慣。
4. 每頁都保留搜索輸入框
網站的每個頁面最好都有搜索框。這樣一來,當用戶在特定的頁面找不到想要的內容時,可以立即通過搜索框獲取內容,這種設置是快速便捷的,是能夠顯著提高用戶對網站好感的。
5. 讓搜索框盡量簡單
搜索框設計還有一條原則,那就是簡單易用。研究表明,一個沒有顯示高級選項的搜索框看上去更加友好,可用性也更強。所以,一般情況下,在給用戶提供搜索框時最好不要提供復雜的搜索選項。
免責聲明:本文內容由互聯網用戶自發貢獻自行上傳,本網站不擁有所有權,也不承認相關法律責任。如果您發現本社區中有涉嫌抄襲的內容,請發送郵件至:operations@xinnet.com進行舉報,并提供相關證據,一經查實,本站將立刻刪除涉嫌侵權內容。