網站設計之交互設計實用核心知識介紹
2017.02.23
網站設計是一個大家族，包括了網站頁麵設計、網站交互設計、網站功能設計、網站製作等。不同的網站設計方fang麵mian都dou有you自zi己ji的de核he心xin知zhi識shi做zuo為wei支zhi撐cheng，設she計ji師shi們men在zai進jin行xing這zhe方fang麵mian的de設she計ji工gong作zuo時shi必bi須xu要yao對dui這zhe些xie核he心xin知zhi識shi有you一yi個ge係xi統tong的de掌zhang握wo，並bing學xue會hui合he理li的de將jiang這zhe些xie知zhi識shi運yun用yong到dao實shi際ji工gong作zuo中zhong去qu。
設(she)計(ji)師(shi)想(xiang)要(yao)具(ju)備(bei)較(jiao)高(gao)的(de)實(shi)際(ji)應(ying)用(yong)能(neng)力(li)就(jiu)必(bi)須(xu)有(you)豐(feng)富(fu)的(de)經(jing)驗(yan)，但(dan)是(shi)對(dui)於(yu)那(na)些(xie)新(xin)手(shou)設(she)計(ji)師(shi)來(lai)說(shuo)，想(xiang)要(yao)獲(huo)得(de)經(jing)驗(yan)是(shi)需(xu)要(yao)時(shi)間(jian)增(zeng)積(ji)累(lei)的(de)。那(na)麼(me)如(ru)何(he)上(shang)新(xin)手(shou)設(she)計(ji)師(shi)可(ke)以(yi)在(zai)交(jiao)互(hu)設(she)計(ji)工(gong)作(zuo)中(zhong)不(bu)至(zhi)於(yu)手(shou)忙(mang)腳(jiao)亂(luan)呢(ne)？下(xia)麵(mian)分形科技小編就針對這個問題為大家介紹一下交互設計實用的核心知識，以便新手設計師更好的完成實際工作。
什麼是交互設計？
交互設計可以簡單的理解從“目標導向”的de角jiao度du解jie決jue產chan品pin設she計ji，解jie決jue以yi人ren為wei本ben的de用yong戶hu需xu求qiu，其qi目mu標biao是shi從cong可ke用yong性xing和he用yong戶hu體ti驗yan兩liang個ge層ceng麵mian上shang創chuang造zao和he建jian立li人ren與yu產chan品pin及ji服fu務wu之zhi間jian有you意yi義yi的de關guan係xi。從cong狹xia義yi的de角jiao度du上shang看kan，交jiao互hu設she計ji包bao括kuo需xu求qiu分fen析xi、架構與流程設計、方案設計、方案驗證、設計跟蹤等內容。這裏分形科技要介紹的是狹義交互設計知識。
一、交互設計需求分析
任ren何he工gong作zuo的de展zhan開kai都dou是shi從cong需xu求qiu開kai始shi的de，隻zhi有you有you需xu求qiu的de工gong作zuo才cai有you價jia值zhi。需xu求qiu分fen析xi的de目mu的de在zai於yu明ming確que交jiao互hu設she計ji的de方fang向xiang和he目mu的de，主zhu要yao是shi針zhen對dui交jiao易yi設she計ji的de主zhu體ti，如ru網wang站zhan設she計ji中zhong某mou項xiang功gong能neng的de實shi現xian。交jiao互hu設she計ji需xu求qiu分fen析xi的de主zhu要yao內nei容rong有you：目標人群分析、已有的版本的分析、產品特色分析等。需求分析得到的結論是：產品的主要功能、特色功能、用戶人群、使用場景、用戶期望等等。
二、交互設計架構與流程設計
交(jiao)互(hu)設(she)計(ji)中(zhong)的(de)架(jia)構(gou)指(zhi)的(de)是(shi)產(chan)品(pin)頁(ye)麵(mian)的(de)邏(luo)輯(ji)骨(gu)架(jia)，是(shi)產(chan)品(pin)功(gong)能(neng)的(de)橫(heng)向(xiang)梳(shu)理(li)。一(yi)個(ge)合(he)理(li)的(de)信(xin)息(xi)架(jia)構(gou)可(ke)以(yi)幫(bang)助(zhu)產(chan)品(pin)進(jin)行(xing)合(he)理(li)的(de)功(gong)能(neng)分(fen)類(lei)，幫(bang)助(zhu)設(she)計(ji)師(shi)設(she)計(ji)出(chu)符(fu)合(he)用(yong)戶(hu)心(xin)理(li)和(he)需(xu)求(qiu)的(de)模(mo)型(xing)，幫(bang)助(zhu)用(yong)戶(hu)快(kuai)速(su)有(you)效(xiao)的(de)找(zhao)到(dao)目(mu)標(biao)需(xu)求(qiu)。
流liu程cheng設she計ji是shi基ji於yu產chan品pin的de功gong能neng進jin行xing的de，針zhen對dui產chan品pin功gong能neng的de縱zong向xiang梳shu理li。能neng夠gou保bao障zhang用yong戶hu在zai使shi用yong產chan品pin功gong能neng時shi，保bao障zhang功gong能neng使shi用yong的de流liu暢chang以yi及ji交jiao互hu界jie麵mian的de完wan整zheng性xing，同tong時shi還hai可ke以yi方fang便bian檢jian測ce產chan品pin的de功gong能neng是shi否fou能neng夠gou順shun暢chang、合理。
三、交互設計的方案設計
交互設計中的方案設計提的是針對上一步的流程設計與架構設計進行合理有、有效的方案策劃。這部分內容體現的是交互設計師的核心能力。在方案設計過程中設計師麵的著重的對交互稿的規範性、交互稿的注釋、頁麵的響應式等問題進行說明。
注意：交互設計的方案設計時應盡可能的提高交互搞得質量，提升其視覺與傳達效率上的舒適度與準確性和高效性上。
四、交互設計方案的驗證
jiaohushejifangancehuawanchengzhihoujiuxuyaoduigaifangandekeyouxiaoxinghehelixingjinxingyanzhengheceshi，duiyubuhelidebufajinxingjijindexiugai。jiaohushejifanganjiyaomanzuchanpinxuqiu，yeyaomanzukaifaziyuandexuqiu。
五、交互設計方案跟蹤
jiaohushejifanganyanzhengheliyouxiaohoujiukeyitourushiyongle，cishiwomenbixuyaoduigaishefangandexiaoguojinxinggenzong。bawohaokaifaxiaoguoyushejixiaoguozhijianchayi，miaoshuchuqijiandechayi，bingzhaochuxuyaoxiugaidedifang，bingduichuxiandewentizhaochukecankaoyangshiyiheketidaixingdefangan。
這時需要交互設計師明確的一點是：交互設計的知識涉及的範圍很廣且外延很模糊，所以一定不要拘泥一條條框框的知識，要多從實踐中提升自己的能力。
設(she)計(ji)師(shi)想(xiang)要(yao)具(ju)備(bei)較(jiao)高(gao)的(de)實(shi)際(ji)應(ying)用(yong)能(neng)力(li)就(jiu)必(bi)須(xu)有(you)豐(feng)富(fu)的(de)經(jing)驗(yan)，但(dan)是(shi)對(dui)於(yu)那(na)些(xie)新(xin)手(shou)設(she)計(ji)師(shi)來(lai)說(shuo)，想(xiang)要(yao)獲(huo)得(de)經(jing)驗(yan)是(shi)需(xu)要(yao)時(shi)間(jian)增(zeng)積(ji)累(lei)的(de)。那(na)麼(me)如(ru)何(he)上(shang)新(xin)手(shou)設(she)計(ji)師(shi)可(ke)以(yi)在(zai)交(jiao)互(hu)設(she)計(ji)工(gong)作(zuo)中(zhong)不(bu)至(zhi)於(yu)手(shou)忙(mang)腳(jiao)亂(luan)呢(ne)？下(xia)麵(mian)分形科技小編就針對這個問題為大家介紹一下交互設計實用的核心知識，以便新手設計師更好的完成實際工作。
什麼是交互設計？
交互設計可以簡單的理解從“目標導向”的de角jiao度du解jie決jue產chan品pin設she計ji，解jie決jue以yi人ren為wei本ben的de用yong戶hu需xu求qiu，其qi目mu標biao是shi從cong可ke用yong性xing和he用yong戶hu體ti驗yan兩liang個ge層ceng麵mian上shang創chuang造zao和he建jian立li人ren與yu產chan品pin及ji服fu務wu之zhi間jian有you意yi義yi的de關guan係xi。從cong狹xia義yi的de角jiao度du上shang看kan，交jiao互hu設she計ji包bao括kuo需xu求qiu分fen析xi、架構與流程設計、方案設計、方案驗證、設計跟蹤等內容。這裏分形科技要介紹的是狹義交互設計知識。
一、交互設計需求分析
任ren何he工gong作zuo的de展zhan開kai都dou是shi從cong需xu求qiu開kai始shi的de，隻zhi有you有you需xu求qiu的de工gong作zuo才cai有you價jia值zhi。需xu求qiu分fen析xi的de目mu的de在zai於yu明ming確que交jiao互hu設she計ji的de方fang向xiang和he目mu的de，主zhu要yao是shi針zhen對dui交jiao易yi設she計ji的de主zhu體ti，如ru網wang站zhan設she計ji中zhong某mou項xiang功gong能neng的de實shi現xian。交jiao互hu設she計ji需xu求qiu分fen析xi的de主zhu要yao內nei容rong有you：目標人群分析、已有的版本的分析、產品特色分析等。需求分析得到的結論是：產品的主要功能、特色功能、用戶人群、使用場景、用戶期望等等。
二、交互設計架構與流程設計
交(jiao)互(hu)設(she)計(ji)中(zhong)的(de)架(jia)構(gou)指(zhi)的(de)是(shi)產(chan)品(pin)頁(ye)麵(mian)的(de)邏(luo)輯(ji)骨(gu)架(jia)，是(shi)產(chan)品(pin)功(gong)能(neng)的(de)橫(heng)向(xiang)梳(shu)理(li)。一(yi)個(ge)合(he)理(li)的(de)信(xin)息(xi)架(jia)構(gou)可(ke)以(yi)幫(bang)助(zhu)產(chan)品(pin)進(jin)行(xing)合(he)理(li)的(de)功(gong)能(neng)分(fen)類(lei)，幫(bang)助(zhu)設(she)計(ji)師(shi)設(she)計(ji)出(chu)符(fu)合(he)用(yong)戶(hu)心(xin)理(li)和(he)需(xu)求(qiu)的(de)模(mo)型(xing)，幫(bang)助(zhu)用(yong)戶(hu)快(kuai)速(su)有(you)效(xiao)的(de)找(zhao)到(dao)目(mu)標(biao)需(xu)求(qiu)。
流liu程cheng設she計ji是shi基ji於yu產chan品pin的de功gong能neng進jin行xing的de，針zhen對dui產chan品pin功gong能neng的de縱zong向xiang梳shu理li。能neng夠gou保bao障zhang用yong戶hu在zai使shi用yong產chan品pin功gong能neng時shi，保bao障zhang功gong能neng使shi用yong的de流liu暢chang以yi及ji交jiao互hu界jie麵mian的de完wan整zheng性xing，同tong時shi還hai可ke以yi方fang便bian檢jian測ce產chan品pin的de功gong能neng是shi否fou能neng夠gou順shun暢chang、合理。
三、交互設計的方案設計
交互設計中的方案設計提的是針對上一步的流程設計與架構設計進行合理有、有效的方案策劃。這部分內容體現的是交互設計師的核心能力。在方案設計過程中設計師麵的著重的對交互稿的規範性、交互稿的注釋、頁麵的響應式等問題進行說明。
注意：交互設計的方案設計時應盡可能的提高交互搞得質量，提升其視覺與傳達效率上的舒適度與準確性和高效性上。
四、交互設計方案的驗證
jiaohushejifangancehuawanchengzhihoujiuxuyaoduigaifangandekeyouxiaoxinghehelixingjinxingyanzhengheceshi，duiyubuhelidebufajinxingjijindexiugai。jiaohushejifanganjiyaomanzuchanpinxuqiu，yeyaomanzukaifaziyuandexuqiu。
五、交互設計方案跟蹤
jiaohushejifanganyanzhengheliyouxiaohoujiukeyitourushiyongle，cishiwomenbixuyaoduigaishefangandexiaoguojinxinggenzong。bawohaokaifaxiaoguoyushejixiaoguozhijianchayi，miaoshuchuqijiandechayi，bingzhaochuxuyaoxiugaidedifang，bingduichuxiandewentizhaochukecankaoyangshiyiheketidaixingdefangan。
這時需要交互設計師明確的一點是：交互設計的知識涉及的範圍很廣且外延很模糊，所以一定不要拘泥一條條框框的知識，要多從實踐中提升自己的能力。
