在網(wǎng)站建設(shè)中，搜索框設(shè)計(jì)雖然看似是一個(gè)小細(xì)節(jié)，但實(shí)際上對(duì)用戶體驗(yàn)（UX）、轉(zhuǎn)化率、網(wǎng)站效率以及品牌形象都有著深遠(yuǎn)的影響。在閱覽整個(gè)網(wǎng)站中，查找框一般是通向用戶使用的后一道關(guān)卡。假如你的網(wǎng)站內(nèi)容許多，包含了詳盡的特征，功用，規(guī)劃元素，產(chǎn)品和服務(wù)等等，那么查找框就成為了網(wǎng)站不行或缺的一部分。網(wǎng)站的生長(zhǎng)往往需要時(shí)刻。當(dāng)然，從整個(gè)網(wǎng)站規(guī)劃和開發(fā)進(jìn)程來看，規(guī)劃肯定要簡(jiǎn)練，有文章和談?wù)摚�以及非正式的網(wǎng)站通知，特征內(nèi)容和服務(wù)等等。不過，跟著網(wǎng)站層次不斷提高和更新，與網(wǎng)站相關(guān)的內(nèi)容的僅僅起到了裝飾作用。因而，查找框?qū)�網(wǎng)站的功能優(yōu)化起到了至關(guān)重要的作用。

    優(yōu)質(zhì)的職能和運(yùn)刁難網(wǎng)站開發(fā)的確很重要，但與此一起，咱們也不行忽視網(wǎng)站的前端功能。你的網(wǎng)站也許在特征內(nèi)容，功用以及內(nèi)容質(zhì)量等方面都很出眾，可是，假如網(wǎng)站前端功能令人不滿意，并且沒有以用戶為中心，那么網(wǎng)站其它方面做得再好，也起不到任何作用。

　　過錯(cuò)觀念：查找框不需要規(guī)劃

　　在整個(gè)網(wǎng)站規(guī)劃中，查找框的外觀要顯眼，方便用戶快速找到。網(wǎng)站站長(zhǎng)普遍認(rèn)為查找框僅僅一個(gè)輸入和提交內(nèi)容的按鈕罷了，因而他們底子不需要花時(shí)刻規(guī)劃。

    由于規(guī)劃上的缺失以及亮點(diǎn)不突出，用戶一般會(huì)被查找框的方位弄得焦頭爛額，他們一般會(huì)點(diǎn)擊“返回”按鈕(離開網(wǎng)頁(yè))。因而，規(guī)劃平庸，辨識(shí)度不高的查找框就是導(dǎo)致這一切的首惡。假如用戶對(duì)你的網(wǎng)站感到絕望，查找框則有助于留住用戶。在大量的網(wǎng)站中，真實(shí)帶給用戶絕佳體會(huì)的少之又少，用戶有時(shí)還沒深入了解整個(gè)網(wǎng)站，可能就不斷點(diǎn)擊撤退，離開網(wǎng)頁(yè)了。假如用戶能進(jìn)行查找，他們只需在查找框中輸入自己想找的內(nèi)容，上述問題也就方便的解決了。

　　查找框規(guī)劃技巧

　　在為網(wǎng)站規(guī)劃查找框時(shí)，你可要點(diǎn)考慮以下主張：

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

　　2、查找框的方位：查找框的方位對(duì)網(wǎng)站優(yōu)化和功能提高十分重要。一般的經(jīng)歷表明查找框的佳方位應(yīng)在網(wǎng)站頂部的左上角或右上角，由于用戶期望節(jié)省時(shí)刻和精力，直接查找到他們所需的內(nèi)容�？墒鞘軓V告等內(nèi)容的影響，迫使規(guī)劃者將查找框放在頁(yè)面底部。這并沒真實(shí)解決查找框在網(wǎng)站中的實(shí)用性問題，必須防止。

　　別的，在每個(gè)網(wǎng)頁(yè)中都放入查找框是一個(gè)明智的主意，即使用戶在網(wǎng)站中迷失，他們也能夠方便地找到需要的內(nèi)容。

