網(wǎng)站建設之搜索框設計對網(wǎng)站的重要性

??? 在瀏覽整個(gè)網(wǎng)站中，搜索框通常是通向用戶(hù)使用的最后一道關(guān)卡。如果你的網(wǎng)站內容很多，包含了詳盡的特色，功能，設計元素，產(chǎn)品和服務(wù)等等，那么搜索框就成為了網(wǎng)站不可或缺的一部分。網(wǎng)站的成長(cháng)往往需要時(shí)間。當然，從整個(gè)網(wǎng)站設計和開(kāi)發(fā)過(guò)程來(lái)看，設計肯定要簡(jiǎn)潔，有文章和評論，以及非正式的網(wǎng)站通知，特色內容和服務(wù)等等。不過(guò)，隨著(zhù)網(wǎng)站層次不斷提升和更新，與網(wǎng)站相關(guān)的內容的只是起到了裝飾作用。因此，搜索框對網(wǎng)站的性能優(yōu)化起到了至關(guān)重要的作用。

　　錯誤觀(guān)念：搜索框不需要設計

　　在整個(gè)網(wǎng)站設計中，搜索框的外觀(guān)要顯眼，方便用戶(hù)快速找到。網(wǎng)站站長(cháng)普遍認為搜索框只是一個(gè)輸入和提交內容的按鈕而已，因此他們根本不需要花時(shí)間設計。

??? 由于設計上的缺失以及亮點(diǎn)不突出，用戶(hù)通常會(huì )被搜索框的位置弄得焦頭爛額，他們通常會(huì )點(diǎn)擊“返回”按鈕(離開(kāi)網(wǎng)頁(yè))。因此，設計平庸，辨識度不高的搜索框就是導致這一切的元兇。如果用戶(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)題也就迎刃而解了。

　　搜索框設計技巧

　　在為網(wǎng)站設計搜索框時(shí)，你可重點(diǎn)考慮以下建議：

　　1、搜索框要顯眼：搜索框要清晰可見(jiàn)，千萬(wàn)不可放在難以注意到的位置。即使你的網(wǎng)站主題是純白色，為搜索框設置黑色的邊框，選用紅色等亮色作為字體顏色，這都可能會(huì )解決搜索框不明顯的問(wèn)題。

　　2、搜索框的位置：搜索框的位置對網(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)站中迷失，他們也能夠方便地找到需要的內容。

　　3、搜索框要有搜索框的樣：你可以嘗試在搜索框設計中融入創(chuàng )意，但是不要把它弄得不倫不類(lèi)。這也是搜索框必須是框狀的原因。訪(fǎng)問(wèn)網(wǎng)站的用戶(hù)不會(huì )仔細瀏覽完整個(gè)網(wǎng)站的內容，他們只會(huì )關(guān)注自己感興趣的內容，而且許多學(xué)習條件是受制于他們的行為，在用搜索框進(jìn)行搜索時(shí)，實(shí)際上用圓角矩形的搜索框就可以了。

　　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)站性能的作用。