在設計領域，標準操作流程（SOP）不僅是提高效率和規范化的關鍵，更是設計師在復雜項目中保持清晰思路的燈塔。無論是瀑布流開發模式還是敏捷開發模式，設計SOP都能幫助設計師在面對復雜需求時，有條不紊地推進工作。標準設計流程可以像燈塔一樣照亮我們的設計之路，避免拿到需求就開干、跟著感覺做設計、不會跟進檢驗設計等問題。

什么是設計SOP？

設計SOP，即標準化的設計流程，是將設計工作的關鍵步驟和要求以統一格式描述出來，便于指導和規范工作。它并非一成不變，而是需要根據團隊實際情況靈活調整，避免流于形式。其核心價值在于：規范化：確保每個設計環節都有章可循；高效性：減少重復勞動，提高設計效率；一致性：保持團隊內部的設計風格和流程一致。

制定設計SOP的目的

在設計團隊中，每位設計師都擁有獨特的經驗和工作習慣。然而，這些習慣雖然多樣，但并不一定完全規范或高效。這時，設計SOP（標準操作流程）的存在就顯得尤為重要。它不僅幫助新成員快速融入團隊，確保設計流程的完整性和一致性，還能提升工作效率和質量，增強團隊協作的協同性。通過設計SOP，團隊可以更好地應對復雜多變的設計需求，實現高效、高質量的設計交付，同時為持續優化奠定堅實基礎。

• 新成員加入團隊時，往往需要時間去適應新的工作環境和流程。設計SOP為他們提供了一份清晰的“入門指南”，幫助他們快速了解設計流程的各個環節，明確從需求分析到最終交付的每一步操作。這種標準化的流程能夠顯著縮短新成員的學習曲線，使他們更快地投入工作，減少磨合期的效率損失。
  

• 設計SOP的另一個重要作用在于規范設計流程，避免關鍵步驟的遺漏。在面對復雜或不熟悉的需求時，即使是經驗豐富的設計師也可能因疏忽而遺漏重要環節。而SOP的存在就像是一份“檢查清單”，明確了每個節點需要完成的任務、重點關注的內容，以及哪些步驟是不可或缺的，哪些則可以根據項目需求靈活調整。這種清晰的指引能夠確保設計工作的系統性和完整性，避免因遺漏關鍵環節而導致的設計失誤。

• 設計SOP通過標準化流程，減少了團隊成員在工作方式上的差異，從而提高了整體工作效率。當團隊成員都遵循統一的流程時，溝通成本大幅降低，協作更加順暢。同時，SOP還能幫助設計師專注于創意和設計本身，而不是在流程上浪費過多精力。這種高效的工作模式不僅提升了設計質量，還確保了設計成果的一致性和專業性。

• 在團隊協作中，設計SOP為不同角色（如產品經理、開發人員、測試人員等）提供了共同的語言和標準。通過明確每個節點的交付物和責任，SOP能夠確保團隊成員之間的協作更加緊密，減少因誤解或信息不對稱導致的沖突。這種協同性不僅提升了工作效率，還增強了團隊的整體凝聚力。

• 設計SOP并非一成不變，而是可以根據項目經驗和團隊反饋不斷優化和調整。通過記錄和分析設計流程中的問題，團隊可以持續改進SOP，使其更加貼合實際需求。這種動態優化的過程不僅提升了設計效率，還推動了團隊的持續進步。

設計SOP的5個關鍵步驟：需求提出 - 交互設計 - 視覺設計 - 交付跟進 - 檢驗優化

步驟一、需求提出

在設計流程中，需求的提出和分析是至關重要的第一步。通常，產品經理會提出需求，但設計師的角色并非僅僅是執行者，而是深度參與者和推動者。通過深入理解業務和用戶訴求，評估需求的可行性和必要性，并協助產品經理完善需求，設計師能夠確保設計方向的正確性。同時，早期介入和主動發現機會點，能夠使設計師從執行者轉變為價值創造者，為產品和業務的成功奠定堅實基礎。

