做網(wǎng)站設(shè)計中搜索框的幾種設(shè)計方法

搜索框是我們很常用到的控件，它幾乎存在于所有的網(wǎng)站和APP當(dāng)中。許多人認(rèn)為搜索框不需要設(shè)計，因為它似乎是由兩個很簡單的元素構(gòu)成的。在以內(nèi)容為導(dǎo)向的網(wǎng)站中，搜索框的重要性會相對更明顯，用戶需要快速又方便地找到他們想要的內(nèi)容。下面讓北京做網(wǎng)站公司創(chuàng)新互聯(lián)網(wǎng)站制作中搜索框的設(shè)計方法和大家一起分享。

一、盡量簡單

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

二、放在顯眼位置

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

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

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

四、突出搜索框的特別

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

五、注重用戶體驗

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

六、合理的輸入框尺寸

輸入框尺寸不易太小，如果搜索框太小，設(shè)計錯位，雖然客戶能夠輸入更多的內(nèi)容，但是可見的部分往往無法完全可見，這樣的輸入框可能因為可視范圍的限制，促使用戶使用短的、不精確的查詢方式，降低用戶體驗。如果輸入框能夠符合用戶的常見輸入內(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)該采用較大的對比度，確保輸入框和按鈕從背景中脫穎而出。

名稱欄目：做網(wǎng)站設(shè)計中搜索框的幾種設(shè)計方法
文章起源：http://www.bm7419.com/news/114591.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站設(shè)計、做網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)