前言

不管是即將進入設(shè)計師行業(yè)的新同學(xué)還是在設(shè)計行業(yè)摸爬滾打多年的設(shè)計行業(yè)老人，這份用戶體驗設(shè)計標(biāo)準流程都適用。今天筆者就把這個讓你工作不出錯的工作流程分享給你，供校招生、初入設(shè)計師行業(yè)的新同學(xué)了解未來的工作流程；供行業(yè)老人參照，來檢驗自己工作的嚴謹性。本流程提供標(biāo)準參照，可根據(jù)具體需求靈活使用。

適用范圍：UE、UI、創(chuàng)意設(shè)計師。

下圖為 SOP 流程圖

SOP 制定目的

標(biāo)準設(shè)計流程是在有限時間與資源內(nèi)，為了執(zhí)行復(fù)雜的日常工作所制定的設(shè)計程序?？梢詭椭蠹夜?jié)省時間和設(shè)計資源的浪費，縮短新同學(xué)面對不熟悉且復(fù)雜的需求所花的學(xué)習(xí)時間。幫助大家在設(shè)計過程中不遺漏關(guān)鍵步驟，更加直觀、明確、清晰的了解在設(shè)計過程中每個節(jié)點應(yīng)該關(guān)注的事情，提高工作效率和質(zhì)量，改善有效的節(jié)點，適當(dāng)減少輔助性節(jié)點，刪除無效節(jié)點。

SOP 流程

1. 需求提出

在產(chǎn)品提出需求時，需要設(shè)計師了解需求的背景、規(guī)劃、目標(biāo)、功能、方向、對標(biāo)競品、場景等；這樣可以更加了解業(yè)務(wù)，來輔助后續(xù)的設(shè)計，還可以以不同的視角來協(xié)助產(chǎn)品經(jīng)理完善需求。

同時需要評估需求的可行性，確認需求的必要性，避免無用功，因為有時產(chǎn)品為了達成自己的業(yè)務(wù)目標(biāo)提出的需求對于用戶體驗呈負影響，這時候就需要考驗設(shè)計師對業(yè)務(wù)的了解程度和用戶體驗的把控度，需要平衡商業(yè)和設(shè)計之間的關(guān)系，在不影響用戶體驗的情況下，讓商業(yè)價值最大化。

在需求提出時，設(shè)計師就要參與討論，而不是等到交互評審階段再了解業(yè)務(wù)。

關(guān)于需求分析的更多方法：

2. 需求評審

產(chǎn)品提出需求后需要產(chǎn)品、交互、視覺共同進行需求評審，討論需求功能，產(chǎn)品目標(biāo)等；在大家都達成一致后，進入到下一階段。在此階段需要重點明確需求驗證標(biāo)準和指標(biāo)，同時也可以補充設(shè)計側(cè)希望得到的數(shù)據(jù)，讓產(chǎn)品加入埋點，方便后期驗證設(shè)計，也可以對有不同想法的部分進行 AB 側(cè)，在設(shè)計階段時設(shè)計兩種方案。

3. 研究分析

交互/視覺主導(dǎo)確定設(shè)計目標(biāo)，視需求情況進行用戶/數(shù)據(jù)研究，競品分析等。

并在此階段判斷是否需要交互和用研支持，有些交互簡單、需求明確的需求可以直接進行視覺設(shè)計。在交互資源緊張的時候，可以由交互設(shè)計師提供交互建議，供視覺設(shè)計師參考。時間充裕的大型項目可以申請用研資源的加入，為設(shè)計提供依據(jù)，提升方案的準確性。

4. 交互設(shè)計

在交互設(shè)計階段，交互設(shè)計師需要評估需求，輸出交互排期，發(fā)送排期郵件，抄送相關(guān)利益方；于排期時間內(nèi)根據(jù)需求文檔進行交互設(shè)計。該階段重點放在關(guān)鍵頁面的輸出，重點表達思、不同場景和功能流程。極限情況等細節(jié)說明可在高保真原型交付時產(chǎn)出。

5. 交互評審

