當用戶訪問一(yi)個(ge)(ge)(ge)網(wang)站(zhan)(zhan)需要用到(dao)搜(sou)索(suo)框去搜(sou)索(suo)的(de)(de)(de)時候，那么這(zhe)個(ge)(ge)(ge)網(wang)站(zhan)(zhan)其(qi)實是(shi)并不(bu)成功的(de)(de)(de)，因為設計(ji)的(de)(de)(de)不(bu)夠簡單明了(le)，不(bu)能讓用戶馬上(shang)看到(dao)他(ta)想要的(de)(de)(de)內容。但如果這(zhe)個(ge)(ge)(ge)網(wang)站(zhan)(zhan)是(shi)分(fen)類(lei)很多產品很多的(de)(de)(de)一(yi)個(ge)(ge)(ge)網(wang)站(zhan)(zhan)，那么這(zhe)個(ge)(ge)(ge)網(wang)站(zhan)(zhan)擁有搜(sou)索(suo)框確是(shi)成功的(de)(de)(de)。在不(bu)同類(lei)型(xing)的(de)(de)(de)網(wang)站(zhan)(zhan)中(zhong)如何(he)去更好的(de)(de)(de)運用你的(de)(de)(de)搜(sou)索(suo)框這(zhe)是(shi)值(zhi)得(de)思考的(de)(de)(de)一(yi)個(ge)(ge)(ge)問題。下面(mian)文(wen)章中(zhong)分(fen)享了(le)5個(ge)(ge)(ge)可以幫忙(mang)改進(jin)搜(sou)索(suo)體驗的(de)(de)(de)一(yi)些(xie)小技巧，希(xi)望可以給到(dao)你啟發。

1、把搜(sou)索框放(fang)到用(yong)戶容(rong)易找(zhao)到的地方

瀏(liu)覽見(jian)面(mian)的(de)(de)用戶(hu)當(dang)他不(bu)(bu)得(de)不(bu)(bu)去搜(sou)索搜(sou)索框時(shi)，這并(bing)不(bu)(bu)好(hao)，因為它不(bu)(bu)顯眼(yan)，也不(bu)(bu)容(rong)易識別。下面(mian)的(de)(de)圖(tu)表(biao)取自a . Dawn Shaikh和(he)Keisi Lenz的(de)(de)一項研究:在(zai)對142名參與者的(de)(de)調查(cha)中顯示(shi)了網站搜(sou)索表(biao)單(dan)的(de)(de)預期位置。研究發現(xian)，對大多數用戶(hu)來說，最方(fang)便的(de)(de)地方(fang)是網站頁面(mian)的(de)(de)左上方(fang)或右上角。

因此，將(jiang)搜(sou)索(suo)(suo)(suo)框放置在布局(ju)的(de)(de)右上(shang)角(jiao)或中上(shang)方區域，您(nin)(nin)將(jiang)確保(bao)您(nin)(nin)的(de)(de)用(yong)戶能(neng)夠找到他們期望的(de)(de)位(wei)置。理想情況下(xia)，搜(sou)索(suo)(suo)(suo)框應該適(shi)合(he)網(wang)站的(de)(de)總體設計，但(dan)當用(yong)戶需要(yao)時，它能(neng)稍(shao)微突出(chu)顯示(shi)。你(ni)(ni)擁有的(de)(de)內容越多(duo)，你(ni)(ni)就(jiu)越想展示(shi)你(ni)(ni)的(de)(de)搜(sou)索(suo)(suo)(suo)功能(neng)。如果搜(sou)索(suo)(suo)(suo)對你(ni)(ni)的(de)(de)網(wang)站是必不可(ke)少的(de)(de)(比如你(ni)(ni)的(de)(de)網(wang)站是一個(ge)電(dian)子商(shang)(shang)務商(shang)(shang)店)，使用(yong)大(da)量的(de)(de)對比，這樣你(ni)(ni)的(de)(de)領域和圖標就(jiu)會從背景和周(zhou)圍的(de)(de)元(yuan)素中脫穎而出(chu)。

2、為搜索輸入字段使用適當的字段大小

使(shi)輸(shu)(shu)入字(zi)段過短是(shi)web設計人員(yuan)常(chang)見(jian)(jian)(jian)的(de)(de)(de)錯(cuo)誤(wu)。當用(yong)戶鍵入長查詢時(shi)，只(zhi)有一部分文本是(shi)可見(jian)(jian)(jian)的(de)(de)(de)，這(zhe)意味著糟糕的(de)(de)(de)可用(yong)性，因為(wei)用(yong)戶無法輕松(song)地(di)查看和(he)編輯他們(men)的(de)(de)(de)查詢。事實(shi)上，當搜索框的(de)(de)(de)可見(jian)(jian)(jian)字(zi)符(fu)數量(liang)有限時(shi)，用(yong)戶不(bu)(bu)(bu)得不(bu)(bu)(bu)使(shi)用(yong)簡短的(de)(de)(de)、不(bu)(bu)(bu)完整的(de)(de)(de)查詢，因為(wei)較長的(de)(de)(de)查詢很難(nan)讀取。如果輸(shu)(shu)入字(zi)段按照預期的(de)(de)(de)輸(shu)(shu)入大小(xiao)(xiao)，那么(me)它們(men)都更容易(yi)閱讀和(he)為(wei)用(yong)戶解釋。一個經驗法則是(shi)有一個27個字(zi)符(fu)的(de)(de)(de)文本輸(shu)(shu)入(這(zhe)個大小(xiao)(xiao)容納了(le)90%的(de)(de)(de)查詢)。

