精品必看,最完整的APP开发完整流程,值得收藏 - APP开发 - 深圳网站建设,微信APP开发,网店装修,艺之都网络公司官网

APP开发

你的位置: 首页>>我的观点>>APP开发


精品必看,最完整的APP开发完整流程,值得收藏

点击数:202019-04-01 14:55:09 来源: 深圳网站建设,微信APP开发,网店装修,艺之都网络公司官网

APP从产品筹划到最后上线,会经历很多个步骤和过程,需要细致的计划和执行,对于产品经理来说,就需要有一个 checklist,随时来检查不同阶段和所需要完成的事项,以确保产品的顺利诞生。

1.产品定义App definition

对产品(app)进行定义,用一句话或者简短的一段话把产品清晰地说明白是干什么用的、给用户带来的价值是什么。

产品定义

精品必看,最完整的APP开发完整流程,值得收藏

当时做 Movie+ Windows app 时候对这个 app 的定义

2.用户研究User study

针对用户的研究,分析产品的目标受众,他们的特点,很多时候要建立 Persona(一个具体的用户模型)来帮助进行行为分析。

用户研究

精品必看,最完整的APP开发完整流程,值得收藏

3.用户使用流程图User flow

一个产品的流程图,用户是怎样在这个 app 种完成使用过程的。有的产品经理也会通过一些在在线的工具(如墨刀 Mobile App Prototyping Tool Without Headache )把用户操作和交互流程做出来。

流程图

精品必看,最完整的APP开发完整流程,值得收藏

低精度手绘的流程。可以快速低成本地描述用户行为和产品路径

精品必看,最完整的APP开发完整流程,值得收藏

高精度的产品流程

4产品功能列表Feature list

产品功能罗列,要尽量详细地规划好有哪些功能,并且按照优先级排序,以方便未来开发的调整。

需求分析

精品必看,最完整的APP开发完整流程,值得收藏

5.容框架Content framework

这个文档规划了产品上呈现什么样的内容,内容是怎样在app各个界面分布的。对于以内容呈现为主要的 app/网站这个尤为重要。

内容框架

6.原型图Wireframe

根据产品流程图、功能列表、内容等制作的框线图,确定了整个app的功能和内容在各个界面的分布,确定了各个界面的 layout。

原型图

精品必看,最完整的APP开发完整流程,值得收藏

低精度手绘的Wireframe

精品必看,最完整的APP开发完整流程,值得收藏

高精度的原型图

7.设计风格收集Mood board

在设计之前,设计师需要根据产品的定义和用户群体来收集各种适合产品的设计参考,以便确定产品的风格方向。

风格参考

精品必看,最完整的APP开发完整流程,值得收藏

把各种好看的设计、插画、别的app的界面集合在一起寻找灵感

比如icon的风格,颜色的搭配、排版的布置等等

8.设计样稿Design mockup

设计风格稿,一般可以是 app 的首屏或者几个主要的界面,来确定整体风格。

风格确定

精品必看,最完整的APP开发完整流程,值得收藏

一般确定几个重要的页面让设计师出风格稿,确定了再往下按照Wireframe进行设计。

9.设计样式集Style guide

根据风格稿的定稿把确定的颜色方案、文字大小、间距、按钮样式、表单样式、图标等 UI 元素全部归纳到一个 PSD 或者 AI 等文档中,方便以后其他界面设计的复用和统一。

设计规范

精品必看,最完整的APP开发完整流程,值得收藏

这里推荐一个做得很好的 Style Guide 供大家参考

Barricade Style Guide

10.界面设计Detail interface design

根据 Wireframe 和设计样式对余下界面进行精确的设计。我们一般在 Sketch 这个适量 UI 设计软件里进行,不管设计 iOS 或者是 Android 的 app,我们都建议从@1X(一倍大小进行设计)。

UI设计

11.交互说明Interaction document

结合了最终的设计界面来描述整个 app 的操作、状态变化等交互过程。当然对于动态效果来说,语言的描述是很有限的

交互文档

12.尺寸标注说明Dimension marking

在主要界面上对文字、图片、按钮和表单等的大小、位置、间距进行标注,以方便开发人员编写代码。

尺寸标注

精品必看,最完整的APP开发完整流程,值得收藏

实例“马克鳗”进行标注

13.界面切图Images slicing for development

按照开发需求对界面图片和元素进行切图。一个小小的 tips,为 iOS app UI 切图的时候,我们可以在 Sketch 里直接输出一倍大小(@1X)的 PDF 格式的素材,放到 Xcode 里,系统会自动根据 PDF 文件生成2倍和3倍的图,非常方便。

界面截图

精品必看,最完整的APP开发完整流程,值得收藏

大多数情况下,输出1倍大小的PDF文件即可

14.开发Development

产品开发过程中通常会包括功能或者效果的修改,从而需要调整设计和内容的情况。如果你对技术一点也懂,那就需要你信赖你的技术团队,如果你想要了解更多他们的工作,你不妨开始学习一下开发,懂得一些基本原理,要不然沟通起来确实会是个问题。

开发

15.测试Bug report Bug

开发基本完成,提交内部测试,并收集 bugs,进行修改完善,并最终提交商店审核。

测试

虽然说是一个 Chekclist,但整个下来也可以看作是一个全面的过程了,最开始的一些步骤可以简化甚至是省略,但是好的产品是需要一个严谨的过程来确保的,希望对于要创造自己产品的朋友有所帮助,起码可以熟悉一下一个产品从想法到真正实现需要哪些步骤。

优势

SUPERIORITY

为一流企业提供金牌网络服务

我们为客户提供一站式服务,没有最好的方案,只有最适合每个企业的设计方案……

理念

IDEA

持续追求更高品质

艺之都团队的十年,是一个典型的技术团队成长的十年。一群年轻人,追着梦想,从无到有,从痴迷小组到精英团队艺之都从成立的那一天开始永放光芒……

售前咨询
0755-33563420
免费网络问题咨询
免费网络解决方案策划
免费网站问题诊断
免费网店问题诊断
免费网站网店推广咨询
服务与支持
网站建设
微信开发
APP开发
网店装修
网站推广
网店运营
大数据服务
营销培训
服务器租赁
账号与支持
合同申请
转账付款
线下汇款
索取发票
快速入口
网站管理
备案管理
账号管理
域名信息查询
域名控制台
服务器控制台
其他服务
客户案例
新品活动
海外服务
技术论坛
注册公司
财务代理
VI设计
资源推荐
提交建议
关注艺之都网络
企业决策者必读
艺之都网络APP
艺之都微信
艺之都微博
艺之都服务中心

核心产品:  营销型网站系统  微信分销商城系统  网店运营系统  大数据精准营销系统  域名注册备案  游戏开发运营

增值服务:  工商注册  财务代理  VI设计  LOGO设计  营销策划  网站备案  短信服务  企业邮箱  WHOIS查询  网站模板  服务器维护

更多推荐:  企业线上方案  品牌线上方案  线上商城方案  社交直播方案  医疗网络方案  旅游线上方案  精准营销方案

关于艺之都    法律声明    廉政举报    荣誉查询    友情链接

艺之都网络  深圳网站建设  东莞网站建设  广州网站建设  上海网站建设  北京网站建设  南阳网站建设  【添加分公司链接】

2007-2019 yizhidou.com 版权所有粤ICP备:14099120号-3

深圳市艺之都网络科技有限公司  深圳市龙岗区坂田商业广场禾田步行街二层