UI設計流程大解析

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

一、確認用戶需求
 

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

二、采集交互方式
 

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

三、討論并制定草圖框架
 

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

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

四、流程圖

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

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

五、原型圖
 

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

六、確定設計稿和原型交互demo
 

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

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

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

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

八、引導用戶交互
 

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

九、一致性原則
 

　　1、設計目標一致
 

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

　　2、元素外觀一致
 

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

　　3、交互行為一致
 

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

十、可用性原則
 

　　1、可理解
 

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

　　2、可達到
 

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

　　3、可控制
 

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

十一、項目進度管理
 

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

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