對于一個(gè)信息量比較大的網(wǎng)站來說，里面必須設(shè)計(jì)一個(gè)搜索框，這樣可以幫助用戶在最短的時(shí)間里找到想要的信息。那么，搜索框該如何設(shè)計(jì)呢。下面小編就來分享下他的一些設(shè)計(jì)技巧。
1. 搜索框要顯眼
搜索框要清晰可見，千萬不可放在難以注意到的位置。即使你的網(wǎng)站主題是純白色，為搜索框設(shè)置黑色的邊框，選用紅色等亮色作為字體顏色，這都可能會解決搜索框不明顯的問題。
2. 搜索框要有搜索框的樣
你可以嘗試在搜索框設(shè)計(jì)中融入創(chuàng)意，但是不要把它弄得不倫不類。這也是搜索框必須是框狀的原因。訪問網(wǎng)站的用戶不會仔細(xì)瀏覽完整個(gè)網(wǎng)站的內(nèi)容，他們只會關(guān)注自己感興趣的內(nèi)容，而且許多學(xué)習(xí)條件是受制于他們的行為，在用搜索框進(jìn)行搜索時(shí)，實(shí)際上用圓角矩形的搜索框就可以了。
3. 搜索框的位置
搜索框的位置對網(wǎng)站優(yōu)化和性能提升十分重要。一般的經(jīng)驗(yàn)表明搜索框的最佳位置應(yīng)在網(wǎng)站頂部的左上角或右上角，因?yàn)橛脩粝Ｍ?jié)約時(shí)間和精力，直接搜索到他們所需的內(nèi)容。但是受廣告等內(nèi)容的影響，迫使設(shè)計(jì)者將搜索框放在頁面底部。這并沒真正解決搜索框在網(wǎng)站中的實(shí)用性問題，必須避免。
另外，在每個(gè)網(wǎng)頁中都放入搜索框是一個(gè)明智的主意，即使用戶在網(wǎng)站中迷失，他們也能夠方便地找到需要的內(nèi)容。
4. 為提交按鈕取一個(gè)有創(chuàng)意的名字
搜索框的名字要取得有創(chuàng)意，不要簡單地放上單調(diào)的“go”，“find”或“search”在旁邊。不管給它起什么名字，只要不為難用戶去猜意思就好。
5. 為用戶提供分類搜索
用戶可自由搜索各種分類。同樣的思路，你也可以顯示分類，用戶在輸入?yún)^(qū)域進(jìn)行搜索。在JavaScript的幫助下，用戶只需將鼠標(biāo)懸停在搜索框上，即可顯示類型或進(jìn)行用戶自定義搜索，從用戶的角度講，這是一個(gè)很棒的選擇。
設(shè)計(jì)者必須避免的錯(cuò)誤
我們在試用其它網(wǎng)站的搜索時(shí)發(fā)現(xiàn)他們在搜索框的顯示上犯了不少錯(cuò)。這些都是些很常見的錯(cuò)誤，如果你希望通過搜索框優(yōu)化網(wǎng)站性能，那么就必須得避免這些問題。
1. 隱藏搜索框
我們反復(fù)強(qiáng)調(diào)搜索框的明確顯示的必要性。不要把搜索框放在網(wǎng)站底部，放在網(wǎng)站的右上角效果會更好，如果網(wǎng)站設(shè)計(jì)得很混亂，用戶在沒有瀏覽到接近網(wǎng)站的底部時(shí)就已經(jīng)離開網(wǎng)頁了。
2. 切忌輸入?yún)^(qū)域過短
為用戶提供所需范圍準(zhǔn)確的輸入查詢。搜索框輸入?yún)^(qū)域太短只會讓用戶對搜索框感到失望，因?yàn)?，他們不會在整個(gè)區(qū)域輸入想查詢的內(nèi)容。再者，這也非常不方便用戶閱讀和回應(yīng)。
3. 切忌提交按鈕過短
受網(wǎng)站設(shè)計(jì)限制，提交按鈕不應(yīng)過長，但是太短又會讓用戶感到失望，因?yàn)樗麄冊谑髽?biāo)點(diǎn)擊的準(zhǔn)確性上又會有偏差，從而浪費(fèi)搜索時(shí)間，還會被轉(zhuǎn)入到到一些不同頁面上。
4. 切勿將搜索框與其它菜單混排在一起
如果把搜索框和與新聞和導(dǎo)航條混排在一起，這是相當(dāng)讓人不爽的事。這樣用戶很難在郵件訂閱或文章搜索欄中區(qū)分出搜索框。因此，搜索框應(yīng)與其它菜單分開排列。
5. 過度設(shè)計(jì)搜索框
不要因?yàn)樗阉骺蛞@眼，在設(shè)計(jì)時(shí)就受到影響。雖然搜索框要清晰地展現(xiàn)出來，但也不要設(shè)計(jì)過度，以免影響到它的直觀性。
6. 沒必要提供高級搜索工具
高級搜索當(dāng)然會有它的用處，但這會使本來簡單的搜索變得更加復(fù)雜。因此，沒必要提供高級搜索工具，除非你是為了迎合懂技術(shù)的用戶。如果你只是搞定一般用戶，盡量保持搜索選項(xiàng)簡單。
7. 一個(gè)搜索框有多個(gè)提交按鈕
這條建議非常有意思，我們很少看到有網(wǎng)站設(shè)置了多個(gè)搜索提交按鈕，比如同時(shí)有“go”和“find”。很明顯，這會擾亂按鈕的選擇。
8. 如果在網(wǎng)站設(shè)計(jì)中，你遵從了以上建議，我們相信一個(gè)高效的搜索框能夠起到優(yōu)化網(wǎng)站性能的作用。
冀公網(wǎng)安備 13100302000566號
Sitemap地圖 ? 網(wǎng)站地圖 Rss訂閱