1.1 需求分析

→ 背景分析

了解背景通常是跟產品或者業務方去了解，可以借鑒5WH分析法深入了解需求。（5W1H分析法又成六何法、還有5W2H七何法、5W3H八何法）

• What - 需求是什么？產品的定位、目標、價值等是什么？

• Who - 給誰用？什么樣的用戶？人群年齡、性別、行為偏好、興趣特征

• Why - 為什么做？想要解決什么？

• Where - 應用場景是什么？用戶使用習慣是什么？用戶體驗地圖、場景特征、用戶心理

• When - 什么時候開始和完成？也就是排期，需求節點、優先級

• How - 應該怎么做？可以先了解討論大致思路、參考、原型等

• How much - 做到什么程度？指標如何？

有時跟產品/業務方了解相關信息還遠遠不夠，設計師還要根據需求情況進行用戶/數據研究、競品分析。

→ 用戶分析

深入了解用戶，挖掘用戶行為習慣，可以幫助設計師更好地了解產品和用戶，從而思考更全面、具體，找到合適的設計方向和策略（方法）。

用戶分析（研究）通常需要了解：用戶畫像、用戶需求、用戶行為、用戶路徑、使用場景等。

用戶分析方法有：定量/定性分析、同理心地圖、用戶體驗地圖等。

→ 競品分析

知己知彼百戰不殆，競品跟蹤和分析是設計師日常工作之一，競品分析可以幫助我們很好的了解對手和行業標桿，減少思維盲區，提供可量化的標準，基于競品做出更優秀的方案。

體驗設計師做競品分析，分析維度主要有：競品定位、主要功能、產品結構、頁面布局、交互動效、視覺設計、優劣勢對比、迭代動向等。

競品分析方法有：從用戶體驗五要素拆解分析，也可以從市場、商業、產品、設計等維度分析。

→ 對齊目標

設計最終是為業務和用戶服務的，設計目標也是從業務 / 產品目標和用戶目標推導出來的。因此設計師在設計前一定要問清楚該需求的目標，只有知道方向才能更好更快的抵達。

設計目標可以歸納為4類：解決問題型、提升數據型、體驗優化型、創新項目型，同時還要看產品處于什么階段：啟動期、成長期、成熟期、衰退期。結合業務目標和用戶目標推導+拆解設計目標，針對不同的設計目標制定相應的設計策略。

→ 需求評估

設計師對背景、用戶、競品、目標等方面都了解清楚后，就可以幫助產品經理評估需求，判斷需求的可行性、必要性、優先級等。

針對不同類型的需求：0-1產品類、產品改版類、功能新增或優化類，策略也會有所不同。

需求評估方法有：KANO模型、馬斯洛需求層次分析、邏輯樹、用戶調研訪談等。

1.2 需求評審

設計師參與需求評審，更多地從用戶、設計、體驗等角度參與討論產品目標、需求功能、使用場景和流程等；需求明確且各方達成一致后進行設計。另外，還要明確需求驗證的標準和指標，從設計側補充埋點，便于后續驗證設計。

步驟二、交互設計

交互設計要做的是如何合理組織產品內容（信息架構）？并思考如何與用戶互動？設計師需要充分理解業務和目標、整體流程和交互原型，基于設計原則判斷其合理性，發現可優化的地方，并且能平衡產品、設計、開發的效益，提升效益的同時也能提升產品體驗。交互設計環節并不是每個需求都需要，可根據具體需求而定，對于流程比較簡單的需求，可以直接進行視覺設計，但同樣需要交互分析。

2.1 交互設計或分析

→ 設計原則

在進行設計時，需要遵循公認的經驗準則，其目的是避免出現常識性的設計問題。因此設計師需要熟知各類設計準則，并能融會貫通，作為設計依據和支撐。除了需要了解常見的基礎設計規范：ios、android平臺規范，還要了解常用的設計原則，比如互動設計的費茨定律、雅各布定律、多爾蒂門檻、二八原則、防錯/容錯原則等；界面設計的交互四原則、格式塔理論、奧卡姆剃刀原理、席克定律等。

