一个完善的产品设计流程是怎样的？听听美团设计师怎么说

编者按：今天这篇好文全篇都是细节，特别是对于各个岗位的职能以及上线流程都非常明晰，相信每一个产品设计师们都可以从中有所收获。

看完本文你会学到：

1. 产品设计全流程
2. 用户体验部门职能
3. 跨部门如何协作

一. 前言

「当你给予一个好的设计流程以信任，一切的结果都将变得简洁而美好。」这是 Facebook 的产品设计负责人 Julie Zhuo 对于设计流程的描述。她甚至认为一个完善的设计流程足以改变整个项目团队的 DNA。

那么当我们面对一个繁琐的项目需求，用户体验设计团队该遵循怎样的设计流程产出高质量的交付物，将业务方的想法落地实现，并在产品上线后进行验证和反馈？同时，在此过程中的每一环节，我们又该分别和哪个团队进行合作沟通？

我们将整个产品设计过程按照顺序分为五个阶段：

需求定义
需求设计
需求开发
产品提测
产品上线

下面我会依次介绍每一个阶段，用户体验部门的具体职能与合作对象。

一个完善的产品设计流程是怎样的？听听美团设计师怎么说

二. 需求定义

一个完善的产品设计流程是怎样的？听听美团设计师怎么说

在最起初，项目需求源自于业务方的愿景和战略。产品团队应在最初的需求评审会上给出清晰的目标描述，这其中包括了需要解决的问题、提供的服务和达到的目标。同时，还应提供需要关注的关键数据指标，比如常见的意向UV、UV点击率、购买转化率等。

在这个阶段，用户体验团队，尤其是用户研究员和交互设计师，需要完成的是根据产品团队所提出的需求，进行全面完整的需求分析。这其中包括了用户场景分析、产品现状走查、数据分析和竞品分析等。

用户场景分析：细分目标用户类型、明确使用场景（who/when/where/what）、定位痛点、需求点、决策点，确定场景优先级。
产品现状走查：具体的方式可以是用户访谈、用户测试、用户体验地图、眼动追踪和KANO分析等，用于了解产品的功能、性能、内容和体验。
数据分析：包括全流程各环节数据、业务转化漏斗、用户行为数据和竞品相关数据。
竞品分析：分别从范围层（功能对比）、结构层（功能结构与流程）、框架层（界面信息布局）三个方面进行分析研究。

三. 需求设计

一个完善的产品设计流程是怎样的？听听美团设计师怎么说

进入到设计阶段，交互设计师首先需要根据具体需求完成交互初稿、原型设计和最终交互定稿方案，交付物在完成组内交互评审后，与产品经理对接，完成评审确认。与此同时，视觉设计师可以进行风格探索尝试、素材搜集整理和初稿的构思设计。在交互方案确认后，视觉设计师开始视觉层面的定稿设计，完成后需要交付给交互设计师和产品经理分别进行评审，确认后完成视觉资源输出（包括切图标注等）。

交互初稿设计：分别从范围层（确定展示功能和功能优先级）、结构层（确定功能结构与流程及页面数量）、框架层（梳理页面元素、确定页面元素优先级与基本布局）三个方面进行设计。
交互原型设计：明确关键页面&流程、基本交互操作，完成可用性分析/测试（包括用户场景自查、用研专家快速评估、快速反复测试及评估等）。
交互定稿设计：生成交互文档（包括详尽的交互说明、埋点要求及说明等）、高保真原型。
视觉定稿设计：产出设计定稿图，进行可用性测试（包括专家测试及评估，快速反复可用性测试及评估等）。

四. 需求开发

一个完善的产品设计流程是怎样的？听听美团设计师怎么说

交互定稿完成后，交互设计师需与产品经理、相关开发团队成员一起进行技术评审，完成整体方案的开发估时。

在视觉方案最终确认后，视觉设计师需与产品经理、相关开发团队成员一起进行需求方案宣讲和技术评审，确认开发团队的最终排期。设计部门需配合开发联调 UI 视觉样式，提前确保设计质量。

五. 产品提测

一个完善的产品设计流程是怎样的？听听美团设计师怎么说

通过交互全流程走查、视觉还原走查、提出界面实现上的视觉问题 (UI bug)、提测阶段全面解决，来保证设计稿精确还原。

六. 产品上线

一个完善的产品设计流程是怎样的？听听美团设计师怎么说

对上线数据进行验证，进行数据的收集、分析和总结，了解各种数据指标及相应的意义，利用数据分析结论指导设计。收集、分析、决策用户反馈，对整体项目进行总结复盘，为下一阶段迭代优化做准备。

总结

一个完善的设计流程不仅能帮助我们了解完整的设计周期，同时还能明确我们每个个体在整个项目周期中所扮演的角色，并以此判断所在团队在当前流程的应用情况。每个个体在这个完善的流程下各自展现自身能力，实现自我价值。同时，个体又通过这严密的「工作流」聚合成为一个整体，一起朝着共同的目标而努力，最终打造出拥有高颜值、良好用户体验，同时又能切实解决用户实际问题的好产品。

欢迎关注作者的微信公众号：「深知与灼见」

一个完善的产品设计流程是怎样的？听听美团设计师怎么说