6、讓搜索框處于用戶預(yù)期的位置

當(dāng)用戶想要搜索內(nèi)容的時候還需要花費精力來尋找搜索框，這就非常尷尬了。這意味著搜索框本身就不容易被察覺。

小貼士：在理想情況下，搜索框的設(shè)計應(yīng)當(dāng)和整個網(wǎng)站的設(shè)計風(fēng)格保持一致，同時在視覺上要略顯突出，便于用戶發(fā)覺它的存在。如果網(wǎng)站的內(nèi)容足夠多，搜索框在設(shè)計上顯著程度應(yīng)該越高，如果搜索功能對于你的網(wǎng)站至關(guān)重要，那么你應(yīng)該采用較大的對比度，確保輸入框和按鈕從背景中脫穎而出。

7、合理的輸入框尺寸

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

根據(jù)經(jīng)驗，輸入框能夠承載的最佳字符數(shù)量為27個，百分之90的搜索內(nèi)容都在這個長度以內(nèi)。

小貼士：建議考慮使用能根據(jù)輸入長度增長而能變長的輸入框，這不僅節(jié)省了屏幕空間，而且能夠給予用戶足夠的視覺提示，并快速進(jìn)入搜索環(huán)節(jié)。

8、使用自動搜索建議機制

自動建議機制能夠幫助用戶在輸入的過程中，動態(tài)地預(yù)測正確的查詢方向。自動建議并不會加快搜索的過程，但是能夠幫助用戶構(gòu)建正確的搜索關(guān)鍵詞/內(nèi)容。普通用戶在第一次搜索結(jié)果不理想的情況下，很少會繼續(xù)進(jìn)行嘗試，而自動建議運作順利的情況下，將會幫助用戶更好的搜索。

谷歌搜索在這方面有著豐富的經(jīng)驗，自2008年開始，谷歌開始記錄用戶的搜索記錄，并且通過這種方式節(jié)省時間，優(yōu)化結(jié)果，創(chuàng)造更為優(yōu)秀的體驗。

小貼士：確保你的自動搜索建議是有用的。不當(dāng)?shù)乃阉鹘ㄗh內(nèi)容可能會混淆和分散用戶的注意力。盡量幫助用戶更正拼寫，識別詞根，預(yù)測文本，并改進(jìn)你的工具。當(dāng)用戶開始輸入之后，盡快開始給予用戶建議，例如在第三個字符之后，為用戶開始提供即時的、有價值的建議，降低用戶的輸入難度和工作量。盡量為用戶提供少于10個搜索結(jié)果，避免信息過載。允許使用鍵盤進(jìn)行交互，當(dāng)用戶使用方向鍵向下滾動到最后的條目之后，繼續(xù)滾動會跳轉(zhuǎn)到頂部的項目。允許用戶使用Esc按鍵推出列表。突出顯示輸入的信息和建議的信息之間的差異。

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

最好是在輸入框中包含示例，這樣可以向用戶給予建議。如果用戶可以輸入多個關(guān)鍵詞搜索，那么可以像下面的IMDB的網(wǎng)站一樣給予建議。HTML5可以輕松的實現(xiàn)在輸入框內(nèi)加入文本占位符。

小貼士：建議的內(nèi)容不宜過多，這樣對于用戶會有認(rèn)知負(fù)荷。

我們擁有國內(nèi)頂級的設(shè)計、技術(shù)團(tuán)隊和多年互聯(lián)網(wǎng)軟件開發(fā)經(jīng)驗。