起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識項目流程介紹——如何交付你的設計？
編輯導語：設計師的日常工作是什么？互聯網產品是如何從0到1被開發出來的？設計師在其中發揮著什么樣的作用？如何更好的和項目團隊協作，順利交付我們的設計？一起來閱讀本文了解學習下吧。
中國每年有50萬的設計畢業生，相比之下，能夠進入大廠的寥若晨星。但所有投身于設計的設計師，都有一顆渴望成長的心。本文整理發表出來，希望給選擇并從事設計行業的你一點成長的力量。
相信大部分同學剛開始工作都會有這樣的疑問：
互聯網產品是如何從0到1被開發出來的？
設計師在項目流程中承擔怎樣的工作？
作為新人如何對癥下藥讓自己的設計方案順利通過評審？
一、為什么要了解項目流程？
互聯網項目合作中，設計師在整個流程中扮演著向上承接業務目標與用戶需求，向下與研發協作實現產品計劃落地的角色。
在理想的項目流程中，大家都能各司其職，像是流水線一般。但是工作后你就會發現這樣的對話才是工作常態：
也經常能看到你隔壁同事在工位上抓耳撓腮，為方案反復修改或是無法落地愁眉苦臉。所以，作為職場萌新，首先需要了解完整的項目流程是什么？不同環節要面對的對接方有哪些？如何對癥下藥順利產出合格的交付件？
二、What | 項目流程及需求分級
1. 項目&設計流程
首先，項目流程是從概念到最終產品上線的全過程，它不僅是指導設計實踐的模型，也是設計師跨團隊協作溝通與交流的參考依據。
那設計流程和項目流程有何區別？
從接到需求到上線后跟蹤，我們可以將整個設計流程拆分為5個節點：需求分析→交互設計→視覺設計→交付跟進→驗證復盤。
三、HOW | 設計環節
1. 需求輸入
初入職場的同學很容易陷入「上手就干」的誤區，卻不知道這樣做會給后續工作埋下無數的坑，比如：反復修改設計稿、設計交付延期等情況。這樣反而使得整個項目節奏慢下來，背離初衷，所以設計前第一件事就是了解業務。
（1）需求分析
通常我們接到的需求分為：體驗優化（有數據支撐的迭代）、業務調整（產品戰略升級）、外部環境（政策影響等）。每個類型都有不同的針對策略，且都涉及交互、 UI 風格、視覺、品牌等各類設計的配合。
在接到需求的時候，我們需要思考幾個問題：
- 產品目標是否明確？期望的結果是什么樣的？
- 投入產出比如何？
- 方案是否可驗證？
評估完需求后，需要和業務方對齊目標及衡量指標，再想想設計如何規劃？
（2）制定計劃：時間&執行計劃
「對設計任務的評估」是設計師的一項重要能力，我們需要評估各模塊優先級，將設計任務拆解成為小段，輸出對應設計排期。
「排期」是設計師對項目組的承諾，我們需要對自己的工作內容做出一個合理的時間預估，同時預見可能存在的風險，確認每個時間點的輸出物有哪些？評估是否需要外部支援等？避免設計側工作延誤影響整體項目上線進度。
2. 交互設計
交互設計師需要通過信息架構的組織去產出體驗流暢的界面原型，確保交互層面的體驗優雅且符合用戶使用習慣。
（1）設計目標拆解
其中，「設計目標的拆解」是交互設計的重要環節。通常是由業務方先提出一個需求，這個需求背后就伴隨著一個業務指標，交互設計師則需要將定量指標拆解為有設計執行指向的目標。
（2）選擇設計方法
同時，我們會通過一些方法論來科學的拆解問題，或是查找相關競品選擇性學習，對于設計師來說設計方法有很多種。例如常見的有：目標導向、數據分析、用戶調研、設計走查、用戶體驗地圖、競品分析等。
同時，我們需要熟知各類設計原則，能使我們在設計支撐時，擁有更豐厚的專業度和更敏銳的洞察力。例如HMI、Material Ddesign、上癮模型、福格模型、格式塔理論等等。
（3）原型優化、交互文檔輸出
交互設計師通過需求分析梳理用戶所有流程的接觸點，快速地理解和診斷流程邏輯。考慮到每種可能性、不同場景的狀態變化，制出對應的交互流程界面。交互文檔是交互最核心的交付件，完整的交互文檔應該包含以下7點內容：需求背景、產品目標、衡量指標、設計分析、設計目標、頁面流程圖（包含界面布局及元素的規則定義）、異常狀態說明。關于「交互文檔的撰寫」會在后續文章中講到，這里暫時不展開了～
（4）交互評審
完成交互文檔后，會依此發起設計內審和項目評審。
其中「設計內審」是檢視設計專業性的第一關。成員通常為：該需求設計師、主設、及本業務設計專家。交互評審會重點關注：功能是否完整？鏈路是否流暢？步驟是否冗余？是否易于理解？
保證內審通過的關鍵是科學合理的需求分析，可以附上相關數據、競品分析和解決思路的過程。當方案依次通過內審和項目評審后，產品會基于交互文檔完成策劃定稿，進入視覺執行階段。
當團隊內部對方案達成一致后會組織正式的項目評審。對項目成員來說，評審通過與否在于設計方案的目標匹配度以及可落地性。
3. 視覺設計
“視覺設計是產品與用戶直接連接的媒介，一個簡單優雅的設計，可以極大地提升產品吸引力。”
同樣，視覺設計也需要依次經過需求分析和目標拆解，確定設計關鍵詞，并基于關鍵詞去衍生映射物、建立圖形情緒板，最終分析和確定設計方向。
（1）建立設計語言
在建立設計語言的過程中，會先通過設計價值觀推導設計原則，通過設計原則約束設計元素。通常我們會基于情緒版去定義設計語言（具像化思路，更快地找到方向），主要包括圖形、色彩、字體、質感、構成、動效等。
（2）設計呈現&輸出
確定方向后，可以在設計階段多一些嘗試，多一些打磨。與其讓“未來的我”或需求方來指出問題，倒不如先自我審視，也可以邀請身邊同事，請他們來選一選方案并說一說理由。最后再結合設計目標、業務目標和大家的意見輸出最終評審方案。
和交互不同的是，UI評審的重點在于：方案是否完成需求包含的所有設計點？視覺層次是否清晰？視覺表現手法是否處理到位？設計創意是否有服務于設計目標？
同樣，當團隊內部達成一致后，會進入項目評審階段（此處評審成員及相關注意事項和交互評審相同，這里就不贅述了）。
關于評審還有幾個經驗和大家分享：
首先是評審前準備：
- 在項目群發出評審通知，告知評審主題、需要參會人員、時間、地點等。
- 提供已確認的策劃/設計文檔，讓大家提前了解方案。
Tips：可以提前與產品、開發評估方案可行性，預知可能遇到的問題，降低評審被質疑的風險。
評審后跟進：
- 第一時間將會上總結的問題和建議在群里進行結論同步。
- 和相關人員溝通解決會上遺留問題，如果需要二次評審，則需預定下次評審時間再次通知。
- 調整方案再次同步相關人員，告知修改內容。
4. 交付驗收
（1）設計交付
通過評審后，就可以交付我們的設計了！而如何正確有效的與開發人員進行溝通就顯得至關重要。
首先是輸出準確完整的頁面的效果圖、標注、切圖，復雜版本可視情況附上UI設計說明和設計規范等（包含界面布局，元素的規則定義、異常狀態說明等），去幫助開發同學更好的理解并還原設計稿。
舉個例子，對于針對復雜的交互動畫，最好交互提供動畫demo及參數標注，更能幫助開發同學準確理解設計意圖。
下圖是游戲中心閃屏聯動的動效標注：
除了上面說的對細節的考究及挖掘以外，UI設計師一般還會做出一套自己產品的設計規范，目的在于：節省開發效率、節省設計人力、保證多人配合的體驗一致性等等。
設計落地環節設計師的參與非常重要，前面所有的工作最終是以上線的效果為標準，所以為了讓我們的付出不打折扣，需要在設計驗收時細致跟進。
（2）基礎驗收流程
在產品正式版發布之前，交互和視覺設計師需要對開發效果進行走查。
基礎驗收流程是：建立驗收文檔——驗收問題錄入——同步&溝通驗收問題【確定問題優先級&跟進機制】——過程中跟進調整情況——上線前復查。
設計師需要將驗收中問題的屬性、范圍、問題描述、責任人等進行單獨說明，將設計稿與開發界面進行截圖對比，標注出差異問題點。
驗收問題影響范圍往往并不相同，比如影響當前功能、多個功能、當前模塊，甚至還有些問題會涉及產品全局，都需要說明清楚。
5. 驗證復盤
（1）設計驗證
設計驗證有很多方式，例如：數據埋點、用戶反饋、線上走查、用戶訪談、可用性測試等。設計驗證能幫助我們回顧當初目標的達成情況，找到存在的問題，成為接下來迭代的依據；同時也是對自身設計經驗的積累。
（2）總結復盤
設計之路上，我們會不斷地在經歷失敗中掙扎前進，但同時也在復盤沉淀中收獲成長。
我們可以通過復盤對設計策略的價值進行總結驗證，并能總結過程中的亮點與不足，制定后續計劃、沉淀相關經驗。
四、寫在最后
需求不斷，設計不止，以上是設計流程上的一些粗顆粒度的經驗分享。在整個過程中設計師的“邏輯思維、設計表現、溝通表達、耐心共情”能力，從前至后，缺一不可。
除此之外，關于溝通、業務理解、項目管理、總結復盤都是非常大的課題，需要持續的學習沉淀。
“我們都曾從象牙塔走入職場，因為對環境業務的不熟悉、對項目流程的不了解，踩過許多的坑，但這都是新人的成長必經之路，希望這堂課程能讓大家對設計流程更了解，讓設計更有價值！”
作者：Sienne；公眾號：VMIC UED
本文由 @VMIC UED 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自 Unsplash，基于CC0協議
文章寫的真好，很有收獲
設計是否有邊界？