App 的开发过程主要分为以下阶段,本文会按顺序为大家简单地说明:
1. 需求梳理、分析
2. 产品原型图绘制
3. UI设计
4. 项目经理&技术负责人对接需求
5. 技术方案&架构设计
6. 项目排期&任务分解
7. 产品研发阶段
8. 交付测试阶段
9. 最后,按原计划上线;
第一步:需求梳理、分析针对这个idea 来一场从内到外的洗礼,在此假设用户需求分析已经确定,接下来根据提炼的真实用户需求来确定产品需求。产品经理将会根据沟通中的相关资料的 Word、PPT、jpg 等等东西翻译成逻辑语言。最简单的就是产出一张产品功能脑图或者一份功能列表。产品功能脑图;一份功能列表第二步:产品原型图绘制初步产品功能需求梳理清楚之后,产品经理持续跟进,反复沟通确定产品原型图。PS:我们出一般是全局流的图,程序员哥哥们比较喜欢(白眼)。产品原型图同时根据具体的项目需求,会搭配一套产品业务流程的泳道图:产品业务流程的泳道图常规的是用 Axure 出一份带简单交互的原型:简单交互的原型简单点,用墨刀做一份带交互的原型。墨刀带交互的原型第三步:UI 设计UI 设计,包含风格稿和内页设计。风格稿会根据产品需求提供的目标用户类型、客户倾向、LOGO 等信息,以及确定做风格稿的 2-3 个页面的原型图,来进行风格稿设计。待风格稿确认后进行内页设计,包括设计效果、页面元素、弹出页面等等。风格稿▲风格稿所有页面设计完后会统一发给客户做进一步沟通,然后统一修改优化。ZeplinZeplin 能够帮助前端更好地理解设计师意图,而设计师又能快速得到前端反馈的协作,从而减少设计师与前端的沟通错位,使得两者在「界面元素」和「交互动作」上形成一致。ZeplinInVision 用于设计先行能减少后端技术工程问题,设计的迭代越快,软件开发就越能在时间点的把控上做到极简。设计定稿后并不是设计师的工作结束了,之后还有一段周期的切图、标注工作。标注、切图、Sketch多维度运用 Zeplin、Sketch、InVision 等等协作工具从细节上诠释产品开发的每一个产品需求,在时间上保证高效,在结果上保证了产品技术层面与设计层面的完美融合,以及项目的高效进度和最后的优质呈现。第四步:项目经理 & 技术负责人对接需求项目经理对接上这些需求,第一个工作是细化需求,将这些翻译成技术能更好理解地语言,搭配着原型图或设计稿来召开技术会议,统一讲解新项目的需求。细化需求第五步:技术方案 & 架构设计技术负责人在清楚了解整个项目的需求之后会开始构思整个项目的技术方案,根据产品需求,提供易扩展、可持续迭代的技术框架方案。