一般的網(wǎng)站具有搜索的功能，是為了方便用戶(hù)的查找，是一個(gè)網(wǎng)站必須具備的元素之一，大家對搜索框的認識只停留在很重要，卻不知道不同的搜索框設計所帶來(lái)的作用是有差別的。
搜索框不需要設計？這是真的嗎？在整個(gè)網(wǎng)站設計中，搜索框的外觀(guān)要顯眼，方便用戶(hù)快速找到。網(wǎng)站站長(cháng)普遍認為搜索框只是一個(gè)輸入和提交內容的按鈕而已，因此他們根本不需要花時(shí)間設計。
但是由于錯誤觀(guān)念泛濫，站長(cháng)們也錯失了一些潛在的機會(huì )。由于設計上的缺失以及亮點(diǎn)不突出，用戶(hù)通常會(huì )被搜索框的位置弄得焦頭爛額，他們通常會(huì )點(diǎn)擊“返回”按鈕（離開(kāi)網(wǎng)頁(yè)）。因此，設計平庸，辨識度不高的搜索框就是導致這一切的元兇，如果想要網(wǎng)站獲得可觀(guān)的流量，但是網(wǎng)站轉化率卻低得離譜，這是不行的。
如果用戶(hù)對你的網(wǎng)站感到失望，搜索框則有助于留住用戶(hù)。在大量的網(wǎng)站中，真正帶給用戶(hù)絕佳體驗的少之又少，用戶(hù)有時(shí)還沒(méi)深入了解整個(gè)網(wǎng)站，可能就不斷點(diǎn)擊后退，離開(kāi)網(wǎng)頁(yè)了。如果用戶(hù)能進(jìn)行搜索，他們只需在搜索框中輸入自己想找的內容，上述問(wèn)題也就迎刃而解了。
在如今這個(gè)快速成功的社會(huì )，時(shí)間就是金錢(qián)。搜索框不僅能幫助用戶(hù)節約時(shí)間，還可帶給用戶(hù)高度愉悅和簡(jiǎn)潔的瀏覽體驗。
搜索框設計技巧
在為網(wǎng)站設計搜索框時(shí)，你可重點(diǎn)考慮以下建議：
1、搜索框要顯眼
搜索框要清晰可見(jiàn)，千萬(wàn)不可放在難以注意到的位置。即使你的網(wǎng)站主題是純白色，為搜索框設置黑色的邊框，選用紅色等亮色作為字體顏色，這都可能會(huì )解決搜索框不明顯的問(wèn)題。
2、搜索框要有搜索框的樣
你可以嘗試在搜索框設計中融入創(chuàng )意，但是不要把它弄得不倫不類(lèi)。這也是搜索框必須是框狀的原因。訪(fǎng)問(wèn)網(wǎng)站的用戶(hù)不會(huì )仔細瀏覽完整個(gè)網(wǎng)站的內容，他們只會(huì )關(guān)注自己感興趣的內容，而且許多學(xué)習條件是受制于他們的行為，在用搜索框進(jìn)行搜索時(shí)，實(shí)際上用圓角矩形的搜索框就可以了。
3、搜索框的位置
搜索框的位置對網(wǎng)站優(yōu)化和性能提升十分重要。一般的經(jīng)驗表明搜索框的最佳位置應在網(wǎng)站頂部的左上角或右上角，因為用戶(hù)希望節約時(shí)間和精力，直接搜索到他們所需的內容。但是受廣告等內容的影響，迫使設計者將搜索框放在頁(yè)面底部。這并沒(méi)真正解決搜索框在網(wǎng)站中的實(shí)用性問(wèn)題，必須避免。
另外，在每個(gè)網(wǎng)頁(yè)中都放入搜索框是一個(gè)明智的主意，即使用戶(hù)在網(wǎng)站中迷失，他們也能夠方便地找到需要的內容。
4、為提交按鈕取一個(gè)有創(chuàng )意的名字
搜索框的名字要取得有創(chuàng )意，不要簡(jiǎn)單地放上單調的“go”，“find”或“search”在旁邊。不管給它起什么名字，只要不為難用戶(hù)去猜意思就好。
5、為用戶(hù)提供分類(lèi)搜索
用戶(hù)可自由搜索各種分類(lèi)。同樣的思路，你也可以顯示分類(lèi)，用戶(hù)在輸入區域進(jìn)行搜索。在JavaScript的幫助下，用戶(hù)只需將鼠標懸停在搜索框上，即可顯示類(lèi)型或進(jìn)行用戶(hù)自定義搜索，從用戶(hù)的角度講，這是一個(gè)很棒的選擇。
設計者必須避免的錯誤
我們在試用其它網(wǎng)站的搜索時(shí)發(fā)現他們在搜索框的顯示上犯了不少錯。這些都是些很常見(jiàn)的錯誤，如果你希望通過(guò)搜索框優(yōu)化網(wǎng)站性能，那么就必須得避免這些問(wèn)題。
(1)隱藏搜索框
我們反復強調搜索框的明確顯示的必要性。不要把搜索框放在網(wǎng)站底部，放在網(wǎng)站的右上角效果會(huì )更好，如果網(wǎng)站設計得很混亂，用戶(hù)在沒(méi)有瀏覽到接近網(wǎng)站的底部時(shí)就已經(jīng)離開(kāi)網(wǎng)頁(yè)了。
(2)切忌輸入區域過(guò)短?為用戶(hù)提供所需范圍準確的輸入查詢(xún)。搜索框輸入區域太短只會(huì )讓用戶(hù)對搜索框感到失望，因為，他們不會(huì )在整個(gè)區域輸入想查詢(xún)的內容。再者，這也非常不方便用戶(hù)閱讀和回應。
(3)切忌提交按鈕過(guò)短
受網(wǎng)站設計限制，提交按鈕不應過(guò)長(cháng)，但是太短又會(huì )讓用戶(hù)感到失望，因為他們在鼠標點(diǎn)擊的準確性上又會(huì )有偏差，從而浪費搜索時(shí)間，還會(huì )被轉入到到一些不同頁(yè)面上。
(4)切勿將搜索框與其它菜單混排在一起
如果把搜索框和與新聞和導航條混排在一起，這是相當讓人不爽的事。這樣用戶(hù)很難在郵件訂閱或文章搜索欄中區分出搜索框。因此，搜索框應與其它菜單分開(kāi)排列。
(5)過(guò)度設計搜索框
不要因為搜索框要顯眼，在設計時(shí)就受到影響。雖然搜索框要清晰地展現出來(lái)，但也不要設計過(guò)度，以免影響到它的直觀(guān)性。
(6)沒(méi)必要提供高級搜索工具
高級搜索當然會(huì )有它的用處，但這會(huì )使本來(lái)簡(jiǎn)單的搜索變得更加復雜。因此，沒(méi)必要提供高級搜索工具，除非你是為了迎合懂技術(shù)的用戶(hù)。如果你只是搞定一般用戶(hù)，盡量保持搜索選項簡(jiǎn)單。
(7)一個(gè)搜索框有多個(gè)提交按鈕
這條建議非常有意思，我們很少看到有網(wǎng)站設置了多個(gè)搜索提交按鈕，比如同時(shí)有“go”和“find”。很明顯，這會(huì )擾亂按鈕的選擇。
(8)如果在網(wǎng)站設計中，你遵從了以上建議，我們相信一個(gè)高效的搜索框能夠起到優(yōu)化網(wǎng)站性能的用。
