編輯導語：設計師的日常工作是什麼？互聯網産品是如何從0到1被開發出來的？設計師在其中發揮着什麼樣的作用？如何更好的和項目團隊協作，順利交付我們的設計？一起來閱讀本文了解學習下吧。

中國每年有50萬的設計畢業生，相比之下，能夠進入大廠的寥若晨星。但所有投身于設計的設計師，都有一顆渴望成長的心。《體驗設計師入門實戰課程》是vivo VMIC UED 為新入職設計師量身打造的專業成長課程，是UED全體講師的結晶。現在，我們将這套課程整理成文章發表出來，希望給選擇并從事設計行業的你一點成長的力量。

相信大部分同學剛開始工作都會有這樣的疑問：

互聯網産品是如何從0到1被開發出來的？

設計師在項目流程中承擔怎樣的工作？

作為新人如何對症下藥讓自己的設計方案順利通過評審？

一、為什麼要了解項目流程？

互聯網項目合作中，設計師在整個流程中扮演着向上承接業務目标與用戶需求，向下與研發協作實現産品計劃落地的角色。

在理想的項目流程中，大家都能各司其職，像是流水線一般。但是工作後你就會發現這樣的對話才是工作常态：

也經常能看到你隔壁同事在工位上抓耳撓腮，為方案反複修改或是無法落地愁眉苦臉。所以，作為職場萌新，首先需要了解完整的項目流程是什麼？不同環節要面對的對接方有哪些？如何對症下藥順利産出合格的交付件？

二、What | 項目流程及需求分級

1. 項目&設計流程

首先，項目流程是從概念到最終産品上線的全過程，它不僅是指導設計實踐的模型，也是設計師跨團隊協作溝通與交流的參考依據。

那設計流程和項目流程有何區别？

從接到需求到上線後跟蹤，我們可以将整個設計流程拆分為5個節點：需求分析→交互設計→視覺設計→交付跟進→驗證複盤。

三、HOW | 設計環節

1. 需求輸入

初入職場的同學很容易陷入「上手就幹」的誤區，卻不知道這樣做會給後續工作埋下無數的坑，比如：反複修改設計稿、設計交付延期等情況。這樣反而使得整個項目節奏慢下來，背離初衷，所以設計前第一件事就是了解業務。

（1）需求分析

通常我們接到的需求分為：體驗優化（有數據支撐的疊代）、業務調整（産品戰略升級）、外部環境（政策影響等）。每個類型都有不同的針對策略，且都涉及交互、 UI 風格、視覺、品牌等各類設計的配合。

在接到需求的時候，我們需要思考幾個問題：

1. 産品目标是否明确？期望的結果是什麼樣的？
2. 投入産出比如何？
3. 方案是否可驗證？

評估完需求後，需要和業務方對齊目标及衡量指标，再想想設計如何規劃？

（2）制定計劃：時間&執行計劃

「對設計任務的評估」是設計師的一項重要能力，我們需要評估各模塊優先級，将設計任務拆解成為小段，輸出對應設計排期。

「排期」是設計師對項目組的承諾，我們需要對自己的工作内容做出一個合理的時間預估，同時預見可能存在的風險，确認每個時間點的輸出物有哪些？評估是否需要外部支援等？避免設計側工作延誤影響整體項目上線進度。

2. 交互設計

交互設計師需要通過信息架構的組織去産出體驗流暢的界面原型，确保交互層面的體驗優雅且符合用戶使用習慣。

（1）設計目标拆解

其中，「設計目标的拆解」是交互設計的重要環節。通常是由業務方先提出一個需求，這個需求背後就伴随着一個業務指标，交互設計師則需要将定量指标拆解為有設計執行指向的目标。

（2）選擇設計方法

同時，我們會通過一些方法論來科學的拆解問題，或是查找相關競品選擇性學習，對于設計師來說設計方法有很多種。例如常見的有：目标導向、數據分析、用戶調研、設計走查、用戶體驗地圖、競品分析等。

同時，我們需要熟知各類設計原則，能使我們在設計支撐時，擁有更豐厚的專業度和更敏銳的洞察力。例如HMI、Material Ddesign、上瘾模型、福格模型、格式塔理論等等。

（3）原型優化、交互文檔輸出

交互設計師通過需求分析梳理用戶所有流程的接觸點，快速地理解和診斷流程邏輯。考慮到每種可能性、不同場景的狀态變化，制出對應的交互流程界面。交互文檔是交互最核心的交付件，完整的交互文檔應該包含以下7點内容：需求背景、産品目标、衡量指标、設計分析、設計目标、頁面流程圖（包含界面布局及元素的規則定義）、異常狀态說明。關于「交互文檔的撰寫」會在後續文章中講到，這裡暫時不展開了～

（4）交互評審

完成交互文檔後，會依此發起設計内審和項目評審。

其中「設計内審」是檢視設計專業性的第一關。成員通常為：該需求設計師、主設、及本業務設計專家。交互評審會重點關注：功能是否完整？鍊路是否流暢？步驟是否冗餘？是否易于理解？

保證内審通過的關鍵是科學合理的需求分析，可以附上相關數據、競品分析和解決思路的過程。當方案依次通過内審和項目評審後，産品會基于交互文檔完成策劃定稿，進入視覺執行階段。

