美文网首页
前端产品开发流程

前端产品开发流程

作者: 连明堂 | 来源:发表于2018-10-21 19:43 被阅读44次

搞清楚需求、问题,再动工再想办法,避免没有目的的猜测和准备以至于浪费时间。

第一步:分析 | 拆分需求
关键结果:明确工作量(那几个页面)、不确定点(难点、优先级高的重点)
关键结果:任务分配时间 | 具体到人。任务和开发记录,反馈在gitlab和git提交记录上。
关键结果:针对需求,制定开发方案(目标);用什么框架(省力、成本、省时、模块归类统一处理),针对难点、数据结构和格式、用户量级、不确定问题如何处理;测试、安全性、稳定性、容错性。

第二步:确认需求、架构、设计、整理成一套模板,从局部开始优化改进,待以后有条件再一并优化。
关键结果:开发前确认需求,定位需求,进行需求反馈和确认
关键结果:架构好框架
关键结果:跟设计师统一设计规范,统一主题、交互、模板等,最终设计师给出一份设计规范

第三步:理清业务、逻辑,对应实现静态和交互(完成度尽量高 | 80%)
先写基本样式、再写逻辑、后交互过渡、后动画
关键结果:拆分模块
关键结果:正确实现原型 | 走通流程
关键结果:抽出公共的组件、模块、方法
关键结果:找更优雅的方式实现,做rewrite、精炼,而不是低水平的重复。

第四步:动态数据与后端联调
关键结果:跟后端沟通好,确定数据的结构和格式;是否需要增加测试的接口
关键结果:动态数据 | 考虑各种情况(空、loading等)

第五步:好产品,4步对结果后交付
关键结果:完成功能,兼容浏览器 | 大小屏幕,简单的排错(文字、排版、字段是否正确、状态等)
关键结果:整合,统一公共的样式、功能、交互
关键结果:精华版,删减优化抽出
关键结果:艺术化处理,多种形式、方式表达
关键结果:仔细检查(rewrite),因为我们前端是所有工作的最后一步。

第六步:自测(出产品)
关键结果:没有正确实现的、没有考虑到的需求、粗心疏漏的、需求不确定的或改动的

相关文章

  • 开发流程

    前端开发流程梳理 ```tex 1 产品需求 产品调研 2 设计开发 设计开发 设计评审 3 后端开发 后端提...

  • 挖一掘:模糊的前端 为啥是非常非常重要?

    模糊前端,是新产品开发流程的一个概念。 在讲解“新产品开发流程”时,模糊前端的重要性做了十分的强调。 原文描述是...

  • 前端产品开发流程

    搞清楚需求、问题,再动工再想办法,避免没有目的的猜测和准备以至于浪费时间。 第一步:分析 | 拆分需求关键结果:明...

  • App研发流程规范

    移动APP项目研发流程规范: 其中,产品需求文档 > 前端开发两个版本 、UI设计 > 前端开发一半个版本、 后台...

  • 虎牙前端职位信息

    职位描述 1. 负责公司Web前端直播产品的相关开发任务。 2. 负责梳理和优化前端开发流程,搭建高效集成的前端开...

  • HTML/CSS 知识点

    整个前端开发的工作流程 产品经理提出项目需求 UI出设计稿 前端人员负责开发静态页面(跟前端同步的后台人员在准备数...

  • >10.21产品思维

    10.21产品思维人机交互--操作逻辑--界面美观 1、互联网产品开发流程 产品-ue/ux-UI-前端-后台-测...

  • 移动设计

    一 设计流程 1. Web app产品流程 需求->交互原型->视觉效果图->前端demo->开发->测试->上线...

  • 产品设计细节里的魔鬼

    在移动产品设计过程中,要保证产品从进入规划->设计->前端开发->后台开发->UAT->到发布全部链路流程都有质量...

  • 陈沫沫-初识HTML之基础篇

    前端认知 ** 一、公司开发流程**1、 产品需求(产品经理给需求文档)2、项目设计(视觉设计师给PSD文件,交互...

网友评论

      本文标题:前端产品开发流程

      本文链接:https://www.haomeiwen.com/subject/npcizftx.html