創建精美用戶界麵的6個方法
2019.09.02
yonghujiemianshijiangyonghulianjiedaozhengzaiyuzhijiaohudeshebeidebiaomianpingmian。wangzhandeyonghujiemianshejiyouzhuyuchuandapinpaidebenzhi,gushi,gongnenghechanpindezhengtijiazhi。
1.普遍可用性
你(ni)的(de)設(she)計(ji)應(ying)該(gai)是(shi)相(xiang)應(ying)能(neng)力(li)強(qiang),且(qie)普(pu)遍(bian)可(ke)用(yong)的(de)。這(zhe)意(yi)味(wei)著(zhe)當(dang)您(nin)創(chuang)建(jian)網(wang)站(zhan)或(huo)應(ying)用(yong)程(cheng)序(xu)時(shi),它(ta)應(ying)該(gai)能(neng)夠(gou)響(xiang)應(ying)各(ge)種(zhong)屏(ping)幕(mu)尺(chi)寸(cun)和(he)設(she)備(bei),並(bing)能(neng)夠(gou)為(wei)用(yong)戶(hu)創(chuang)造(zao)出(chu)色(se)的(de)用(yong)戶(hu)體(ti)驗(yan)。
2.一致性
當您圍繞一致性進行設計時,您必然會使您的界麵直觀。有兩種類型的一致性:視shi覺jiao一yi致zhi性xing和he功gong能neng一yi致zhi性xing。通tong過guo使shi設she計ji中zhong的de可ke視shi元yuan素su保bao持chi一yi致zhi,您nin可ke以yi創chuang建jian一yi個ge用yong戶hu不bu會hui質zhi疑yi其qi完wan整zheng性xing的de界jie麵mian。這zhe通tong常chang通tong過guo保bao持chi設she計ji中zhong的de顏yan色se,排pai版ban,圖tu標biao和he其qi他ta選xuan擇ze保bao持chi一yi致zhi來lai完wan成cheng。而er功gong能neng一yi致zhi性xing直zhi接jie關guan係xi到dao設she計ji中zhong的de對dui象xiang如ru何he在zai整zheng個ge界jie麵mian中zhong起qi作zuo用yong。通tong過guo保bao持chi按an鈕niu和he菜cai單dan項xiang等deng界jie麵mian控kong件jian的de一yi致zhi性xing,您nin可ke以yi增zeng加jia界jie麵mian平ping穩wen運yun行xing的de機ji會hui。因yin此ci,請qing根gen據ju用yong戶hu的de期qi望wang創chuang建jian設she計ji。
3.清晰度
清qing晰xi度du與yu一yi致zhi性xing不bu同tong。清qing晰xi度du是shi指zhi讓rang您nin的de用yong戶hu隨sui時shi知zhi道dao該gai做zuo什shen麼me。當dang您nin的de設she計ji簡jian單dan時shi,您nin可ke以yi讓rang用yong戶hu輕qing鬆song了le解jie設she計ji中zhong的de不bu同tong元yuan素su。當dang您nin減jian少shao用yong戶hu的de認ren知zhi負fu荷he時shi,人ren們men不bu會hui對dui頁ye麵mian的de目mu的de感gan到dao困kun惑huo。實shi現xian清qing晰xi度du的de一yi種zhong方fang法fa是shi消xiao除chu混hun亂luan。這zhe將jiang確que切qie地di讓rang用yong戶hu知zhi道dao他ta們men在zai過guo程cheng中zhong的de立li場chang並bing消xiao除chu歧qi義yi。
4.反饋
當係統能夠提供用戶所關心的相關信息,並提供合理的、有價值的反饋時,它增強了用戶與網站交互的整體體驗。
5.層次結構
設(she)計(ji)中(zhong)的(de)不(bu)同(tong)元(yuan)素(su)必(bi)須(xu)具(ju)有(you)清(qing)晰(xi)的(de)層(ceng)次(ci)結(jie)構(gou)。這(zhe)提(ti)高(gao)了(le)頁(ye)麵(mian)的(de)實(shi)用(yong)性(xing)。通(tong)過(guo)將(jiang)最(zui)重(zhong)要(yao)的(de)元(yuan)素(su)保(bao)留(liu)在(zai)頁(ye)麵(mian)頂(ding)部(bu),您(nin)可(ke)以(yi)通(tong)過(guo)頁(ye)麵(mian)中(zhong)的(de)各(ge)種(zhong)元(yuan)素(su)和(he)商(shang)品(pin)有(you)機(ji)地(di)引(yin)導(dao)您(nin)的(de)用(yong)戶(hu)。這(zhe)也(ye)有(you)助(zhu)於(yu)消(xiao)除(chu)任(ren)何(he)不(bu)必(bi)要(yao)的(de)混(hun)亂(luan),並(bing)改(gai)善(shan)網(wang)頁(ye)或(huo)應(ying)用(yong)程(cheng)序(xu)的(de)整(zheng)體(ti)功(gong)能(neng)和(he)可(ke)用(yong)性(xing)。
6.防止錯誤
錯cuo誤wu會hui成cheng為wei訪fang客ke采cai取qu所suo需xu行xing動dong的de障zhang礙ai。如ru果guo應ying用yong程cheng序xu或huo網wang站zhan無wu法fa按an照zhao用yong戶hu期qi望wang的de方fang式shi運yun行xing,他ta們men通tong常chang會hui離li開kai。為wei了le減jian少shao訪fang問wen者zhe放fang棄qi網wang頁ye,最zui大da限xian度du地di減jian少shao錯cuo誤wu非fei常chang重zhong要yao。因yin此ci,在zai設she計ji網wang頁ye時shi,請qing確que保bao圍wei繞rao出chu錯cuo的de可ke能neng性xing進jin行xing設she計ji,並bing設she計ji一yi個ge測ce試shi係xi統tong。
結論:
1.普遍可用性
你(ni)的(de)設(she)計(ji)應(ying)該(gai)是(shi)相(xiang)應(ying)能(neng)力(li)強(qiang),且(qie)普(pu)遍(bian)可(ke)用(yong)的(de)。這(zhe)意(yi)味(wei)著(zhe)當(dang)您(nin)創(chuang)建(jian)網(wang)站(zhan)或(huo)應(ying)用(yong)程(cheng)序(xu)時(shi),它(ta)應(ying)該(gai)能(neng)夠(gou)響(xiang)應(ying)各(ge)種(zhong)屏(ping)幕(mu)尺(chi)寸(cun)和(he)設(she)備(bei),並(bing)能(neng)夠(gou)為(wei)用(yong)戶(hu)創(chuang)造(zao)出(chu)色(se)的(de)用(yong)戶(hu)體(ti)驗(yan)。
2.一致性
當您圍繞一致性進行設計時,您必然會使您的界麵直觀。有兩種類型的一致性:視shi覺jiao一yi致zhi性xing和he功gong能neng一yi致zhi性xing。通tong過guo使shi設she計ji中zhong的de可ke視shi元yuan素su保bao持chi一yi致zhi,您nin可ke以yi創chuang建jian一yi個ge用yong戶hu不bu會hui質zhi疑yi其qi完wan整zheng性xing的de界jie麵mian。這zhe通tong常chang通tong過guo保bao持chi設she計ji中zhong的de顏yan色se,排pai版ban,圖tu標biao和he其qi他ta選xuan擇ze保bao持chi一yi致zhi來lai完wan成cheng。而er功gong能neng一yi致zhi性xing直zhi接jie關guan係xi到dao設she計ji中zhong的de對dui象xiang如ru何he在zai整zheng個ge界jie麵mian中zhong起qi作zuo用yong。通tong過guo保bao持chi按an鈕niu和he菜cai單dan項xiang等deng界jie麵mian控kong件jian的de一yi致zhi性xing,您nin可ke以yi增zeng加jia界jie麵mian平ping穩wen運yun行xing的de機ji會hui。因yin此ci,請qing根gen據ju用yong戶hu的de期qi望wang創chuang建jian設she計ji。
3.清晰度
清qing晰xi度du與yu一yi致zhi性xing不bu同tong。清qing晰xi度du是shi指zhi讓rang您nin的de用yong戶hu隨sui時shi知zhi道dao該gai做zuo什shen麼me。當dang您nin的de設she計ji簡jian單dan時shi,您nin可ke以yi讓rang用yong戶hu輕qing鬆song了le解jie設she計ji中zhong的de不bu同tong元yuan素su。當dang您nin減jian少shao用yong戶hu的de認ren知zhi負fu荷he時shi,人ren們men不bu會hui對dui頁ye麵mian的de目mu的de感gan到dao困kun惑huo。實shi現xian清qing晰xi度du的de一yi種zhong方fang法fa是shi消xiao除chu混hun亂luan。這zhe將jiang確que切qie地di讓rang用yong戶hu知zhi道dao他ta們men在zai過guo程cheng中zhong的de立li場chang並bing消xiao除chu歧qi義yi。
4.反饋
當係統能夠提供用戶所關心的相關信息,並提供合理的、有價值的反饋時,它增強了用戶與網站交互的整體體驗。
5.層次結構
設(she)計(ji)中(zhong)的(de)不(bu)同(tong)元(yuan)素(su)必(bi)須(xu)具(ju)有(you)清(qing)晰(xi)的(de)層(ceng)次(ci)結(jie)構(gou)。這(zhe)提(ti)高(gao)了(le)頁(ye)麵(mian)的(de)實(shi)用(yong)性(xing)。通(tong)過(guo)將(jiang)最(zui)重(zhong)要(yao)的(de)元(yuan)素(su)保(bao)留(liu)在(zai)頁(ye)麵(mian)頂(ding)部(bu),您(nin)可(ke)以(yi)通(tong)過(guo)頁(ye)麵(mian)中(zhong)的(de)各(ge)種(zhong)元(yuan)素(su)和(he)商(shang)品(pin)有(you)機(ji)地(di)引(yin)導(dao)您(nin)的(de)用(yong)戶(hu)。這(zhe)也(ye)有(you)助(zhu)於(yu)消(xiao)除(chu)任(ren)何(he)不(bu)必(bi)要(yao)的(de)混(hun)亂(luan),並(bing)改(gai)善(shan)網(wang)頁(ye)或(huo)應(ying)用(yong)程(cheng)序(xu)的(de)整(zheng)體(ti)功(gong)能(neng)和(he)可(ke)用(yong)性(xing)。
6.防止錯誤
錯cuo誤wu會hui成cheng為wei訪fang客ke采cai取qu所suo需xu行xing動dong的de障zhang礙ai。如ru果guo應ying用yong程cheng序xu或huo網wang站zhan無wu法fa按an照zhao用yong戶hu期qi望wang的de方fang式shi運yun行xing,他ta們men通tong常chang會hui離li開kai。為wei了le減jian少shao訪fang問wen者zhe放fang棄qi網wang頁ye,最zui大da限xian度du地di減jian少shao錯cuo誤wu非fei常chang重zhong要yao。因yin此ci,在zai設she計ji網wang頁ye時shi,請qing確que保bao圍wei繞rao出chu錯cuo的de可ke能neng性xing進jin行xing設she計ji,並bing設she計ji一yi個ge測ce試shi係xi統tong。
結論:
在不斷變化的用戶界麵設計世界中,我們還將繼續尋找新的方法來創建和構建引人入勝的用戶界麵。












