站內搜索框如何設計能為用戶帶來方便
2017.02.03
用戶來到某個網站的主要目的就是想要獲得有用的信息並滿足自己的需求，所以企業在進行網站建設、網站設計shiyingweiraozhegeyaoqiulaizhankaigongzuo。wangzhanxiangyaomanzuyonghudexuqiubingliuzhuyonghujiubixunenggouweiyonghutigonglianghaodeliulantiyan，erxiangyaozuodaozheyidianbujinxuyaoyaoyoujiazhideneirong，haixuyaobangzhuyonghugengfangbiandezhaodaozijixiangyaodeneirong。
在(zai)很(hen)多(duo)站(zhan)長(chang)們(men)的(de)工(gong)作(zuo)中(zhong)經(jing)常(chang)會(hui)發(fa)現(xian)，網(wang)站(zhan)已(yi)經(jing)具(ju)備(bei)了(le)優(you)質(zhi)的(de)內(nei)容(rong)，但(dan)是(shi)很(hen)多(duo)用(yong)戶(hu)仍(reng)會(hui)在(zai)停(ting)留(liu)很(hen)短(duan)的(de)時(shi)間(jian)，沒(mei)有(you)繼(ji)續(xu)深(shen)入(ru)的(de)閱(yue)讀(du)操(cao)作(zuo)就(jiu)離(li)開(kai)了(le)。這(zhe)種(zhong)情(qing)況(kuang)說(shuo)明(ming)網(wang)站(zhan)的(de)內(nei)容(rong)是(shi)有(you)價(jia)值(zhi)的(de)，但(dan)是(shi)用(yong)戶(hu)卻(que)在(zai)看(kan)完(wan)當(dang)前(qian)頁(ye)麵(mian)的(de)內(nei)容(rong)後(hou)離(li)開(kai)了(le)，這(zhe)是(shi)為(wei)什(shen)麼(me)呢(ne)？據(ju)相(xiang)關(guan)數(shu)據(ju)分(fen)析(xi)，這(zhe)種(zhong)結(jie)果(guo)大(da)部(bu)分(fen)是(shi)因(yin)為(wei)用(yong)戶(hu)沒(mei)有(you)在(zai)頁(ye)麵(mian)中(zhong)找(zhao)到(dao)閱(yue)讀(du)其(qi)他(ta)內(nei)容(rong)的(de)跳(tiao)轉(zhuan)點(dian)，也(ye)沒(mei)有(you)找(zhao)到(dao)可(ke)以(yi)查(zha)找(zhao)其(qi)他(ta)內(nei)容(rong)的(de)途(tu)徑(jing)，無(wu)法(fa)繼(ji)續(xu)閱(yue)讀(du)網(wang)頁(ye)，所(suo)以(yi)就(jiu)離(li)開(kai)了(le)。
zhegewentijiejueqilaibingbushihennan，duiwangzhanyemianshejijinxingshidangdetiaozhengjikejiejue，qizhongdianjiushiweiyonghutigongyigezaizhanneizhazhaowangzhanneirongdechuangkoujizhanneisousuokuang。zhanneisousuokuangduiyuneirongfanduodeqiyewangzhanlaishuoshifeichangzhongyaode，tashiyonghufangwenwangzhansuoyouneirongshideyizhongkuaijiefangshi。xiamianfenxingkejixiaobianjiuweizaijiajieshaoyixiazhanneisousuokuangruheshejinengweiyonghudailaifangbian?
一、站內搜索框位置的確定
網站的站內搜索框對用戶瀏覽網站中的所有內容起到非常方便的作用，是提升用戶體驗的一處關鍵點。從分形科技13年的網站建設、設計經驗來說，站內搜索框的位置最好是在網站的上部，有左上角、youshangjiaohejuzhongsangeweizhikexuan。yonghuzaijinruwangzhanhoukeyizaidiyishijiankandaozhanneisousuokuangdeweizhi，jianbuyonghuxunzhaosousuokuangdeshijianhejingli，weiyonghutigongfangbian。
分形科技建議：站內搜索框應設計成在網站所有頁麵中顯示，方便用戶可以在網站的任何地方都能使用。
二、站內搜索框設計要清晰明了
網(wang)站(zhan)設(she)計(ji)師(shi)在(zai)設(she)計(ji)站(zhan)內(nei)搜(sou)索(suo)框(kuang)時(shi)，一(yi)定(ding)要(yao)做(zuo)到(dao)清(qing)晰(xi)明(ming)了(le)，讓(rang)用(yong)戶(hu)可(ke)以(yi)很(hen)容(rong)易(yi)的(de)發(fa)現(xian)和(he)辨(bian)認(ren)出(chu)搜(sou)索(suo)框(kuang)及(ji)其(qi)位(wei)置(zhi)。具(ju)體(ti)設(she)計(ji)時(shi)其(qi)顏(yan)色(se)應(ying)該(gai)網(wang)站(zhan)中(zhong)的(de)背(bei)景(jing)色(se)和(he)其(qi)他(ta)顏(yan)色(se)有(you)明(ming)顯(xian)的(de)差(cha)異(yi)，這(zhe)樣(yang)可(ke)以(yi)增(zeng)強(qiang)搜(sou)索(suo)框(kuang)的(de)存(cun)在(zai)感(gan)。
三、站內搜索框應設計出提示搜索開始的按鈕
四、站內搜索框樣式設計應符合用戶的常識
qiyewangzhanzaijinxingzhanneisousuokuangshejishiqianwanbuyaoyiweidezhuiqiuchuangyi，erhulveleyonghudelijienengli，zheyangdezuofashicuowude。zhanneisousuokuangdeshejiyingzuodaozaijubeisousuokuangdetediandetongshihaiyingfuheyonghudechangshi，buyaoguoyuchaoqian，zuochurangyonghuwufadeyangshi。
五、站內搜索框設計也需要創意
suiranzhanneisousuokuangduiyuyonghulaishuozhishiyigejiandandetuxingkuang，danshizaijindisheshihaishixuyaoyouyidingdechuangyixinglaixiyinyonghu。ruweiyonghutigongfenleisousuo，huoshiyonghuzijizidingyisousuotiaojian。zheyangdangyonghuzaizhanneisousuokuangshuruxiangyaosousuodeneirongshi，keyigenjuyonghudetiaojianheneirongweiyonghuxianshixiangguanxinxi。
在(zai)很(hen)多(duo)站(zhan)長(chang)們(men)的(de)工(gong)作(zuo)中(zhong)經(jing)常(chang)會(hui)發(fa)現(xian)，網(wang)站(zhan)已(yi)經(jing)具(ju)備(bei)了(le)優(you)質(zhi)的(de)內(nei)容(rong)，但(dan)是(shi)很(hen)多(duo)用(yong)戶(hu)仍(reng)會(hui)在(zai)停(ting)留(liu)很(hen)短(duan)的(de)時(shi)間(jian)，沒(mei)有(you)繼(ji)續(xu)深(shen)入(ru)的(de)閱(yue)讀(du)操(cao)作(zuo)就(jiu)離(li)開(kai)了(le)。這(zhe)種(zhong)情(qing)況(kuang)說(shuo)明(ming)網(wang)站(zhan)的(de)內(nei)容(rong)是(shi)有(you)價(jia)值(zhi)的(de)，但(dan)是(shi)用(yong)戶(hu)卻(que)在(zai)看(kan)完(wan)當(dang)前(qian)頁(ye)麵(mian)的(de)內(nei)容(rong)後(hou)離(li)開(kai)了(le)，這(zhe)是(shi)為(wei)什(shen)麼(me)呢(ne)？據(ju)相(xiang)關(guan)數(shu)據(ju)分(fen)析(xi)，這(zhe)種(zhong)結(jie)果(guo)大(da)部(bu)分(fen)是(shi)因(yin)為(wei)用(yong)戶(hu)沒(mei)有(you)在(zai)頁(ye)麵(mian)中(zhong)找(zhao)到(dao)閱(yue)讀(du)其(qi)他(ta)內(nei)容(rong)的(de)跳(tiao)轉(zhuan)點(dian)，也(ye)沒(mei)有(you)找(zhao)到(dao)可(ke)以(yi)查(zha)找(zhao)其(qi)他(ta)內(nei)容(rong)的(de)途(tu)徑(jing)，無(wu)法(fa)繼(ji)續(xu)閱(yue)讀(du)網(wang)頁(ye)，所(suo)以(yi)就(jiu)離(li)開(kai)了(le)。
zhegewentijiejueqilaibingbushihennan，duiwangzhanyemianshejijinxingshidangdetiaozhengjikejiejue，qizhongdianjiushiweiyonghutigongyigezaizhanneizhazhaowangzhanneirongdechuangkoujizhanneisousuokuang。zhanneisousuokuangduiyuneirongfanduodeqiyewangzhanlaishuoshifeichangzhongyaode，tashiyonghufangwenwangzhansuoyouneirongshideyizhongkuaijiefangshi。xiamianfenxingkejixiaobianjiuweizaijiajieshaoyixiazhanneisousuokuangruheshejinengweiyonghudailaifangbian?
一、站內搜索框位置的確定
網站的站內搜索框對用戶瀏覽網站中的所有內容起到非常方便的作用，是提升用戶體驗的一處關鍵點。從分形科技13年的網站建設、設計經驗來說，站內搜索框的位置最好是在網站的上部，有左上角、youshangjiaohejuzhongsangeweizhikexuan。yonghuzaijinruwangzhanhoukeyizaidiyishijiankandaozhanneisousuokuangdeweizhi，jianbuyonghuxunzhaosousuokuangdeshijianhejingli，weiyonghutigongfangbian。
分形科技建議：站內搜索框應設計成在網站所有頁麵中顯示，方便用戶可以在網站的任何地方都能使用。
二、站內搜索框設計要清晰明了
網(wang)站(zhan)設(she)計(ji)師(shi)在(zai)設(she)計(ji)站(zhan)內(nei)搜(sou)索(suo)框(kuang)時(shi)，一(yi)定(ding)要(yao)做(zuo)到(dao)清(qing)晰(xi)明(ming)了(le)，讓(rang)用(yong)戶(hu)可(ke)以(yi)很(hen)容(rong)易(yi)的(de)發(fa)現(xian)和(he)辨(bian)認(ren)出(chu)搜(sou)索(suo)框(kuang)及(ji)其(qi)位(wei)置(zhi)。具(ju)體(ti)設(she)計(ji)時(shi)其(qi)顏(yan)色(se)應(ying)該(gai)網(wang)站(zhan)中(zhong)的(de)背(bei)景(jing)色(se)和(he)其(qi)他(ta)顏(yan)色(se)有(you)明(ming)顯(xian)的(de)差(cha)異(yi)，這(zhe)樣(yang)可(ke)以(yi)增(zeng)強(qiang)搜(sou)索(suo)框(kuang)的(de)存(cun)在(zai)感(gan)。
三、站內搜索框應設計出提示搜索開始的按鈕
站(zhan)內(nei)搜(sou)索(suo)框(kuang)設(she)計(ji)時(shi)並(bing)不(bu)是(shi)隻(zhi)放(fang)上(shang)一(yi)個(ge)長(chang)條(tiao)方(fang)框(kuang)就(jiu)可(ke)以(yi)了(le)，還(hai)需(xu)要(yao)為(wei)搜(sou)索(suo)框(kuang)配(pei)上(shang)一(yi)個(ge)有(you)指(zhi)向(xiang)意(yi)義(yi)的(de)按(an)鈕(niu)，可(ke)以(yi)是(shi)文(wen)字(zi)也(ye)可(ke)以(yi)是(shi)圖(tu)片(pian)，讓(rang)用(yong)戶(hu)有(you)意(yi)認(ren)的(de)去(qu)點(dian)擊(ji)，這(zhe)樣(yang)就(jiu)可(ke)以(yi)對(dui)開(kai)始(shi)搜(sou)索(suo)這(zhe)個(ge)操(cao)作(zuo)有(you)一(yi)個(ge)很(hen)直(zhi)觀(guan)的(de)感(gan)受(shou)。
站內搜索框搜索開始指示按鈕文字版如：搜索、go等，圖片版如：代表搜索的圖標。
站內搜索框圖片樣式示例：
四、站內搜索框樣式設計應符合用戶的常識
qiyewangzhanzaijinxingzhanneisousuokuangshejishiqianwanbuyaoyiweidezhuiqiuchuangyi，erhulveleyonghudelijienengli，zheyangdezuofashicuowude。zhanneisousuokuangdeshejiyingzuodaozaijubeisousuokuangdetediandetongshihaiyingfuheyonghudechangshi，buyaoguoyuchaoqian，zuochurangyonghuwufadeyangshi。
五、站內搜索框設計也需要創意
suiranzhanneisousuokuangduiyuyonghulaishuozhishiyigejiandandetuxingkuang，danshizaijindisheshihaishixuyaoyouyidingdechuangyixinglaixiyinyonghu。ruweiyonghutigongfenleisousuo，huoshiyonghuzijizidingyisousuotiaojian。zheyangdangyonghuzaizhanneisousuokuangshuruxiangyaosousuodeneirongshi，keyigenjuyonghudetiaojianheneirongweiyonghuxianshixiangguanxinxi。