　　3、查找框要有查找框的樣：你可以嘗試在查找框規(guī)劃中融入構(gòu)思，可是不要把它弄得不倫不類。這也是查找框必須是框狀的原因。拜訪網(wǎng)站的用戶不會(huì)細(xì)心閱覽完整個(gè)網(wǎng)站的內(nèi)容，他們只會(huì)重視自己感興趣的內(nèi)容，而且許多學(xué)習(xí)條件是受制于他們的行為，在用查找框進(jìn)行查找時(shí)，實(shí)際上用圓角矩形的查找框就可以了。

　　4、為提交按鈕取一個(gè)有構(gòu)思的姓名：查找框的姓名要取得有構(gòu)思，不要簡(jiǎn)略地放上單調(diào)的“go”，“find”或“search”在旁邊。不管給它起什么姓名，只需不為難用戶去猜意思就好。

　　5、為用戶供給分類查找：用戶可自在查找各種分類。同樣的思路，你也可以顯現(xiàn)分類，用戶在輸入?yún)^(qū)域進(jìn)行查找。在JavaScript的協(xié)助下，用戶只需將鼠標(biāo)懸停在查找框上，即可顯現(xiàn)類型或進(jìn)行用戶自定義查找，從用戶的視點(diǎn)講，這是一個(gè)很棒的挑選。

　　規(guī)劃者必須防止的過錯(cuò)

　　咱們?cè)谠囉闷渌�網(wǎng)站的查找時(shí)發(fā)現(xiàn)他們?cè)诓檎铱虻娘@現(xiàn)上犯了不少錯(cuò)。這些都是些很常見的過錯(cuò)，假如你期望經(jīng)過查找框優(yōu)化網(wǎng)站功能，那么就必須得防止這些問題。

　　1、隱藏查找框：咱們反復(fù)強(qiáng)調(diào)查找框的明晰顯現(xiàn)的必要性。不要把查找框放在網(wǎng)站底部，放在網(wǎng)站的右上角作用會(huì)更好，假如網(wǎng)站規(guī)劃得很紊亂，用戶在沒有閱覽到接近網(wǎng)站的底部時(shí)就現(xiàn)已離開網(wǎng)頁(yè)了。

　　2、切忌輸入?yún)^(qū)域過短：為用戶供給所需規(guī)模精確的輸入查詢。查找框輸入?yún)^(qū)域太短只會(huì)讓用戶對(duì)查找框感到絕望，由于，他們不會(huì)在整個(gè)區(qū)域輸入想查詢的內(nèi)容。再者，這也十分不方便用戶閱覽和回應(yīng)。

　　3、切忌提交按鈕過短：受網(wǎng)站規(guī)劃約束，提交按鈕不應(yīng)過長(zhǎng)，可是太短又會(huì)讓用戶感到絕望，由于他們?cè)谑髽?biāo)點(diǎn)擊的精確性上又會(huì)有偏差，然后浪費(fèi)查找時(shí)刻，還會(huì)被轉(zhuǎn)入到到一些不同頁(yè)面上。

　　4、切勿將查找框與其它菜單混排在一起：假如把查找框和與新聞和導(dǎo)航條混排在一起，這是相當(dāng)讓人不爽的事。這樣用戶很難在郵件訂閱或文章查找欄中區(qū)分出查找框。因而，查找框應(yīng)與其它菜單分隔擺放。

　　5、過度規(guī)劃查找框：不要由于查找框要顯眼，在規(guī)劃時(shí)就受到影響。盡管查找框要明晰地展示出來，但也不要規(guī)劃過度，以免影響到它的直觀性。

　　6、沒必要供給高檔查找東西：高檔查找當(dāng)然會(huì)有它的用處，但這會(huì)使原本簡(jiǎn)略的查找變得更加雜亂。因而，沒必要供給高檔查找東西，除非你是為了迎合懂技術(shù)的用戶。假如你僅僅搞定一般用戶，盡量堅(jiān)持查找選項(xiàng)簡(jiǎn)略。

　　7、一個(gè)查找框有多個(gè)提交按鈕：這條主張十分有意思，咱們很少看到有網(wǎng)站設(shè)置了多個(gè)查找提交按鈕，比如一起有“go”和“find”。很明顯，這會(huì)擾亂按鈕的挑選。

　　8、假如在網(wǎng)站規(guī)劃中，你遵從了以上主張，咱們相信一個(gè)高效的查找框能夠起到優(yōu)化網(wǎng)站功能的作用。關(guān)鍵原則：讓用戶“無需思考，一鍵即達(dá)”。