產(chǎn)品經(jīng)理、交互設(shè)計師、視覺設(shè)計師參加評審，由交互設(shè)計師講述交互方案，產(chǎn)品經(jīng)理和視覺設(shè)計師補充想法和建議。

6. 高保真原型交付

根據(jù)評審結(jié)論調(diào)整后，輸出高保真原型，必要時增加交互說明，對動畫、不同狀態(tài)、極限情況等進行詳細說明；最后將完整交互方案發(fā)送郵件抄送交互組+視覺設(shè)計師+產(chǎn)品+其他相關(guān)利益方。郵件最好使用內(nèi)部制定的設(shè)計交付郵件模板，以統(tǒng)一標(biāo)準交付。

7. 視覺設(shè)計

在交互設(shè)計師交付后進入視覺設(shè)計階段，視覺設(shè)計師需要評估需求，進行視覺排期，發(fā)送排期郵件給交互、產(chǎn)品等相關(guān)利益方；在高保真交互原型的基礎(chǔ)上進行視覺設(shè)計。設(shè)計時需要根據(jù)當(dāng)前所處的階段將重點放在不同的地方，在產(chǎn)品從 0-1 時，需要把重點放在頁面風(fēng)格/視覺主題的確定上，確定后再進行細節(jié)的設(shè)計；在迭代的時候，需要把重點放在規(guī)范性和視覺稿的細節(jié)上。

其實在交互設(shè)計階段，視覺設(shè)計師就可以開始進行視覺風(fēng)格的嘗試，素材的搜集和方案的構(gòu)思了，做到有備無患，在正式進入設(shè)計階段后能夠更快的進行調(diào)整。甚至可以與交互同學(xué)同步產(chǎn)出交互稿，對比自己與交互同學(xué)思維上的差異，取長補短，提升自己的交互思維，成長為全棧設(shè)計師，不局限于視覺設(shè)計。

8. 視覺評審

先進行內(nèi)部評審，由設(shè)計 leader、交互共同把控設(shè)計品質(zhì)，審核是否符合規(guī)范，對整體交付負責(zé)。內(nèi)部確認后再聯(lián)系產(chǎn)品進行外部評審，由視覺設(shè)計師講解設(shè)計方案并整理收集意見，產(chǎn)品負責(zé)人、視覺設(shè)計師、交互共同確定最終方案。

9. 設(shè)計交付

輸出設(shè)計稿、標(biāo)注、切圖、動效文件；必要時增加設(shè)計說明，對布局、動畫、不同狀態(tài)、極限情況等進行詳細說明；發(fā)送郵件抄送設(shè)計組+交互+產(chǎn)品+其他相關(guān)利益方。

10. 驗收跟進

在開發(fā)結(jié)束進入測試階段時，視覺和交互同時進行設(shè)計驗收工作，輸出走查報告（可根據(jù)各司要求制定驗收模板），開發(fā)調(diào)整后進行二次走查，直至全部調(diào)整完，設(shè)計還原度達到 95%以上才能上線。如果在上線截止時間前還未調(diào)整完，需要與開發(fā)同學(xué)確定遺留問題修復(fù)時間點，后續(xù)持續(xù)跟蹤優(yōu)化。

11. 設(shè)計復(fù)盤

需求上線后，需要收集產(chǎn)品數(shù)據(jù)效果，關(guān)注成果與不足；對中大型項目進行總結(jié)沉淀，輸出項目總結(jié)文章或分享。對于做 AB 測的需求，分析兩個方案呈現(xiàn)的數(shù)據(jù)，總結(jié)數(shù)據(jù)反饋好的方案的優(yōu)勢，數(shù)據(jù)反饋差的方案的問題所在，對結(jié)論進行沉淀，以輔助后續(xù)相似需求的產(chǎn)出和問題規(guī)避。

寫在最后

流程掌握后，關(guān)鍵在于實際項目中的的運用，不同重量級和優(yōu)先級的需求可以酌情調(diào)整流程。需求的緊急程度和大小都會影響流程的完整性，遵循整個流程可以保證你的設(shè)計不出錯，讓你的設(shè)計更嚴謹。

歡迎關(guān)注「58UXD」的微信公眾號：