不少剛剛?cè)胄凶鯱I設(shè)計的朋友，都期待著可以參與公司項目設(shè)計的整個流程，但是不同的公司，具體的流程可能是不一樣的。為了滿足廣大學員的需求，AAA教育小編姐姐就UI設(shè)計流程簡單分析如下：

一、確認用戶需求
 

　　在UI設(shè)計過程中，需求設(shè)計角色會確定軟件的目標用戶，獲取最終用戶和直接用戶的需求。用戶交互要考慮到不同目標用戶的交互設(shè)計重點，將這些重點融合。例如：老年人用戶和專業(yè)用戶的設(shè)計重點就不盡相同，所有的目標用戶的需求都要考慮進去。
 

二、采集交互方式
 

　　目標用戶不同交互習慣也千差萬別。習慣性的交互方式往往來源于其原有的針對現(xiàn)實的交互流程、已有軟件工具的交互流程。在此基礎(chǔ)上通過調(diào)研分析找到用戶希望達到的交互效果，并且以流程確認下來。
 

三、討論并制定草圖框架
 

　　在一個項目的開始，UI設(shè)計師就需要參與到整個項目當中。對于產(chǎn)品需求的了解，不只是產(chǎn)品經(jīng)理或者項目負責人的事情。所以，需要UI設(shè)計師、項目負責人、產(chǎn)品經(jīng)理和客戶一起作出討論。這個時候，你就需要畫出一個大概的框架草圖。
 

　　對于一些外包項目，客戶的需求很多時候都是模糊的，這個時候，整個產(chǎn)品的功能、結(jié)構(gòu)框架也都是模糊的，所以，可能需要UI設(shè)計師積極的與客戶或者項目負責人溝通，了解清楚。要不然，你就會抓瞎，沒法開始接下來的項目。
 

四、流程圖

　　這個時候，你需要結(jié)合開始的產(chǎn)品需求和框架草圖，用思維導圖工具做出一個具體的流程圖，理清你的設(shè)計思路。這樣你的項目負責人可以直觀的看到整個的流程，你在開始設(shè)計的時候，也可以依據(jù)你做的流程圖。
 

　　做腦圖/思維導圖/流程圖的工具其實有很多。在這里呢，列舉一些常用到的流程圖工具，如Mindnode/百度腦圖/Xmind/Mindmanager等等。
 

五、原型圖
 

　　所需工具：Sketch(框架圖)、POP(初步原型)、墨刀(高保真原型圖和交互)等
 

六、確定設(shè)計稿和原型交互demo
 

　　所需工具：Sketch(設(shè)計稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互動效)、墨刀(原型交互)
 

七、設(shè)計和待開發(fā)
 

　　所需工具：PS、AI等(設(shè)計)、Cutterman (切圖工具)、PxCook(標注、切圖工具)、Zeplin(切圖、設(shè)計稿標注)等。
 

　　設(shè)計過程就不說了，只要你是一位UI設(shè)計師，頁面怎么做那你肯定清楚。當你設(shè)計完成頁面以后，要做的工作就是：標注、切圖。
 

八、引導用戶交互
 

　　軟件是為目標用戶服務(wù)。因此應(yīng)該由目標用戶來使用和控制軟件。軟件響應(yīng)用戶的動作和設(shè)定的規(guī)則。對于目標用戶交互的結(jié)果和反饋，提示目標用戶結(jié)果和反饋信息，引導目標用戶進行自我需求的下一步操作。
 

九、一致性原則
 

　　1、設(shè)計目標一致
 

　　軟件中往往存在多個組成部分(組件、元素)。不同組成部分之間的交互設(shè)計目標需要一致。例如：以老年人作為目標用戶，以簡化界面邏輯為設(shè)計目標，那么該目標需要貫徹軟件(軟件包)整體，而不是局部。
 

　　2、元素外觀一致
 

　　交互元素的外觀往往影響用戶的交互效果。同一個(類)軟件采用一致風格的外觀，對于保持用戶焦點，改進交互效果有很大幫助。遺憾的是如何確認元素外觀一致沒有特別統(tǒng)一的衡量方法。因此需要對目標用戶進行調(diào)查取得反饋。
 

　　3、交互行為一致
 

　　在交互模型中，不同類型的元素用戶觸發(fā)其對應(yīng)的行為事件后，其交互行為需要一致。例如：所有需要用戶確認操作的對話框都至少包含確認和放棄兩個按鈕。對于交互行為一致性原則比較極端的理念是相同類型的交互元素所引起的行為事件相同。但是我們可以看到這個理念雖然在大部分情況下正確，但是的確有相反的例子證明不按照這個理念設(shè)計，會更加簡化用戶操作流程。
 

十、可用性原則
 

　　1、可理解
 

　　軟件要為目標用戶服務(wù)，軟件各元素對應(yīng)的功能要被目標用戶所理解。如果不能為用戶理解，那么需要提供一種非破壞性的途徑，使得用戶可以通過對該元素的操作，理解其對應(yīng)的功能。例：刪除操作元素。用戶可以點擊刪除操作按鈕，提示用戶如何刪除操作或者是否確認刪除操作，用戶可以更加詳細的理解該元素對應(yīng)的功能，同時可以取消該操作。
 

　　2、可達到
 

　　用戶是交互的神經(jīng)，交互元素對應(yīng)用戶需要的功能。因此交互元素必須可以被用戶控制。用戶可以用諸如鍵盤、鼠標之類的交互設(shè)備通過移動和觸發(fā)已有的交互元素達到其它在此之前不可見或者不可交互的交互元素。要注意的是交互的次數(shù)會影響可達到的效果。當一個功能被深深隱藏(一般來說超過4層)那么用戶達到該元素的幾率就大大降低了。可達到的效果也同界面設(shè)計有關(guān)。過于復雜的界面會影響可達到的效果。
 

　　3、可控制
 

　　軟件的交互流程，用戶可以控制。功能的執(zhí)行流程，用戶可以控制。如果確實無法提供控制，則向目標用戶提示相關(guān)的信息。
 

十一、項目進度管理
 

　　所需工具：Trello(任務(wù)管理)、Bearychat(團隊溝通)
 

　　以上是對UI設(shè)計流程的內(nèi)容，內(nèi)容也許不是最全，但也能讓你對UI設(shè)計流程有清楚的認識，之前也有分享UI設(shè)計的相關(guān)知識《淺析ui設(shè)計就業(yè)前景》、《UI設(shè)計7大就業(yè)方向》、《ui設(shè)計原則要素有哪些》、《ui設(shè)計培訓課程內(nèi)容》等，感興趣的可以去看看，后期我還會分享更多UI設(shè)計行業(yè)知識，大家多多關(guān)注!若是有你特別想知道的內(nèi)容，可以留言告訴小編，小編盡量分享大家想了解的行業(yè)知識。