做網(wǎng)站設計中搜索框的幾種設計方法發(fā)布者：本站     時(shí)間：2021-03-03 14:03:26

搜索框是我們很常用到的控件，它幾乎存在于所有的網(wǎng)站和APP當中。許多人認為搜索框不需要設計，因為它似乎是由兩個(gè)很簡(jiǎn)單的元素構成的。在以?xún)热轂閷虻木W(wǎng)站中，搜索框的重要性會(huì )相對更明顯，用戶(hù)需要快速又方便地找到他們想要的內容。

集團網(wǎng)站建設案例

一、盡量簡(jiǎn)單

在設計搜索邊框的時(shí)候，盡可能的簡(jiǎn)約化，保證其簡(jiǎn)單易用的效果，與此同時(shí)更主要的是要讓其看起來(lái)是一個(gè)搜索框，不要添加無(wú)用的設計元素。因為據可用性研究數據表明，默認沒(méi)有顯示高級選項的搜索框看起來(lái)更加友好，所以，通常情況下給用戶(hù)提供的搜索框很好不要提供進(jìn)階的搜索選項，盡量簡(jiǎn)約。

二、放在顯眼位置

網(wǎng)站中之所以放置搜索框其主要的目的是為了方便用戶(hù)搜索，查找想要的內容，因此搜索框的位置一定要放置在網(wǎng)站很顯眼的地方，讓用戶(hù)瀏覽網(wǎng)站時(shí)眼能看到，除此之外，還有一點(diǎn)是網(wǎng)站搜索框在顏色設計上要盡量使用突出的顏色，能夠與網(wǎng)站形成鮮明的對比，體現出顏色色色度差，這樣會(huì )更加的醒目，方便用戶(hù)更容易看到。

三、給搜索按鈕添加好的名字

目前很多的網(wǎng)站的搜索框的按鈕名稱(chēng)不是“搜索”“go”“find”是“search”，這種命名太常見(jiàn)了。其實(shí)，可以為自己網(wǎng)站的搜索框按鈕起一個(gè)有創(chuàng )意的名字，給用戶(hù)一種新鮮的，加深用戶(hù)對于網(wǎng)站的印象，激發(fā)用戶(hù)主動(dòng)查找網(wǎng)站內容的習慣，像是百度一下一樣，總是給人一種了解用戶(hù)心理感覺(jué)。

四、突出搜索框的特別

大部分用戶(hù)在使用百度搜索框時(shí)應該經(jīng)常會(huì )看到百度一下這四個(gè)字，這樣做的好處在于很容易讓用戶(hù)點(diǎn)擊搜索按鈕。所以網(wǎng)頁(yè)設計師在設計網(wǎng)站搜索框是一定要加入一些搜索框的創(chuàng )意，在形狀和文字描述需要有搜索框的特點(diǎn)，或許對于用戶(hù)而言所關(guān)注的并非是網(wǎng)站搜索框，但是好的搜索框功能還是能夠幫助用戶(hù)更好的了解搜索框。

五、注重用戶(hù)體驗

搜索框的設計對于網(wǎng)站用戶(hù)體驗的提升有很大的幫助，對于百度蜘蛛抓取頁(yè)面內容也有很大的益出。一般來(lái)說(shuō)，好的搜索框設計能夠幫助站長(cháng)更好的優(yōu)化網(wǎng)站，因此我們在搜索框設計中必須要注重用戶(hù)體驗，把搜索框設置成用戶(hù)直接搜索，而不是讓用戶(hù)找半天也沒(méi)有找到搜索框中的方位。

六、合理的輸入框尺寸

輸入框尺寸不易太小，如果搜索框太小，設計錯位，雖然客戶(hù)能夠輸入更多的內容，但是可見(jiàn)的部分往往無(wú)法完全可見(jiàn)，這樣的輸入框可能因為可視范圍的限制，促使用戶(hù)使用短的、不精確的查詢(xún)方式，降低用戶(hù)體驗。如果輸入框能夠符合用戶(hù)的常見(jiàn)輸入內容的尺寸來(lái)進(jìn)行匹配，那么它的可用性會(huì )更強，用戶(hù)體驗也會(huì )更好。