當團隊内部對方案達成一緻後會組織正式的項目評審。對項目成員來說，評審通過與否在于設計方案的目标匹配度以及可落地性。

3. 視覺設計

“視覺設計是産品與用戶直接連接的媒介，一個簡單優雅的設計，可以極大地提升産品吸引力。”

同樣，視覺設計也需要依次經過需求分析和目标拆解，确定設計關鍵詞，并基于關鍵詞去衍生映射物、建立圖形情緒闆，最終分析和确定設計方向。

（1）建立設計語言

在建立設計語言的過程中，會先通過設計價值觀推導設計原則，通過設計原則約束設計元素。通常我們會基于情緒版去定義設計語言（具像化思路，更快地找到方向），主要包括圖形、色彩、字體、質感、構成、動效等。

（2）設計呈現&輸出

确定方向後，可以在設計階段多一些嘗試，多一些打磨。與其讓“未來的我”或需求方來指出問題，倒不如先自我審視，也可以邀請身邊同事，請他們來選一選方案并說一說理由。最後再結合設計目标、業務目标和大家的意見輸出最終評審方案。

和交互不同的是，UI評審的重點在于：方案是否完成需求包含的所有設計點？視覺層次是否清晰？視覺表現手法是否處理到位？設計創意是否有服務于設計目标？

同樣，當團隊内部達成一緻後，會進入項目評審階段（此處評審成員及相關注意事項和交互評審相同，這裡就不贅述了）。

關于評審還有幾個經驗和大家分享：

首先是評審前準備：

1. 在項目群發出評審通知，告知評審主題、需要參會人員、時間、地點等。
2. 提供已确認的策劃/設計文檔，讓大家提前了解方案。

Tips：可以提前與産品、開發評估方案可行性，預知可能遇到的問題，降低評審被質疑的風險。

評審後跟進：

1. 第一時間将會上總結的問題和建議在群裡進行結論同步。
2. 和相關人員溝通解決會上遺留問題，如果需要二次評審，則需預定下次評審時間再次通知。
3. 調整方案再次同步相關人員，告知修改内容。

4. 交付驗收

（1）設計交付

通過評審後，就可以交付我們的設計了！而如何正确有效的與開發人員進行溝通就顯得至關重要。

首先是輸出準确完整的頁面的效果圖、标注、切圖，複雜版本可視情況附上UI設計說明和設計規範等（包含界面布局，元素的規則定義、異常狀态說明等），去幫助開發同學更好的理解并還原設計稿。

舉個例子，對于針對複雜的交互動畫，最好交互提供動畫demo及參數标注，更能幫助開發同學準确理解設計意圖。

下圖是遊戲中心閃屏聯動的動效标注：

除了上面說的對細節的考究及挖掘以外，UI設計師一般還會做出一套自己産品的設計規範，目的在于：節省開發效率、節省設計人力、保證多人配合的體驗一緻性等等。

設計落地環節設計師的參與非常重要，前面所有的工作最終是以上線的效果為标準，所以為了讓我們的付出不打折扣，需要在設計驗收時細緻跟進。

（2）基礎驗收流程

在産品正式版發布之前，交互和視覺設計師需要對開發效果進行走查。

基礎驗收流程是：建立驗收文檔——驗收問題錄入——同步&溝通驗收問題【确定問題優先級&跟進機制】——過程中跟進調整情況——上線前複查。

設計師需要将驗收中問題的屬性、範圍、問題描述、責任人等進行單獨說明，将設計稿與開發界面進行截圖對比，标注出差異問題點。

驗收問題影響範圍往往并不相同，比如影響當前功能、多個功能、當前模塊，甚至還有些問題會涉及産品全局，都需要說明清楚。

5. 驗證複盤

（1）設計驗證

設計驗證有很多方式，例如：數據埋點、用戶反饋、線上走查、用戶訪談、可用性測試等。設計驗證能幫助我們回顧當初目标的達成情況，找到存在的問題，成為接下來疊代的依據；同時也是對自身設計經驗的積累。

（2）總結複盤

設計之路上，我們會不斷地在經曆失敗中掙紮前進，但同時也在複盤沉澱中收獲成長。

我們可以通過複盤對設計策略的價值進行總結驗證，并能總結過程中的亮點與不足，制定後續計劃、沉澱相關經驗。

四、寫在最後

需求不斷，設計不止，以上是設計流程上的一些粗顆粒度的經驗分享。在整個過程中設計師的“邏輯思維、設計表現、溝通表達、耐心共情”能力，從前至後，缺一不可。

除此之外，關于溝通、業務理解、項目管理、總結複盤都是非常大的課題，需要持續的學習沉澱。

“我們都曾從象牙塔走入職場，因為對環境業務的不熟悉、對項目流程的不了解，踩過許多的坑，但這都是新人的成長必經之路，希望這堂課程能讓大家對設計流程更了解，讓設計更有價值！”

作者：Sienne；公衆号：VMIC UED

本文由 @VMIC UED 原創發布于人人都是産品經理，未經許可，禁止轉載

題圖來自 Unsplash，基于CC0協議

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部