我們都知道,ui設(shè)計(jì)是技術(shù)性比較強(qiáng)的專業(yè),需要有比較豐富的專業(yè)知識(shí)和經(jīng)驗(yàn),才能從事ui設(shè)計(jì)。那一般ui設(shè)計(jì)有哪些階段呢?還有,網(wǎng)頁(yè)ui設(shè)計(jì)過(guò)程是怎樣的?今天就一起跟小編來(lái)了解一下相關(guān)的內(nèi)容吧。
UI設(shè)計(jì)流程一般需要以下10個(gè)階段:
一、產(chǎn)品定位與市場(chǎng)分析階段
1、 目的(UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)行方式等。)
2、 主要執(zhí)行人員(UI、UE、需求)

(圖片來(lái)自網(wǎng)絡(luò))
3、 需溝通人員(銷售)
4、 實(shí)現(xiàn)步驟(會(huì)議討論)
5、 UI主要職責(zé):(定義用戶群特征、定義最終用戶群、定義產(chǎn)品方向)
二、用戶研究與分析階段
1、目的(UI設(shè)計(jì)師收集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心理、需求等,提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作有團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下,更可以制定實(shí)景用戶分析)
2、主要執(zhí)行人員(UI、UE、需求、技術(shù))
3、需溝通人員(銷售)
4、實(shí)現(xiàn)步驟(紙搞線稿、黑白稿、原型)
5、UI主要職責(zé)(收集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心理、需求等,提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作有團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下,更可以制定實(shí)景用戶分析)
三、架構(gòu)設(shè)計(jì)階段
1、目的(這里涉及到比較多的界面交換與流程的設(shè)計(jì),根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素)
2、主要執(zhí)行人員(UI、UE、需求部門)
3、需溝通人員(技術(shù)、銷售)
4、實(shí)現(xiàn)步驟(UI進(jìn)行風(fēng)格設(shè)計(jì)出界面,和需求部門拿出定稿;UE對(duì)原型進(jìn)行優(yōu)化,整理出交互及用戶體驗(yàn)方面意見(jiàn),反饋給UI及需求部門;UID等待效果圖,開始代碼編制)
5、UI主要職責(zé):(根據(jù)可以性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。界面設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、風(fēng)格設(shè)計(jì))
四、原型設(shè)計(jì)階段
1、目的(根據(jù)進(jìn)度與成本,可以把原型控制在“手繪-圖形-Flash-視頻幾個(gè)質(zhì)量范圍)
2、主要執(zhí)行人員(UI、UE、需求部門)
3、需溝通人員(UID、技術(shù))
4、實(shí)現(xiàn)步驟(設(shè)計(jì)規(guī)范;代碼及程序開發(fā))
5、UI主要職責(zé):(對(duì)前面所以工作以設(shè)計(jì)方面的實(shí)施,根據(jù)進(jìn)度與成本,可以把原型控制在“手繪-圖形-Flash-視頻幾個(gè)質(zhì)量范圍,原型的本質(zhì)更傾向與一個(gè)DEMO,它不需要有全部的功能,但要體現(xiàn)出設(shè)計(jì)對(duì)象的基本特性)
五、界面設(shè)計(jì)階段
1、目的(根據(jù)原型設(shè)計(jì)階段的界面原型,對(duì)界面原型進(jìn)行視覺(jué)效果的處理)
2、主要執(zhí)行人員(UI、UE、技術(shù))
3、需溝通人員(UE、銷售)
4、實(shí)現(xiàn)步驟
5、UI主要職責(zé):(該階段確定整個(gè)界面的色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn))
六、界面輸出階段
1、目的(配合好開發(fā)人員完成相關(guān)的界面結(jié)合)
2、主要執(zhí)行人員(技術(shù))
3、需溝通人員(UI、UE、需求部門、銷售)
4、實(shí)現(xiàn)步驟
5、UI主要職責(zé):(對(duì)界面設(shè)計(jì)階段的最后結(jié)果配合技術(shù)部門實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果)
七、可用性測(cè)試階段
1、目的(針對(duì)一致性測(cè)試;信息反饋測(cè)試;界面簡(jiǎn)潔性測(cè)試;界面美觀度測(cè)試;用戶動(dòng)作性測(cè)試;行業(yè)標(biāo)準(zhǔn)測(cè)試)
2、主要執(zhí)行人員(程序測(cè)試部門)
3、需溝通人員(UI、UE、程序、需求部門、銷售)
4、實(shí)現(xiàn)步驟
5、UI主要職責(zé):(負(fù)責(zé)原型的可用性測(cè)試,發(fā)現(xiàn)可用性問(wèn)題并提出修改意見(jiàn))
八、完成工作階段
1、目的(對(duì)于前面七個(gè)階段的設(shè)計(jì)工作進(jìn)行細(xì)節(jié)調(diào)整)
2、主要執(zhí)行人員(UI、UE)
3、需溝通人員(技術(shù)、銷售)
4、實(shí)現(xiàn)步驟
5、UI主要職責(zé):(可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋、UI人員把可行性建議進(jìn)行完善)
九、產(chǎn)品上線
1、目的(檢驗(yàn)前面界面設(shè)計(jì)的成果是否符合市場(chǎng)及用戶群體)
2、主要執(zhí)行人員(銷售)
3、需溝通人員
4、實(shí)現(xiàn)步驟
5、UI主要職責(zé):(收集市場(chǎng)對(duì)于產(chǎn)品的用戶體驗(yàn),并記錄誠(chéng)文字說(shuō)明)
十、分析報(bào)告及優(yōu)化方案
1、目的(了解整個(gè)界面設(shè)計(jì)的優(yōu)缺)
2、主要執(zhí)行人員(UI、UE)

(圖片來(lái)自網(wǎng)絡(luò))
3、需溝通人員(技術(shù)、銷售)
4、實(shí)現(xiàn)步驟
5、UI主要職責(zé):(對(duì)于前九個(gè)階段的界面設(shè)計(jì)進(jìn)行詳細(xì)系統(tǒng)的整理,為下一次界面設(shè)計(jì)提供有力的市場(chǎng)及專業(yè)論據(jù))
好了,關(guān)于ui設(shè)計(jì)有哪些階段以及網(wǎng)頁(yè)ui設(shè)計(jì)過(guò)程是怎樣的相關(guān)內(nèi)容,看完了上文小編的介紹,相信大家有所了解了。想學(xué)習(xí)ui設(shè)計(jì)的朋友,可以報(bào)名參加ui設(shè)計(jì)培訓(xùn)班,學(xué)習(xí)一些專業(yè)的知識(shí)。


在微信中搜索faceui