漂亮統(tǒng)一的、規(guī)范的UI界面設(shè)計是留住用戶的手段，而UI界面設(shè)計的真正價值，則是為了實現(xiàn)商業(yè)價值的“最大化”。在看互聯(lián)網(wǎng)App產(chǎn)品開發(fā)上，沒有人有義務(wù)透過你糟糕的UI設(shè)計，去發(fā)現(xiàn)你App產(chǎn)品的優(yōu)秀內(nèi)在。
UI怎么理解？
百度百科解釋是“user interface”，即用戶界面，可以人機交互的界面。
也有人從計算機的角度這么理解：
U，You，就是用戶，是個計算力只有5的渣。
I，就是我這個計算機，心算大神，每秒億計次計算。
UI，就是你我之間的互動。
所以UI設(shè)計得越好，你越容易使用我。
UI 設(shè)計在視覺層面的工作只是所有工作內(nèi)容中的一部分，并不是全部，其他的一些理解需求、明確設(shè)計目標(biāo)、制定計劃以及后期的開發(fā)支持和收集反饋上層層體現(xiàn)了一個 UI 設(shè)計師工作的價值。
1.理解需求
在拿到需求后，首先要做的工作就是要去理解這份需求。
這時候，我們拿到的需求有可能非常詳細(xì)，是交互設(shè)計師加工過的具體的需求文檔，其中包括完整的交互設(shè)計原型。
這個時候，我們重點去理解交互設(shè)計的輸出，查看產(chǎn)品使用的每一個流程以及每一個界面的具體細(xì)節(jié)，其中包括功能、操作、反饋以及信息呈現(xiàn)邏輯等。
而大多數(shù)團隊中，可能就沒有交互設(shè)計師這樣的角色，而是產(chǎn)品經(jīng)理或者老板直接下達(dá)的需求，需求的精細(xì)程度也會存在非常大的區(qū)別，這個時候其實就會比較復(fù)雜。
設(shè)計師此時需要站在用戶的角度，化身為以用戶為中心的原點，去理解需求以及將需求進行拆分。
針對于需求的每一個細(xì)節(jié)，需要設(shè)計師深入進行思考，對于缺失的部分，或者存在不合理的部分，需要回過頭來和提出需求的人詳細(xì)溝通，共同討論以及解決問題。
在這里推薦一個針對于需求梳理的思考工具——「用戶旅程」。通過「用戶旅程」這一方法，可以梳理出用戶使用產(chǎn)品的情景、操作以及具體的心理狀態(tài)，便于設(shè)計師站在用戶的視角去理解和分析需求。
2.明確設(shè)計目標(biāo)
設(shè)計目標(biāo)，直接會聯(lián)系到產(chǎn)品目標(biāo)、運營目標(biāo)以及用戶目標(biāo)等。
在了解到具體的需求細(xì)節(jié)以后，要明確本次設(shè)計在整個項目中的定位是什么，通過設(shè)計需要帶來的收益以及用戶對于設(shè)計的訴求有多大。
另外在設(shè)計過程中，還要明確的是設(shè)計目標(biāo)最核心的點在哪里，這樣的話就可以針對設(shè)計內(nèi)容的輸出重點方向有所了解。
也利于我們做一些權(quán)衡：有時好看的設(shè)計是需要犧牲一些信息密度、信息傳達(dá)性等；設(shè)計頁面類型是什么，是偏展示性的，還是偏功能性的，展示性的設(shè)計空間會大些，功能性的要考慮開發(fā)實現(xiàn)要做的組件化一些；
另外，針對于設(shè)計的頁面具體有哪些，優(yōu)先級何如，以及任務(wù)的拆解，設(shè)計目標(biāo)都會有所影響。
3.制定計劃
包括時間計劃和執(zhí)行計劃。
設(shè)計師最重要的一個能力就是針對于任務(wù)的評估，將一個完整鏈條的任務(wù)拆解成為小段，然后再比較每一段人物的優(yōu)先級，高優(yōu)先級的先完成，低優(yōu)先級的后完成，因此也直接衍生出時間計劃的編排。
另外，還要在每一個時間節(jié)點和里程碑，確認(rèn)對接溝通的角色，以及要輸出的物料有哪些。這項工作就要有經(jīng)驗的設(shè)計師進行決策，或者團隊中有經(jīng)驗的設(shè)計師帶領(lǐng)大家一起來完成。
時間節(jié)點和里程碑是工作進度的外在表現(xiàn)，具體可以使用的工具其實蠻多，但是最基本的是整體團隊對于設(shè)計進度要達(dá)成共識，確定在那個時間點上，大家能夠有什么樣的預(yù)期——看到的內(nèi)容和聽到的結(jié)論等。
4.進入分析階段
此時對于需求已經(jīng)了解過，明確自己工作的意義所在以及制定了相應(yīng)的計劃，那么就要進入到詳細(xì)的分析階段。
分析階段會包含三個主要的部分：市場分析、競品分析和用戶需求分析。
市場分析會決定了你的設(shè)計要在哪方面與對手進行抗衡，配合產(chǎn)品在市場中的重要定位，設(shè)計需要做哪些內(nèi)容。
而競品分析是一種取長補短的思路，通過學(xué)習(xí)對手產(chǎn)品的優(yōu)點，規(guī)避它的缺點，讓自己的設(shè)計變得更完美。
用戶需求分析，這個不得不說，是以用戶為中心的設(shè)計，那就是要深入發(fā)掘用戶需求背后的東西。比如說，經(jīng)典段子「用戶想要一匹更快的馬」，實際上背后的訴求是用戶想要的是「速度」。
5.定義視覺風(fēng)格
此時，做完了分析，那么就可以來定義視覺風(fēng)格，包括設(shè)計元素的大方向。
色彩范圍、質(zhì)感、細(xì)節(jié)、突出信息、圖標(biāo)設(shè)計方案、插畫設(shè)計思路以及動效等，這些都可以在定義視覺風(fēng)格的階段進行思考，并有所結(jié)論。
整體性是非常必要的，以及和其他產(chǎn)品的差異化，也同樣是視覺風(fēng)格會涵蓋其中的。一般情況下，我們在做具體的視覺風(fēng)格定義時，是通過一些關(guān)鍵界面或者關(guān)鍵操作來決定的。
有的團隊或者項目的某些階段是可以不用定義風(fēng)格，因為有規(guī)范可以繼承或者延續(xù)，這個要就具體的項目情況而定。
定義視覺風(fēng)格是通過開會、匯報最終敲定下來的，基本上是整體團隊群策群力的事情，而不應(yīng)該由設(shè)計師自己完成。
6.批量輸出界面
在確定了設(shè)計方向以后，那么就可以批量輸出具體的界面。
以及補充設(shè)計規(guī)范或者 UI KIT，針對于一些設(shè)計公司，還要補充設(shè)計說明等。
7.開發(fā)支持
接下來就要進入開發(fā)支持的階段，輸出切圖和 Layout ，并且此時要跟開發(fā)同事保持非常頻繁的溝通，在他們完成設(shè)計方案后，要給出對應(yīng)的走查，找到開發(fā)成果對于設(shè)計的還原程度達(dá)不到100%的位置。
此時溝通真的很重要，我們團隊之前合作的很多開發(fā)，都是那種輸出了切圖和 Layout 根本不看的角色，然后實現(xiàn)出來的樣子和我們的設(shè)計千差萬別，基本上讓我們的設(shè)計師就地石化。
設(shè)計師與開發(fā)人員的溝通也是需要長期磨合才能越來越好的?？傊O(shè)計師勤于溝通，對于自己的好處會非常多。
8.收集反饋
產(chǎn)品進入測試階段，以及到后面的上線，設(shè)計師就要抽出一部分精力關(guān)注一下自己的設(shè)計在市場上或者用戶那里的反饋。
如果設(shè)計的問題很大，那么就要隨時準(zhǔn)備好，有可能要修改設(shè)計。
如果反饋不錯，那么要想到自己接下來的提高在哪里，以及產(chǎn)品下一個版本的迭代應(yīng)該做到哪些設(shè)計來彌補本次的不足，以上就是設(shè)計師在拿到需求后要思考以及接下來要做的事情。
UI設(shè)計是一項科學(xué)嚴(yán)謹(jǐn)?shù)墓ぷ鳎枰煜ぎa(chǎn)品、目標(biāo)用戶以及用戶使用習(xí)慣和界面設(shè)計規(guī)律，通過界面引導(dǎo)讓用戶輕松完成任務(wù)，實現(xiàn)產(chǎn)品對于用戶的價值，同時企業(yè)也得到用戶的積極回饋。
