漂亮的、統(tǒng)一的、規(guī)范的APP設計是留住用戶的手段，而UI界面設計的真正價值，則是為了實現(xiàn)商業(yè)價值的“最大化”。

楊瀾說：沒人有義務透過你邋遢的外表，去發(fā)現(xiàn)你優(yōu)秀的內在。套用在互聯(lián)網(wǎng)的App產(chǎn)品開發(fā)上就是：沒有人有義務透過你糟糕的UI設計，去發(fā)現(xiàn)你App產(chǎn)品的優(yōu)秀內在。

UI怎么理解？

百度百科解釋是“user interface”，即用戶界面，可以人機交互的界面。

也有人從計算機的角度這么理解：

U，You，就是用戶，是個計算力只有5的渣。

I，就是我這個計算機，心算大神，每秒億計次計算。

UI，就是你我之間的互動。

所以UI設計得越好，你越容易使用我。

UI設計的工作流程步驟

我們可以先看看 UI 設計師的工作流程是什么樣的。

UI 設計在視覺層面的工作只是所有工作內容中的一部分，并不是全部，其他的一些理解需求、明確設計目標、制定計劃以及后期的開發(fā)支持和收集反饋上層層體現(xiàn)了一個 UI 設計師工作的價值。

1.理解需求

在拿到需求后，首先要做的工作就是要去理解這份需求。

這時候，我們拿到的需求有可能非常詳細，是交互設計師加工過的具體的需求文檔，其中包括完整的交互設計原型。這個時候，我們重點去理解交互設計的輸出，查看產(chǎn)品使用的每一個流程以及每一個界面的具體細節(jié)，其中包括功能、操作、反饋以及信息呈現(xiàn)邏輯等。

而大多數(shù)團隊中，可能就沒有交互設計師這樣的角色，而是產(chǎn)品經(jīng)理或者老板直接下達的需求，需求的精細程度也會存在非常大的區(qū)別，這個時候其實就會比較復雜。設計師此時需要站在用戶的角度，化身為以用戶為中心的原點，去理解需求以及將需求進行拆分。針對于需求的每一個細節(jié)，需要設計師深入進行思考，對于缺失的部分，或者存在不合理的部分，需要回過頭來和提出需求的人詳細溝通，共同討論以及解決問題。

在這里推薦一個針對于需求梳理的思考工具——「用戶旅程」。通過「用戶旅程」這一方法，可以梳理出用戶使用產(chǎn)品的情景、操作以及具體的心理狀態(tài)，便于設計師站在用戶的視角去理解和分析需求。

2.明確設計目標

設計目標，直接會聯(lián)系到產(chǎn)品目標、運營目標以及用戶目標等。在了解到具體的需求細節(jié)以后，要明確本次設計在整個項目中的定位是什么，通過設計需要帶來的收益以及用戶對于設計的訴求有多大。另外在設計過程中，還要明確的是設計目標最核心的點在哪里，這樣的話就可以針對設計內容的輸出重點方向有所了解。

也利于我們做一些權衡：有時好看的設計是需要犧牲一些信息密度、信息傳達性等；設計頁面類型是什么，是偏展示性的，還是偏功能性的，展示性的設計空間會大些，功能性的要考慮開發(fā)實現(xiàn)要做的組件化一些；

另外，針對于設計的頁面具體有哪些，優(yōu)先級何如，以及任務的拆解，設計目標都會有所影響。

3.制定計劃

包括時間計劃和執(zhí)行計劃。

設計師最重要的一個能力就是針對于任務的評估，將一個完整鏈條的任務拆解成為小段，然后再比較每一段人物的優(yōu)先級，高優(yōu)先級的先完成，低優(yōu)先級的后完成，因此也直接衍生出時間計劃的編排。另外，還要在每一個時間節(jié)點和里程碑，確認對接溝通的角色，以及要輸出的物料有哪些。這項工作就要有經(jīng)驗的設計師進行決策，或者團隊中有經(jīng)驗的設計師帶領大家一起來完成。

時間節(jié)點和里程碑是工作進度的外在表現(xiàn)，具體可以使用的工具其實蠻多，但是最基本的是整體團隊對于設計進度要達成共識，確定在那個時間點上，大家能夠有什么樣的預期——看到的內容和聽到的結論等。

4.進入分析階段

此時對于需求已經(jīng)了解過，明確自己工作的意義所在以及制定了相應的計劃，那么就要進入到詳細的分析階段。

分析階段會包含三個主要的部分：市場分析、競品分析和用戶需求分析。

市場分析會決定了你的設計要在哪方面與對手進行抗衡，配合產(chǎn)品在市場中的重要定位，設計需要做哪些內容。

而競品分析是一種取長補短的思路，通過學習對手產(chǎn)品的優(yōu)點，規(guī)避它的缺點，讓自己的設計變得更完美。

用戶需求分析，這個不得不說，是以用戶為中心的設計，那就是要深入發(fā)掘用戶需求背后的東西。比如說，經(jīng)典段子「用戶想要一匹更快的馬」，實際上背后的訴求是用戶想要的是「速度」。

5.定義視覺風格

此時，做完了分析，那么就可以來定義視覺風格，包括設計元素的大方向。

色彩范圍、質感、細節(jié)、突出信息、圖標設計方案、插畫設計思路以及動效等，這些都可以在定義視覺風格的階段進行思考，并有所結論。

整體性是非常必要的，以及和其他產(chǎn)品的差異化，也同樣是視覺風格會涵蓋其中的。一般情況下，我們在做具體的視覺風格定義時，是通過一些關鍵界面或者關鍵操作來決定的。

有的團隊或者項目的某些階段是可以不用定義風格，因為有規(guī)范可以繼承或者延續(xù)，這個要就具體的項目情況而定。

定義視覺風格是通過開會、匯報最終敲定下來的，基本上是整體團隊群策群力的事情，而不應該由設計師自己完成。

6.批量輸出界面

在確定了設計方向以后，那么就可以批量輸出具體的界面。以及補充設計規(guī)范或這 UI KIT，針對于一些設計公司，還要補充設計說明等。

7.開發(fā)支持

接下來就要進入開發(fā)支持的階段，輸出切圖和 Layout ，并且此時要跟開發(fā)同事保持非常頻繁的溝通，在他們完成設計方案后，要給出對應的走查，找到開發(fā)成果對于設計的還原程度達不到100%的位置。此時溝通真的很重要，我們團隊之前合作的很多開發(fā)，都是那種輸出了切圖和 Layout 根本不看的角色，然后實現(xiàn)出來的樣子和我們的設計千差萬別，基本上讓我們的設計師就地石化。

設計師與開發(fā)人員的溝通也是需要長期磨合才能越來越好的?？傊O計師勤于溝通，對于自己的好處會非常多。

8.收集反饋

產(chǎn)品進入測試階段，以及到后面的上線，設計師就要抽出一部分精力關注一下自己的設計在市場上或者用戶那里的反饋。如果設計的問題很大，那么就要隨時準備好，有可能要修改設計。如果反饋不錯，那么要想到自己接下來的提高在哪里，以及產(chǎn)品下一個版本的迭代應該做到哪些設計來彌補本次的不足。

以上就是設計師在拿到需求后要思考以及接下來要做的事情。

UI設計是一項科學嚴謹?shù)墓ぷ?，需要熟悉產(chǎn)品、目標用戶以及用戶使用習慣和界面設計規(guī)律，通過界面引導讓用戶輕松完成任務，實現(xiàn)產(chǎn)品對于用戶的價值，同時企業(yè)也得到用戶的積極回饋。