→ 流程梳理

設計師通過流程再梳理和分析，可以快速理解和檢查流程。

在做流程設計或流程時，需要注意：

功能是否完整？

鏈路是否走通？是否流暢？

步驟是否冗余？

是否易于理解？

好的流程設計不僅能夠幫助用戶完成目標，還能給用戶帶來很好的體驗感和驚喜。

→ 原型優化

不同的產品經理繪制的原型圖細化程度有所不同，有的很粗糙，有的很細致，甚至有的產品經理是不畫原型圖的。無論哪種，設計師都需要在交互設計階段優化產品原型，考慮得越全面和細致，視覺設計時就能更順利，避免返工。

優化產品原型的過程，需要注意：

信息架構是否符合目標？

層級是否足夠精簡？

信息傳達是夠準確？

狀態是否缺失？

→ 交互稿輸出

經過流程梳理和原型優化后，就可以輸出交互稿了。該階段主要是抓重點，注重思考流程梳理、思考不同場景等，輸出關鍵頁面和必要說明，次要頁面和功能、極限情況等都可以等關鍵頁面確定后再補充，或在視覺設計時體現。

2.2 交互評審

交互稿完成后，需要和產品經理、業務方等進行評審，由設計師講述交互方案，其他人補充想法和建議。根據評審結論再次調整和修改完善，補充其他次要頁面、極限情況等。

步驟三、視覺設計

交互設計確定后就可以進入視覺設計階段了。視覺設計是用戶體驗的表現層，離用戶最近；用戶主要通過視覺、聽覺、觸覺真切感受到產品的外在。好的視覺設計，可以讓產品會“說話”，不僅能夠正確地延續上層確立的產品思路，還能傳遞品牌印象、提升產品吸引力，助力相關指標提升。不同的階段視覺設計的側重點有所不同：從0-1時，側重風格定義、設計語言定義；迭代優化時，側重視覺稿的細節、設計語言的規范性和完整性。

3.1 視覺設計

→ 設計情緒板

情緒板有點類似于找設計參考。在設計初期，快速地找到能夠反映設計方向和風格的參考素材，可以是圖像、插畫、界面、草圖等。將通過情緒板明確視覺設計方向，具象化表達，有助于與設計同伴/領導/產品側各方達成相關的設計共識，以此指導具體的視覺設計。

設計情緒板通常可以這樣做：

1、前期分析：分析相關背景、產品定位、用戶需求、戰略規劃等，以此進一步分析設計方向并收集相關素材內容；

2、篩選組合：大量收集素材后，需要二次篩選并組合，確定設計方案結構（都包含哪些方面）；

3、打磨呈現：打磨并細化，檢查整體風格統一性和完整性，建議每個設計方案用一頁呈現，只需出2-3個左右即可。

UI設計情緒板主要包括：圖形風格、配色方案、字體字形風格、構成風格（界面形態）、質感材質、插畫風格、動效方向等。

→ 設計語言

設計語言作為一種“溝通方式”，有助于內容和信息的傳遞，也就是設計規范，完整的設計規范可以推動后續設計效率的提升。設計語言是情緒板的具象表達，是用戶體驗的表現層，用戶的視覺感知層。

在確定設計情緒板后（也就是確定設計方向），設計師要基于選定的情緒板去定義設計語言，基本構成要素就是形 、色 、 字 、 構 、 質 、動。

→ 典型頁面

典型頁面可以代表整個產品的基調和風格，也是設計語言最直接的體現。典型頁面有助于制定設計規范，確定好了后，其他頁面就可以參考進行設計了。

輸出典型頁面時，我們需要同步去規范顏色、文字、按鈕、組件、模塊等，力求達成最佳效果，為視覺規范打好基礎。

→ 視覺稿輸出

設計好典型頁面后，可以先設計內部討論確定，然后和業務方、產品經理簡單過一遍，確定沒問題，就可以以典型頁面為基準輸出其他頁面了。全部視覺稿輸出完成，還需要在交互說明的基礎上補充完善設計說明。

