設(shè)計(jì)十個(gè)流程全都在這里

1、UI設(shè)計(jì)的10個(gè)流程UI設(shè)計(jì)越來(lái)越與我們的生活緊密相關(guān)，精致而美觀的界面總是能讓用戶(hù)激動(dòng)不已，很多人已經(jīng)開(kāi)始學(xué)習(xí)UI設(shè)計(jì)的知識(shí)，希望自己也能加入U(xiǎn)I設(shè)計(jì)師的行列，成為走在潮流前頭的科技達(dá)人。那么，您一定要知道，一件經(jīng)典的UI設(shè)計(jì)作品經(jīng)過(guò)了怎樣的設(shè)計(jì)過(guò)程？UI設(shè)計(jì)師們都是在干什么？來(lái)看看UI設(shè)計(jì)師的這十個(gè)的工作流程吧！ 1、 產(chǎn)品定位與市場(chǎng)分析階段 1、 目的（了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶(hù)群體、運(yùn)行方式等）； 2、 主要執(zhí)行人員（UI、UE、需求）； 3、 溝通（銷(xiāo)售部門(mén)）； 4、 實(shí)現(xiàn)步驟（會(huì)議討論）； 5、 UI主要職責(zé)（定義用戶(hù)群特征、定義最終用戶(hù)群、定義產(chǎn)品方向）. 二、用戶(hù)研究與

2、分析階段 1、目的（收集相關(guān)資料分析目標(biāo)用戶(hù)的使用特征、情感、習(xí)慣、心理、需求等，提出用戶(hù)研究報(bào)告和可用性設(shè)計(jì)建議。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶(hù)分析） 2、主要執(zhí)行人員（UI、UE、需求、技術(shù)） 3、溝通（銷(xiāo)售部門(mén)） 4、實(shí)現(xiàn)步驟（紙搞線稿、黑白稿、原型） 5、UI主要職責(zé)（收集相關(guān)資料分析目標(biāo)用戶(hù)的使用特征、情感、習(xí)慣、心理、需求等，提出用戶(hù)研究報(bào)告和可用性設(shè)計(jì)建議。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶(hù)分析） 三、架構(gòu)設(shè)計(jì)階段 1、目的（這里涉及到比較多的界面交換與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素） 2、主要執(zhí)

3、行人員（UI、UE、需求部門(mén)） 3、溝通（銷(xiāo)售部門(mén)） 4、實(shí)現(xiàn)步驟（UI進(jìn)行風(fēng)格設(shè)計(jì)出界面，和需求部門(mén)拿出定稿；UE對(duì)原型進(jìn)行優(yōu)化，整理出交互及用戶(hù)體驗(yàn)方面意見(jiàn)，反饋給UI及需求部門(mén)；UID等待效果圖，開(kāi)始代碼編制） 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、需求部門(mén)） 3、溝通（UID、技術(shù)） 4、實(shí)現(xiàn)步驟（設(shè)計(jì)規(guī)范；代碼及程序開(kāi)發(fā)） 5、UI主要職責(zé)：（對(duì)前面所以工作以設(shè)

4、計(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、銷(xiāo)售） 4、實(shí)現(xiàn)步驟 5、UI主要職責(zé)（確定整個(gè)界面的色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)） 六、界面輸出階段 1、目的（配合好開(kāi)發(fā)人員完成相關(guān)的界面結(jié)合） 2、主要執(zhí)行人員（技術(shù)） 3、溝通（UI、UE、需求部門(mén)、銷(xiāo)售） 4、實(shí)現(xiàn)步驟 5、UI主要職責(zé)（對(duì)界面設(shè)計(jì)階段的最后結(jié)果

5、配合技術(shù)部門(mén)實(shí)現(xiàn)界面設(shè)計(jì)的實(shí)際效果） 七、可用性測(cè)試階段 1、目的（針對(duì)一致性測(cè)試；信息反饋測(cè)試；界面簡(jiǎn)潔性測(cè)試；界面美觀度測(cè)試；用戶(hù)動(dòng)作性測(cè)試；行業(yè)標(biāo)準(zhǔn)測(cè)試） 2、主要執(zhí)行人員（程序測(cè)試部門(mén)） 3、溝通（UI、UE、程序、需求部門(mén)、銷(xiāo)售） 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ù)、銷(xiāo)售） 4、實(shí)現(xiàn)步驟 5、UI主要職責(zé)（可用性的循環(huán)研究、用戶(hù)體驗(yàn)回饋、測(cè)試回饋、UI人員把可行性建議進(jìn)行完善） 九、產(chǎn)品上線 1、目的（檢驗(yàn)前面界面設(shè)計(jì)的成果是否符合市場(chǎng)及用戶(hù)群體） 2、主要執(zhí)行人員（銷(xiāo)售） 3、溝通 4、實(shí)現(xiàn)步驟 5、UI主要職責(zé)：（收集市場(chǎng)對(duì)于產(chǎn)品的用戶(hù)體驗(yàn)，并記錄誠(chéng)文字說(shuō)明） 十、分析報(bào)告及優(yōu)化方案 1、目的（了解整個(gè)界面設(shè)計(jì)的優(yōu)缺） 2、主要執(zhí)行人員（UI、UE） 3、溝通（技術(shù)、銷(xiāo)售） 4、實(shí)現(xiàn)步驟 5、UI主要職責(zé)：（對(duì)于前九個(gè)階段的界面設(shè)計(jì)進(jìn)行詳細(xì)系統(tǒng)的整理，為下一次界面設(shè)計(jì)提供有力的市場(chǎng)及專(zhuān)業(yè)論據(jù)） UI設(shè)計(jì)的流程再次證明了一個(gè)道理：凡是偉大的