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

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

2017/12/08 9937评论区

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

看完本文你会学到:

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.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/product-design-process-meituan

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 设计师专访 视觉设计 素材下载 设计流程 web前端开发 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里