web开发流程图解

一、需求分析阶段

 产品经理PM召集项目相关人员，开需求讨论会、讲解原型

相关人员需理解产品需求，提出质疑：这是什么功能，怎么做，为何这么做：

（1）评估实现难度和实现成本，是否有潜在技术问题/风险

（2）对比一下自己理解的需求图，如有与自己想的不符的，提出质疑

（3）理解PM提出此需求的目的，明白哪些内容是重点，哪些次要，可适当取舍

（4）如有产品要求提供时间，简单项目可以评估，复杂项目不可以马上给出时间，需要仔细评估，评估时间包含开发、自测、测试人员测试、修复bug、上线准备

二、项目开发阶段

 相关人员分头行动：评审—–>分头开发—->合并&联调

2.1产品设计—>PMUEUI

（1）产品经理PM—>画出“产品原型图”（草图），侧重：产品的核心

　　梳理出所有产品功能及流程逻辑 ，每个功能页面上需要哪些功能和数据需要呈现表达出来。

（2）交互式设计师UE—>画出真正的“产品原型图”（细图），侧重：用户的使用感受，人性化，让用户爽

　　协助细化功能点，考虑交互逻辑是否成立，对整个产品交互逻辑要表现清楚，比如：哪个地方需要呈现加载状态，哪个地方创建数据表达，哪里使用弹窗等

（3）视觉设计师UI—>PSD，侧重：使用界面要漂亮

ps:UE和UI非常关键，尤其是在手机app和网站开发中，UE是主观的UI是客观的

　　*论产品美观

　　*论产品交互体验

2.2测试用例—>QA

测试OA人员编写测试用例

2.3前端设计—>FD

前端人员拿到UI设计图，先自我解析需求，画出思维导图，流程图

在未拿到UI给定的PSD时，可以先理清我们的需求

　　（1）依赖外部资源

　　　　后端提供的接口

　　　　UI出土的大概布局、脚本、样式

　　　　后期频繁改动的地方

　　（2）需要实现的效果

　　　　下拉刷新

　　　　动画效果

　　　　吸顶效果

　　　　懒加载、预加载、防抖、节流

2.4后端设计–>RD

项目经理PM（通常由公司有经验的RD担任）组织部门内小型需求项目相关讨论会，完善文档，整理有疑问的地方，与产品、设计等其他人进行反复确认

文档是程序开发的灵魂，除了设计相关的文档外，

在正式进入开发流程前，还需要架构师或项目经理处需求分析文档

需求文档（见底部附件）要对整个项目的历史背景，系统开发软硬件要求、版本信息等等
另一个是有服务端工程师提供的接口文档，包括一些请求类型，传参的数目与健名，还有服务端返回的参数约定等（开发的灵魂，以后测试回溯的标注或依据）