設計出良好的交互性頁麵的三大要點
2017.01.24
網站設計中的交互性頁麵設計是一種以用戶為中心的設計方法，從“可用性”和“用戶體驗”兩(liang)個(ge)層(ceng)麵(mian)來(lai)分(fen)析(xi)和(he)設(she)計(ji)網(wang)站(zhan)界(jie)麵(mian)，以(yi)此(ci)來(lai)滿(man)足(zu)不(bu)同(tong)用(yong)戶(hu)的(de)需(xu)求(qiu)。想(xiang)要(yao)設(she)計(ji)出(chu)一(yi)個(ge)良(liang)好(hao)的(de)交(jiao)互(hu)性(xing)網(wang)站(zhan)頁(ye)麵(mian)就(jiu)必(bi)須(xu)要(yao)了(le)解(jie)網(wang)站(zhan)的(de)目(mu)標(biao)用(yong)戶(hu)在(zai)想(xiang)什(shen)麼(me)，然(ran)後(hou)通(tong)過(guo)網站設計引導用戶快速尋找到自己需要的內容。
要點一、突出網頁麵中logo、按鈕和鏈接的設計
企業網站中的logo一(yi)般(ban)都(dou)會(hui)在(zai)網(wang)站(zhan)頁(ye)麵(mian)的(de)最(zui)上(shang)方(fang)，這(zhe)是(shi)企(qi)業(ye)網(wang)站(zhan)的(de)一(yi)個(ge)標(biao)誌(zhi)，也(ye)是(shi)例(li)於(yu)用(yong)戶(hu)記(ji)住(zhu)企(qi)業(ye)的(de)有(you)效(xiao)方(fang)法(fa)，所(suo)以(yi)企(qi)業(ye)網(wang)站(zhan)交(jiao)互(hu)頁(ye)麵(mian)設(she)計(ji)中(zhong)必(bi)須(xu)將(jiang)網(wang)站(zhan)的(de)logo突顯出來，以便用戶看到和記憶。
yewangzhanyemianzhongdeanniuhelianjieyeshiyindaoyonghuliulanwangyedezhongyaogongju，takeyiweiyonghuliulanyemiantigongfangbian。zaiwangzhanyemianjiaohushejishizhebufenneirongyeyaotuchuzhanshi，ruzaixiangguandeneirongxiafangbiaozhuxiahuaxianhuoshiyixiemingxiandexinhao，rangyonghukeyihenfangbiandewanchengxiayibudecaozuo。
要點二、設計清晰方便的導航
wulunshenmeleixingdewangzhandaohangyongwanshiqizhongzuizhongyaodeneirong，yonghulaidaowangzhanshangdiyikandaodeyibandoushidaohanglan，binggenjudaohangdetishijinxingxiayibudeliulan。suoyiqiyezaiwangzhanshejijiaohuyemianshitongyangyexuyaoduidaohangjinxingyouhuasheji。
網站導航設計時應情晰明確，簡單易懂，讓用戶可以快速的讀懂網站想要表達的意思，並找到自己想要的內容。注：網站導航的層級盡量控製在三層以內（包括三層），否用戶很可能會因為沒有耐心閱讀下去而離開。
要點三、彈窗的使用應適當
網wang站zhan彈dan窗chuang的de設she計ji主zhu要yao是shi為wei了le增zeng加jia網wang頁ye內nei容rong的de展zhan示shi量liang或huo是shi增zeng加jia一yi些xie廣guang告gao的de點dian擊ji率lv，位wei置zhi一yi般ban會hui在zai網wang站zhan頁ye麵mian的de兩liang側ce。不bu過guo網wang站zhan彈dan窗chuang雖sui然ran可ke以yi增zeng加jia網wang站zhan內nei容rong和he廣guang告gao的de展zhan現xian，但dan是shi這zhe些xie設she計ji很hen空kong間jian引yin導dao起qi用yong戶hu的de反fan感gan，所suo以yi建jian議yi企qi業ye在zai使shi用yong彈dan窗chuang時shi一yi定ding要yao適shi當dang。
正確的做法是：在(zai)不(bu)影(ying)響(xiang)到(dao)用(yong)戶(hu)體(ti)驗(yan)的(de)前(qian)提(ti)下(xia)，適(shi)當(dang)的(de)插(cha)入(ru)一(yi)些(xie)彈(dan)窗(chuang)設(she)計(ji)，最(zui)好(hao)設(she)計(ji)成(cheng)點(dian)出(chu)式(shi)的(de)展(zhan)示(shi)方(fang)式(shi)，當(dang)鼠(shu)標(biao)滑(hua)過(guo)時(shi)顯(xian)示(shi)，離(li)開(kai)後(hou)可(ke)以(yi)隱(yin)藏(zang)。這(zhe)樣(yang)做(zuo)不(bu)僅(jin)可(ke)以(yi)保(bao)證(zheng)良(liang)好(hao)的(de)用(yong)戶(hu)體(ti)驗(yan)，還(hai)能(neng)讓(rang)網(wang)站(zhan)看(kan)起(qi)來(lai)更(geng)加(jia)整(zheng)潔(jie)。
網(wang)站(zhan)設(she)計(ji)中(zhong)不(bu)僅(jin)要(yao)注(zhu)意(yi)美(mei)觀(guan)，還(hai)需(xu)要(yao)重(zhong)視(shi)用(yong)戶(hu)體(ti)驗(yan)，網(wang)站(zhan)頁(ye)麵(mian)交(jiao)互(hu)設(she)計(ji)時(shi)應(ying)該(gai)找(zhao)到(dao)二(er)者(zhe)的(de)平(ping)衡(heng)點(dian)，通(tong)過(guo)對(dui)用(yong)戶(hu)行(xing)為(wei)的(de)分(fen)析(xi)讓(rang)網(wang)站(zhan)和(he)用(yong)戶(hu)進(jin)行(xing)智(zhi)能(neng)交(jiao)互(hu)，從(cong)而(er)提(ti)高(gao)網(wang)站(zhan)的(de)用(yong)戶(hu)體(ti)驗(yan)度(du)，增(zeng)強(qiang)用(yong)戶(hu)黏(nian)性(xing)。隻(zhi)有(you)這(zhe)樣(yang)的(de)網(wang)站(zhan)設(she)計(ji)才(cai)能(neng)受(shou)到(dao)更(geng)多(duo)用(yong)戶(hu)的(de)青(qing)睞(lai)，更(geng)多(duo)關(guan)於(yu)網(wang)站(zhan)設(she)計(ji)的(de)信(xin)息(xi)請(qing)繼(ji)續(xu)關(guan)注(zhu)我(wo)們(men)。
大部分企業建設網站都是為了樹立企業形象，擴大業務市場、獲得更多用戶等目的，而網站頁麵的交互性設計正是幫助企業網站吸引用戶、留liu住zhu用yong戶hu的de主zhu要yao方fang式shi之zhi一yi，由you此ci可ke見jian網wang站zhan頁ye麵mian的de交jiao互hu性xing設she計ji對dui於yu企qi業ye網wang站zhan來lai說shuo是shi非fei常chang重zhong要yao的de。下xia麵mian分fen形xing科ke技ji小xiao編bian就jiu為wei大da家jia介jie紹shao一yi下xia設she計ji出chu良liang好hao的de交jiao互hu性xing頁ye麵mian的de三san大da要yao點dian。
要點一、突出網頁麵中logo、按鈕和鏈接的設計
企業網站中的logo一(yi)般(ban)都(dou)會(hui)在(zai)網(wang)站(zhan)頁(ye)麵(mian)的(de)最(zui)上(shang)方(fang)，這(zhe)是(shi)企(qi)業(ye)網(wang)站(zhan)的(de)一(yi)個(ge)標(biao)誌(zhi)，也(ye)是(shi)例(li)於(yu)用(yong)戶(hu)記(ji)住(zhu)企(qi)業(ye)的(de)有(you)效(xiao)方(fang)法(fa)，所(suo)以(yi)企(qi)業(ye)網(wang)站(zhan)交(jiao)互(hu)頁(ye)麵(mian)設(she)計(ji)中(zhong)必(bi)須(xu)將(jiang)網(wang)站(zhan)的(de)logo突顯出來，以便用戶看到和記憶。
yewangzhanyemianzhongdeanniuhelianjieyeshiyindaoyonghuliulanwangyedezhongyaogongju，takeyiweiyonghuliulanyemiantigongfangbian。zaiwangzhanyemianjiaohushejishizhebufenneirongyeyaotuchuzhanshi，ruzaixiangguandeneirongxiafangbiaozhuxiahuaxianhuoshiyixiemingxiandexinhao，rangyonghukeyihenfangbiandewanchengxiayibudecaozuo。
要點二、設計清晰方便的導航
wulunshenmeleixingdewangzhandaohangyongwanshiqizhongzuizhongyaodeneirong，yonghulaidaowangzhanshangdiyikandaodeyibandoushidaohanglan，binggenjudaohangdetishijinxingxiayibudeliulan。suoyiqiyezaiwangzhanshejijiaohuyemianshitongyangyexuyaoduidaohangjinxingyouhuasheji。
網站導航設計時應情晰明確，簡單易懂，讓用戶可以快速的讀懂網站想要表達的意思，並找到自己想要的內容。注：網站導航的層級盡量控製在三層以內（包括三層），否用戶很可能會因為沒有耐心閱讀下去而離開。
要點三、彈窗的使用應適當
網wang站zhan彈dan窗chuang的de設she計ji主zhu要yao是shi為wei了le增zeng加jia網wang頁ye內nei容rong的de展zhan示shi量liang或huo是shi增zeng加jia一yi些xie廣guang告gao的de點dian擊ji率lv，位wei置zhi一yi般ban會hui在zai網wang站zhan頁ye麵mian的de兩liang側ce。不bu過guo網wang站zhan彈dan窗chuang雖sui然ran可ke以yi增zeng加jia網wang站zhan內nei容rong和he廣guang告gao的de展zhan現xian，但dan是shi這zhe些xie設she計ji很hen空kong間jian引yin導dao起qi用yong戶hu的de反fan感gan，所suo以yi建jian議yi企qi業ye在zai使shi用yong彈dan窗chuang時shi一yi定ding要yao適shi當dang。
正確的做法是：在(zai)不(bu)影(ying)響(xiang)到(dao)用(yong)戶(hu)體(ti)驗(yan)的(de)前(qian)提(ti)下(xia)，適(shi)當(dang)的(de)插(cha)入(ru)一(yi)些(xie)彈(dan)窗(chuang)設(she)計(ji)，最(zui)好(hao)設(she)計(ji)成(cheng)點(dian)出(chu)式(shi)的(de)展(zhan)示(shi)方(fang)式(shi)，當(dang)鼠(shu)標(biao)滑(hua)過(guo)時(shi)顯(xian)示(shi)，離(li)開(kai)後(hou)可(ke)以(yi)隱(yin)藏(zang)。這(zhe)樣(yang)做(zuo)不(bu)僅(jin)可(ke)以(yi)保(bao)證(zheng)良(liang)好(hao)的(de)用(yong)戶(hu)體(ti)驗(yan)，還(hai)能(neng)讓(rang)網(wang)站(zhan)看(kan)起(qi)來(lai)更(geng)加(jia)整(zheng)潔(jie)。
網(wang)站(zhan)設(she)計(ji)中(zhong)不(bu)僅(jin)要(yao)注(zhu)意(yi)美(mei)觀(guan)，還(hai)需(xu)要(yao)重(zhong)視(shi)用(yong)戶(hu)體(ti)驗(yan)，網(wang)站(zhan)頁(ye)麵(mian)交(jiao)互(hu)設(she)計(ji)時(shi)應(ying)該(gai)找(zhao)到(dao)二(er)者(zhe)的(de)平(ping)衡(heng)點(dian)，通(tong)過(guo)對(dui)用(yong)戶(hu)行(xing)為(wei)的(de)分(fen)析(xi)讓(rang)網(wang)站(zhan)和(he)用(yong)戶(hu)進(jin)行(xing)智(zhi)能(neng)交(jiao)互(hu)，從(cong)而(er)提(ti)高(gao)網(wang)站(zhan)的(de)用(yong)戶(hu)體(ti)驗(yan)度(du)，增(zeng)強(qiang)用(yong)戶(hu)黏(nian)性(xing)。隻(zhi)有(you)這(zhe)樣(yang)的(de)網(wang)站(zhan)設(she)計(ji)才(cai)能(neng)受(shou)到(dao)更(geng)多(duo)用(yong)戶(hu)的(de)青(qing)睞(lai)，更(geng)多(duo)關(guan)於(yu)網(wang)站(zhan)設(she)計(ji)的(de)信(xin)息(xi)請(qing)繼(ji)續(xu)關(guan)注(zhu)我(wo)們(men)。
