6、讓搜索框處于用戶預期的位置
當用戶想要搜索內容的時候還需要花費精力來尋找搜索框,這就非常尷尬了。這意味著搜索框本身就不容易被察覺。
小貼士:在理想情況下,搜索框的設計應當和整個網站的設計風格保持一致,同時在視覺上要略顯突出,便于用戶發覺它的存在。如果網站的內容足夠多,搜索框在設計上顯著程度應該越高,如果搜索功能對于你的網站至關重要,那么你應該采用較大的對比度,確保輸入框和按鈕從背景中脫穎而出。
7、合理的輸入框尺寸
輸入框太小是最常見的搜索框設計錯素,雖然用戶可以輸入比輸入框更長的內容,但是可見的部分往往無法完全可見,這種設計的可用性并不強。這樣的輸入框可能因為可視范圍的限制,促使用戶使用短的、不精確的查詢方式,因為更長的內容并不適合閱讀。如果輸入框能夠符合用戶的常見輸入內容的尺寸來進行匹配,那么它的可用性會更強。
根據經驗,輸入框能夠承載的最佳字符數量為27個,百分之90的搜索內容都在這個長度以內。
小貼士:建議考慮使用能根據輸入長度增長而能變長的輸入框,這不僅節省了屏幕空間,而且能夠給予用戶足夠的視覺提示,并快速進入搜索環節。
8、使用自動搜索建議機制
自動建議機制能夠幫助用戶在輸入的過程中,動態地預測正確的查詢方向。自動建議并不會加快搜索的過程,但是能夠幫助用戶構建正確的搜索關鍵詞/內容。普通用戶在第一次搜索結果不理想的情況下,很少會繼續進行嘗試,而自動建議運作順利的情況下,將會幫助用戶更好的搜索。
谷歌搜索在這方面有著豐富的經驗,自2008年開始,谷歌開始記錄用戶的搜索記錄,并且通過這種方式節省時間,優化結果,創造更為優秀的體驗。
小貼士:確保你的自動搜索建議是有用的。不當的搜索建議內容可能會混淆和分散用戶的注意力。盡量幫助用戶更正拼寫,識別詞根,預測文本,并改進你的工具。當用戶開始輸入之后,盡快開始給予用戶建議,例如在第三個字符之后,為用戶開始提供即時的、有價值的建議,降低用戶的輸入難度和工作量。盡量為用戶提供少于10個搜索結果,避免信息過載。允許使用鍵盤進行交互,當用戶使用方向鍵向下滾動到最后的條目之后,繼續滾動會跳轉到頂部的項目。允許用戶使用Esc按鍵推出列表。突出顯示輸入的信息和建議的信息之間的差異。
9、讓用戶明白哪些可以搜索到
最好是在輸入框中包含示例,這樣可以向用戶給予建議。如果用戶可以輸入多個關鍵詞搜索,那么可以像下面的IMDB的網站一樣給予建議。HTML5可以輕松的實現在輸入框內加入文本占位符。
小貼士:建議的內容不宜過多,這樣對于用戶會有認知負荷。
我們擁有國內頂級的設計、技術團隊和多年互聯網軟件開發經驗。