歡迎來到培訓(xùn)無憂網(wǎng)!
咨詢熱線 400-001-5729
2022-11-28 14:37:48|已瀏覽:189次
UI設(shè)計(jì)師工作流程
UI設(shè)計(jì)師工作流程總的來說:一句話描述UI設(shè)計(jì)流程的話!產(chǎn)品調(diào)研-設(shè)計(jì)產(chǎn)品原型-用戶體驗(yàn)小組討論修改-交互視覺設(shè)計(jì)-產(chǎn)品經(jīng)理提出修改-用戶體驗(yàn)小組確認(rèn)-前端開發(fā)師-程序開發(fā)-測(cè)試調(diào)試-評(píng)估這是一個(gè)項(xiàng)目下來整個(gè)團(tuán)隊(duì)參與的,在介紹UI工作流程時(shí)需要知道UI設(shè)計(jì)師在團(tuán)隊(duì)中的角色。
如在一個(gè)通用消費(fèi)類軟件界面的設(shè)計(jì)大體可分為五個(gè)步驟UI設(shè)計(jì)師工作流程:
一:需求階段
二:分析設(shè)計(jì)階段
三:調(diào)研驗(yàn)證階段
四:方案改進(jìn)階段
五:用戶驗(yàn)證反饋階段
前期準(zhǔn)備工作
一、產(chǎn)品定位與市場(chǎng)分析階段
1、 目的(UI設(shè)計(jì)師應(yīng)了解產(chǎn)品的市場(chǎng)定位、產(chǎn)品定義、客戶群體、運(yùn)行方式等。)
2、 主要執(zhí)行人員(UI、UE、需求)
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í)景用戶分析)
在項(xiàng)目中UI設(shè)計(jì)的一般工作流程:
(取自某UI設(shè)計(jì)服務(wù)公司)
1)熟悉行業(yè)(熟悉您的軟件所涉及的行業(yè),以便制作出適合行業(yè)特征的界面風(fēng)格)
2)了解軟件(了解您軟件的工程進(jìn)度,做出針對(duì)您進(jìn)度的工作計(jì)劃)。
3)與軟件開發(fā)工程師和市場(chǎng)人員討論界面風(fēng)格(廣泛聽取研發(fā)和市場(chǎng)人員的意見,做出適合市場(chǎng)的軟件)。
4)人機(jī)分析(對(duì)您的軟件進(jìn)行人機(jī)分析,增強(qiáng)您軟件的易用性)。
5)做方案(做出設(shè)計(jì)方案,并明確細(xì)節(jié)思想)。
6)審定方案(與技術(shù)和市場(chǎng)人員一起審定方案,并聽取修改意見)。
7)修改--審定(將有幾次重復(fù))
8)細(xì)化、制作界面(開始制作軟件界面)。
9)與軟件開發(fā)工程師合作把界面加入到程序中。
10)細(xì)部修改,完成。
11)進(jìn)行軟件包裝盒、光盤盤面、盤套等的設(shè)計(jì)工作。
12)后期跟蹤服務(wù)
整個(gè)項(xiàng)目細(xì)說;“交互設(shè)計(jì)的整個(gè)流程”。
在我這里,UI是指“界面”,在視覺設(shè)計(jì)開始之前,界面的的交互策劃與設(shè)計(jì)是很重要的前置步驟,對(duì)終的用戶體驗(yàn)有很大的影響。
我團(tuán)隊(duì)在交互設(shè)計(jì)階段一般有產(chǎn)品經(jīng)理、交互設(shè)計(jì)師和UI設(shè)計(jì)師主要參與。很多公司不設(shè)專門的交互設(shè)計(jì)師,而由產(chǎn)品經(jīng)理完成相關(guān)工作。以下是這里的工作流程。這個(gè)流程希望整個(gè)產(chǎn)品團(tuán)隊(duì)都能參與其中并共同加強(qiáng)對(duì)產(chǎn)品的理解。 按照一個(gè)常規(guī)性互聯(lián)網(wǎng)產(chǎn)品項(xiàng)目流程走下來應(yīng)該是:
1.制定MRD(Market Requirements Document).
2.制定PRD(Product Requirements Document).
產(chǎn)品需求文檔。
3.用戶分析報(bào)告
搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里、需求等,提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下,更可以制定實(shí)景用戶分析。
4.產(chǎn)品架構(gòu)設(shè)計(jì)
這里涉及到比較多的界面交互與流程的設(shè)計(jì),根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。
5.產(chǎn)品原型設(shè)計(jì)
就是將頁面模塊、元素進(jìn)行粗放式的排版和布局,深入一些,還會(huì)加入一些交互性的元素,使其更加具體、形象和生動(dòng)。
6.界面UI設(shè)計(jì)
如果很傾向于圖形界面設(shè)計(jì),這兒是你喜歡的部分。但一定要結(jié)合循環(huán)討論過的分析結(jié)果做設(shè)計(jì),否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。
7.界面輸出
這方面主要由頁面工程師與前端程序員配合,將界面代碼化。
8.分析使用者報(bào)告,做出完善調(diào)整.
注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.dedgn.cn/news-id-71631.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050