用户体验设计标准流程：一张图让你工作无失误

01

前言

不管是即将进入设计师行业的新同学还是在设计行业摸爬滚打多年的设计行业老人，这份用户体验设计标准流程都适用。今天笔者就把这个让你工作不出错的工作流程分享给你，供校招生、初入设计师行业的新同学了解未来的工作流程；供行业老人参照，来检验自己工作的严谨性。本流程提供标准参照，可根据具体需求灵活使用。

适用范围：UE、UI、创意设计师。

下图为SOP流程图（私信回复“SOP”，系统自动发送高清大图）

02

SOP制定目的

标准设计流程是在有限时间与资源内，为了执行复杂的日常工作所制定的设计程序。可以帮助大家节省时间和设计资源的浪费，缩短新同学面对不熟悉且复杂的需求所花的学习时间。帮助大家在设计过程中不遗漏关键步骤，更加直观、明确、清晰的了解在设计过程中每个节点应该关注的事情，提高工作效率和质量，改善有效的节点，适当减少辅助性节点，删除无效节点。
03

SOP流程

1.需求提出

在产品提出需求时，需要设计师了解需求的背景、规划、目标、功能、方向、对标竞品、场景等；这样可以更加了解业务，来辅助后续的设计，还可以以不同的视角来协助产品经理完善需求。

同时需要评估需求的可行性，确认需求的必要性，避免无用功，因为有时产品为了达成自己的业务目标提出的需求对于用户体验呈负影响，这时候就需要考验设计师对业务的了解程度和用户体验的把控度，需要平衡商业和设计之间的关系，在不影响用户体验的情况下，让商业价值最大化。

在需求提出时，设计师就要参与讨论，而不是等到交互评审阶段再了解业务。

2.需求评审

产品提出需求后需要产品、交互、视觉共同进行需求评审，讨论需求功能，产品目标等；在大家都达成一致后，进入到下一阶段。在此阶段需要重点明确需求验证标准和指标，同时也可以补充设计侧希望得到的数据，让产品加入埋点，方便后期验证设计，也可以对有不同想法的部分进行AB侧，在设计阶段时设计两种方案。

3.研究分析

交互/视觉主导确定设计目标，视需求情况进行用户/数据研究，竞品分析等。

并在此阶段判断是否需要交互和用研支持，有些交互简单、需求明确的需求可以直接进行视觉设计。在交互资源紧张的时候，可以由交互设计师提供交互建议，供视觉设计师参考。时间充裕的大型项目可以申请用研资源的加入，为设计提供依据，提升方案的准确性。

4.交互设计

在交互设计阶段，交互设计师需要评估需求，输出交互排期，发送排期邮件，抄送相关利益方；于排期时间内根据需求文档进行交互设计。该阶段重点放在关键页面的输出，重点表达思、不同场景和功能流程。极限情况等细节说明可在高保真原型交付时产出。

5.交互评审

产品经理、交互设计师、视觉设计师参加评审，由交互设计师讲述交互方案，产品经理和视觉设计师补充想法和建议。

6.高保真原型交付

根据评审结论调整后，输出高保真原型，必要时增加交互说明，对动画、不同状态、极限情况等进行详细说明；最后将完整交互方案发送邮件抄送交互组+视觉设计师+产品+其他相关利益方。邮件最好使用内部制定的设计交付邮件模板，以统一标准交付。

7.视觉设计

在交互设计师交付后进入视觉设计阶段，视觉设计师需要评估需求，进行视觉排期，发送排期邮件给交互、产品等相关利益方；在高保真交互原型的基础上进行视觉设计。设计时需要根据当前所处的阶段将重点放在不同的地方，在产品从0-1时，需要把重点放在页面风格/视觉主题的确定上，确定后再进行细节的设计；在迭代的时候，需要把重点放在规范性和视觉稿的细节上。

其实在交互设计阶段，视觉设计师就可以开始进行视觉风格的尝试，素材的搜集和方案的构思了，做到有备无患，在正式进入设计阶段后能够更快的进行调整。甚至可以与交互同学同步产出交互稿，对比自己与交互同学思维上的差异，取长补短，提升自己的交互思维，成长为全栈设计师，不局限于视觉设计。

8.视觉评审

先进行内部评审，由设计leader、交互共同把控设计品质，审核是否符合规范，对整体交付负责。内部确认后再联系产品进行外部评审，由视觉设计师讲解设计方案并整理收集意见，产品负责人、视觉设计师、交互共同确定最终方案。

9.设计交付

输出设计稿、标注、切图、动效文件；必要时增加设计说明，对布局、动画、不同状态、极限情况等进行详细说明；发送邮件抄送设计组+交互+产品+其他相关利益方。

10.验收跟进

在开发结束进入测试阶段时，视觉和交互同时进行设计验收工作，输出走查报告（可根据各司要求制定验收模板），开发调整后进行二次走查，直至全部调整完，设计还原度达到95%以上才能上线。如果在上线截止时间前还未调整完，需要与开发同学确定遗留问题修复时间点，后续持续跟踪优化。

11.设计复盘

需求上线后，需要收集产品数据效果，关注成果与不足；对中大型项目进行总结沉淀，输出项目总结文章或分享。对于做AB测的需求，分析两个方案呈现的数据，总结数据反馈好的方案的优势，数据反馈差的方案的问题所在，对结论进行沉淀，以辅助后续相似需求的产出和问题规避。

04

写在最后

流程掌握后，关键在于实际项目中的的运用，不同重量级和优先级的需求可以酌情调整流程。需求的紧急程度和大小都会影响流程的完整性，遵循整个流程可以保证你的设计不出错，让你的设计更严谨。

作者：王雪珂 58同城用户体验设计中心视觉设计师