编者按：今天这篇好文全篇都是细节，特别是对于各个岗位的职能以及上线流程都非常明晰，相信每一个产品设计师们都可以从中有所收获。
看完本文你会学到：
1. 产品设计全流程
2. 用户体验部门职能
3. 跨部门如何协作
一. 前言
「当你给予一个好的设计流程以信任，一切的结果都将变得简洁而美好。」这是 Facebook 的产品设计负责人 Julie Zhuo 对于设计流程的描述。她甚至认为一个完善的设计流程足以改变整个项目团队的 DNA。
那么当我们面对一个繁琐的项目需求，用户体验设计团队该遵循怎样的设计流程产出高质量的交付物，将业务方的想法落地实现，并在产品上线后进行验证和反馈？同时，在此过程中的每一环节，我们又该分别和哪个团队进行合作沟通？
我们将整个产品设计过程按照顺序分为五个阶段：
- 需求定义
- 需求设计
- 需求开发
- 产品提测
- 产品上线
下面我会依次介绍每一个阶段，用户体验部门的具体职能与合作对象。
二. 需求定义
在最起初，项目需求源自于业务方的愿景和战略。产品团队应在最初的需求评审会上给出清晰的目标描述，这其中包括了需要解决的问题、提供的服务和达到的目标。同时，还应提供需要关注的关键数据指标，比如常见的意向UV、UV点击率、购买转化率等。
在这个阶段，用户体验团队，尤其是用户研究员和交互设计师，需要完成的是根据产品团队所提出的需求，进行全面完整的需求分析。这其中包括了用户场景分析、产品现状走查、数据分析和竞品分析等。
- 用户场景分析：细分目标用户类型、明确使用场景（who/when/where/what）、定位痛点、需求点、决策点，确定场景优先级。
- 产品现状走查：具体的方式可以是用户访谈、用户测试、用户体验地图、眼动追踪和KANO分析等，用于了解产品的功能、性能、内容和体验。
- 数据分析：包括全流程各环节数据、业务转化漏斗、用户行为数据和竞品相关数据。
- 竞品分析：分别从范围层（功能对比）、结构层（功能结构与流程）、框架层（界面信息布局）三个方面进行分析研究。
三. 需求设计
进入到设计阶段，交互设计师首先需要根据具体需求完成交互初稿、原型设计和最终交互定稿方案，交付物在完成组内交互评审后，与产品经理对接，完成评审确认。与此同时，视觉设计师可以进行风格探索尝试、素材搜集整理和初稿的构思设计。在交互方案确认后，视觉设计师开始视觉层面的定稿设计，完成后需要交付给交互设计师和产品经理分别进行评审，确认后完成视觉资源输出（包括切图标注等）。
- 交互初稿设计：分别从范围层（确定展示功能和功能优先级）、结构层（确定功能结构与流程及页面数量）、框架层（梳理页面元素、确定页面元素优先级与基本布局）三个方面进行设计。
- 交互原型设计：明确关键页面&流程、基本交互操作，完成可用性分析/测试（包括用户场景自查、用研专家快速评估、快速反复测试及评估等）。
- 交互定稿设计：生成交互文档（包括详尽的交互说明、埋点要求及说明等）、高保真原型。
- 视觉定稿设计：产出设计定稿图，进行可用性测试（包括专家测试及评估，快速反复可用性测试及评估等）。
四. 需求开发
交互定稿完成后，交互设计师需与产品经理、相关开发团队成员一起进行技术评审，完成整体方案的开发估时。
在视觉方案最终确认后，视觉设计师需与产品经理、相关开发团队成员一起进行需求方案宣讲和技术评审，确认开发团队的最终排期。设计部门需配合开发联调 UI 视觉样式，提前确保设计质量。
五. ?产品提测?
通过交互全流程走查、视觉还原走查、提出界面实现上的视觉问题 (UI bug)、提测阶段全面解决，来保证设计稿精确还原。
?六. 产品上线
对上线数据进行验证，进行数据的收集、分析和总结，了解各种数据指标及相应的意义，利用数据分析结论指导设计。收集、分析、决策用户反馈，对整体项目进行总结复盘，为下一阶段迭代优化做准备。
总结
一个完善的设计流程不仅能帮助我们了解完整的设计周期，同时还能明确我们每个个体在整个项目周期中所扮演的角色，并以此判断所在团队在当前流程的应用情况。每个个体在这个完善的流程下各自展现自身能力，实现自我价值。同时，个体又通过这严密的「工作流」聚合成为一个整体，一起朝着共同的目标而努力，最终打造出拥有高颜值、良好用户体验，同时又能切实解决用户实际问题的好产品。
欢迎关注作者的微信公众号：「 」
「还有哪些值得学习的设计流程」
- 《入门必读！交互设计师浅聊设计流程中的严谨与规范》
- 《涨姿势！超细致的产品设计流程技巧全科普》
- 《产品设计过程中，异常流程设计的那些事儿》
- 《畅快高效！超实用的设计工作流程+神器推荐》
================明星栏目推荐================
优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。
设计导航：国内人气最高的设计网址导航，设计师必备：http://hao..com
