作者：網站建設公司 來源：佛山網站建設日期：2020-11-09 瀏覽： 次
搜索框雖然在整個網站頁面上可以說是不起眼的一丟丟，但它存在的意義是非常大的。可以方便任何用戶想要找到他們想要了解的東西，在設計搜索框時就需要用心，才能讓用戶用的得心應手。那么，的搜索框設計，需要注意哪幾點要素？具體我們看看佛山網站設計小編的介紹吧。
搜索框時我們常用的UI控件之一，它存在于所有的網站和APP中，很多人認為搜索框是不需要設計的，感覺它的存在在普通不過的元素組成的，其實搜索框存在的明顯與否，會直接影響用戶體驗度，而明顯程度是可以用設計來體現的。
1、使用放大鏡圖標
時至今日，搜索的概念和放大鏡圖標之間的關系已經深入人心，根深蒂固了。在日常常用、易于識別的幾個圖標當中，放大鏡所帶代表的搜索圖標就是其中之一。
即使在沒有文本標簽標識的情況下，用戶也能輕松地識別圖標的含義。
小貼士：使用簡略直觀的放大鏡圖標，細節越少，越容易識別。
2、顯眼的搜索輸入框
如果搜索是你的網站或者APP的重要功能的話，你應當讓搜索框足夠顯眼，這樣的能設計讓用戶快發現它的存在。
左邊：搜索功能隱藏在圖標之后
顯示完整的文本輸入框是很重要的，隱藏在按鈕背后的輸入框會讓用戶覺得不是那么明顯，不容易被快速發現。需要點擊之后用戶才能看到。
3、提供搜索按鈕
按鈕的存在讓用戶能夠明白搜索的觸發方式——也就是說通過觸發按鈕來完成這一操作。
小貼士：
·控制搜索按鈕的尺寸大小，讓用戶使用光標可以輕松找到并點擊，讓觸發區域大小合適。
·讓用戶可以通過回車鍵提交搜索，許多用戶仍然有通過點擊鍵盤按鍵來觸發搜索的習慣。
4、每頁都保留搜索輸入框
你應該為用戶擁有在每個頁面都能立刻進行搜索的權限，如果你的用戶在特定的頁面找不到他們想要的內容，可以立刻通過搜索獲取內容，無論他在網站的哪個地方。
5、讓搜索框盡量簡單
在你設計搜索框的時候，請盡量讓它看起來就是一個搜索框，并且簡單易用?？捎眯匝芯勘砻?，默認沒有顯示高級選項的搜索框看起來更加友好，所以，通常情況下給用戶提供的搜索框知名不要提供進階的搜索選項。
6、讓搜索框處于用戶預期的位置
當用戶想要搜索內容的時候還需要花費精力來尋找搜索框，這就非常尷尬了。這意味著搜索框本身就不容易被察覺。
下面的研究，它展示出了142名被調查者對于網站的搜索框的預期的位置。這項研究表明，網站的左上角和右上角是用戶所期待的搜索框的位置，用戶在使用F型掃視法查看內容的時候，可以輕松找到搜索框。
這份研究還表明，右上角的區域是用戶搜尋輸入框的選區域。因此，將輸入框置于頂部靠右或者頂部居中的位置，用戶會主動在這個地方尋找搜索框。
小貼士：
·在理想情況下，搜索框的設計應當和整個網站的設計風格保持一致，同時在視覺上要略顯突出，便于用戶發覺它的存在。
·如果網站的內容足夠多，搜索框在設計上顯著程度應該越高，如果搜索功能對于你的網站至關重要，那么你應該采用較大的對比度，確保輸入框和按鈕從背景中脫穎而出。
7、合理的輸入框尺寸
輸入框太小是常見的搜索框設計錯素，雖然用戶可以輸入比輸入框更長的內容，但是可見的部分往往無法完全可見，這種設計的可用性并不強。這樣的輸入框可能因為可視范圍的限制，促使用戶使用短的、不精確的查詢方式，因為更長的內容并不適合閱讀。如果輸入框能夠符合用戶的常見輸入內容的尺寸來進行匹配，那么它的可用性會更強。
根據經驗，輸入框能夠承載的理想字符數量為27個，百分之90的搜索內容都在這個長度以內。
小貼士：建議考慮使用能根據輸入長度增長而能變長的輸入框，這不僅節省了屏幕空間，而且能夠給予用戶足夠的視覺提示，并快速進入搜索環節。
8、使用自動搜索建議機制
自動建議機制能夠幫助用戶在輸入的過程中，動態地預測正確的查詢方向。自動建議并不會加快搜索的過程，但是能夠幫助用戶構建正確的搜索關鍵詞/內容。普通用戶在次搜索結果不理想的情況下，很少會繼續進行嘗試，而自動建議運作順利的情況下，將會幫助用戶更好的搜索。
谷歌搜索在這方面有著豐富的經驗，自2008年開始，谷歌開始記錄用戶的搜索記錄，并且通過這種方式節省時間，優化結果，創造更為優秀的體驗。
小貼士
·確保你的自動搜索建議是有用的。不當的搜索建議內容可能會混淆和分散用戶的注意力。盡量幫助用戶更正拼寫，識別詞根，預測文本，并改進你的工具。
·當用戶開始輸入之后，盡快開始給予用戶建議，例如在第三個字符之后，為用戶開始提供即時的、有價值的建議，降低用戶的輸入難度和工作量。
·盡量為用戶提供少于10個搜索結果，避免信息過載。
·允許使用鍵盤進行交互，當用戶使用方向鍵向下滾動到后的條目之后，繼續滾動會跳轉到頂部的項目。允許用戶使用Esc按鍵推出列表。
·突出顯示輸入的信息和建議的信息之間的差異。
9、讓用戶明白哪些可以搜索到
知名是在輸入框中包含示例，這樣可以向用戶給予建議。如果用戶可以輸入多個關鍵詞搜索，那么可以像下面的IMDB的網站一樣給予建議。HTML5可以輕松的實現在輸入框內加入文本占位符。
小貼士：建議的內容不宜過多，這樣對于用戶會有認知負荷。
上一篇：微信營銷需要掌握的技巧
下一篇：手機網站建設的潛在價值
零度飛易提供品牌
一體化IT網站價格規劃書
教育網站設計方案建材網站設計方案機械網站設計方案廣告網站設計方案家居照明網站設計方案環保設備網站設計方案五金網站設計方案電器網站設計方案家具網站設計方案機械網站設計方案
零度飛易網絡科技是國內企業網絡運營服務商，旗下有“零度飛易”建站品牌，“微度”微信平臺開發系統及互聯網網絡推廣，三大業務是零度飛易戰略發展服務；零度是新網、阿里云（原萬網）、360建站等公司的戰略合作伙伴。零度飛易三大品牌產品為500+家廣東中小企業提供過互聯網網絡服務方案。在深圳-鄭州_成都-上海-北京-合肥-佛山-廣州-東莞-江門地區企業提供網站建設、網絡營銷、微信小程序開發、APP開發和域名注冊等網站建設服務。
有一個互聯網項目想和我們談談嗎？您可以填寫右邊的表格，讓我們了解您的項目需求，這是一個良好的開始，我們將會盡快與你取得聯系。當然也歡迎您給我們寫信或是打電話，讓我們聽到你的聲音！
地址：佛山市順德區大良鳳翔商業廣場二座670
業務QQ：378780108
策劃專線：13715431176
E-mail：sale@fslingdu.com
零度飛易是一家專業網站設計,網站制作、seo優化,網站推廣,網站建設的佛山網絡運營公司。零度飛易在