3、明確(que)用戶(hu)可以搜索什么(me)

在輸入(ru)(ru)字段(duan)中包含(han)(han)一(yi)(yi)個示(shi)(shi)例(li)搜(sou)索查詢，以(yi)向用戶(hu)建議可以(yi)搜(sou)索的(de)(de)內(nei)容，這(zhe)是一(yi)(yi)個好主(zhu)意。HTML5使(shi)得在輸入(ru)(ru)字段(duan)中包含(han)(han)文本作為占位符變得很容易。如果(guo)用戶(hu)可以(yi)搜(sou)索多(duo)個標準，請使(shi)用輸入(ru)(ru)提示(shi)(shi)模(mo)式來解釋(參見下面的(de)(de)IMDb示(shi)(shi)例(li))。但是一(yi)(yi)定要把你(ni)的(de)(de)暗示(shi)(shi)限制在幾句話，否則，你(ni)會增加認知負荷。

4、點擊“搜(sou)索”按(an)鈕后，不要刪除用(yong)戶的查詢

保留原(yuan)始(shi)的(de)搜索查(cha)(cha)詢。查(cha)(cha)詢重(zhong)新(xin)(xin)制(zhi)定是許多信息旅(lv)行中的(de)關鍵(jian)步(bu)驟。如果用戶在第(di)一(yi)次(ci)嘗試中沒有(you)找到(dao)他(ta)們(men)想要(yao)的(de)東西，他(ta)們(men)可能想再次(ci)使用一(yi)個稍(shao)微不同(tong)的(de)查(cha)(cha)詢。為(wei)了使它們(men)更容易，在搜索框(kuang)中保留最(zui)初的(de)搜索項(xiang)，這樣他(ta)們(men)就(jiu)不必(bi)重(zhong)新(xin)(xin)鍵(jian)入整個查(cha)(cha)詢了。

5、使用(yong)一個(ge)自(zi)我暗示(shi)機制

Nielsen Norman Group的(de)(de)(de)研究發現，典型的(de)(de)(de)用(yong)戶(hu)在(zai)查(cha)(cha)詢公式方(fang)面很差:如果第一(yi)次嘗試沒有(you)得(de)到好的(de)(de)(de)結(jie)果，以后的(de)(de)(de)搜索(suo)嘗試很少(shao)成功。事(shi)實(shi)上，用(yong)戶(hu)往(wang)往(wang)在(zai)第一(yi)次嘗試失敗后就放棄了。但(dan)是，可以通過使用(yong)自(zi)動建議機(ji)制(zhi)來改(gai)善這種情況。自(zi)動建議機(ji)制(zhi)幫(bang)助用(yong)戶(hu)根據輸入(ru)的(de)(de)(de)字符進(jin)行預測，從而(er)找到合適(shi)的(de)(de)(de)查(cha)(cha)詢。當這個(ge)機(ji)制(zhi)有(you)效(xiao)時，它可以幫(bang)助用(yong)戶(hu)更好地表達(da)搜索(suo)查(cha)(cha)詢。以下是在(zai)你的(de)(de)(de)網站上加入(ru)自(zi)動建議機(ji)制(zhi)時要記(ji)住的(de)(de)(de)幾點:

.確保自(zi)動建議是有用的。設(she)計不(bu)當的自(zi)動建議可能會混(hun)淆和分(fen)散用戶(hu)的注意(yi)力。因此，使用拼寫(xie)自(zi)動更正、識別詞根詞和預測文本來(lai)改進(jin)工(gong)具(ju)。

盡可(ke)能(neng)快地提(ti)供自(zi)動建議，比如輸(shu)入第(di)三個字符之后。這將(jiang)提(ti)供即時的值并減少用戶的數據(ju)輸(shu)入工(gong)作。

顯示少(shao)于10個建議的(de)(de)項目(沒有滾動條)，所以(yi)信息不(bu)會成(cheng)為壓倒性的(de)(de)。允許(xu)用(yong)(yong)戶在(zai)使(shi)用(yong)(yong)鍵盤(pan)的(de)(de)項目之間進行導航。

強調(diao)輸入(ru)信息和建議信息之間(jian)的差異(例(li)如，輸入(ru)文本有一個標(biao)準權重，而建議的術語具有粗重)。

結論

搜索是建立盈利網站(zhan)的關鍵因素(su)。用(yong)戶(hu)在發現(xian)和(he)了(le)解事物的時候，會希望得到(dao)平滑的體驗，他們通常(chang)會根(gen)據一到(dao)兩組搜索結(jie)果(guo)的質量(liang)，對網站(zhan)的價值做(zuo)出快速(su)判(pan)斷。一個優秀(xiu)的搜索工(gong)具應(ying)該幫(bang)助用(yong)戶(hu)快速(su)和(he)容易地找(zhao)到(dao)他們想要的東西(xi)。