3.2 視覺評審

視覺稿完成后，需要先內部評審，設計leader、其他設計同學一起把控設計品質，檢查是否符合規范、是否有遺漏和缺失、是否能夠達成設計目標、細節設計是否到位等。內部確認后再進行外部評審，設計師在講解時一定要闡述完整，說明開發時需要注意的地方。還需要收集整理會上大家的意見，會后修改完善，最終確定方案。

3.3 組件規范

新產品和迭代產品制定組件規范會有所不同：

1、從0-1時，不用太專注規范，而是要把重點放在視覺主題、頁面風格的探索和確定。其實在設計典型頁面時，一套設計規范和組件已經有雛形了，在后續迭代中，就可以梳理和沉淀規范組件，形成一套完整的設計系統，提高統一性和迭代效率。

2、產品迭代時，不同的設計師都需要按照一套規范進行設計，設計規范并不是定死了不能改，需要根據項目實際情況優化和更新。

組件規范的建立方法常用到形色字構質動和原子設計理論。

→ 基礎規范

基礎規范是原子理論的最小單位-原子，包括色彩、字體、間距、圓角、透明度、陰影等，也包括輸入框、按鈕、圖標、標簽等。

→ 圖標庫

一個產品通常會有很多圖標，制定圖標規范方便圖標拓展。用標準柵格繪制，定義筆畫、圓角、色彩等；同時還需要規范常用的圖形，比如空狀態插畫等。有時設計師需要設定多套圖標風格。

→ 組件庫

組件庫是對功能和視覺表達中元素的拆解、歸納、重組，形成規范化的組件，結合開發封裝成可復用的組件庫；從而保證視覺風格的統一性、交互的一致性，能夠快速構建各種使用場景。

一套完整的組件庫通常包含：通用、布局、導航、數據輸入、數據展示、消息提醒、反饋、其他等。除此之外，還需梳理常用模塊，沉淀業務組件庫。

步驟四、交付跟進

設計還原度是設計最終展現結果的體現，通常對設計還原度要求在95以上，不然設計摳細節就失去了意義。決定設計還原度的兩個步驟是設計交付和驗收跟進。

4.1 設計交付

輸出完整的設計稿、標注、切圖、動效文件、設計說明等。設計說明包含對操作流程、布局、不同狀態、極限情況等進行詳細說明，特別是評審中開發特別確認的交互邏輯，標注清楚可以避免歧義和遺漏，減少反復溝通確認。

4.2 驗收跟進

設計驗收是為了確保滿足需求、體驗流暢、設計細節落地到位。開發結束后進入測試階段，設計師就可以進行設計驗收了。驗收結果以走查報告在線文檔對接，跟蹤檢查開發二次走查情況，設計還原度通常要求達到95%以上才能上線。走查報告需注明優先級，方便開發優先調整，如果在上線截止時間還沒調整完，需要和開發確定遺留問題修復的時間點，后續持續跟蹤優化。

步驟五、檢驗優化

有始有終，設計也是如此。都說設計目標非常重要，那怎么知道設計目標有沒有達成，那就必須跟進檢驗，未達成還需要進一步優化。

5.1 驗證總結

上線后設計師需要收集相關的數據結果，可以通過埋點，也可以通過需求方、用戶等的反饋評價對設計價值進行評估驗證。上線不是結束，需要總結亮點和不足，加以優化；大中型項目還需要總結沉淀方法和經驗，便于提升未來設計的準確性，也便于復用提效。

5.2 需求迭代

上線后設計師需要收集和發現問題，通過復盤對設計策略的價值進行總結驗證，發現流程中的不足之處，制定后續的優化計劃，推動或者發起優化迭代需求。

設計SOP并不是金科律令，我們需要掌握，但也不要被框死。在實際項目的運用中，大致的流程可以保證我們的設計不出錯，讓設計更嚴謹，但不同的項目和需求，根據需求的優先級和項目的復雜度，均可根據具體情況稍微調整流程。