1.3 项目流程

1.3.1 开发App软件的8个步骤（瀑布式）

①规划：规划出业务流程图，并将业务流程图转换为系统流程图、系统功能说明等，这一步由产品经理完成。

②交互设计：按照流程图、功能说明制作人机交互的App交互界面（点线框交互图）。

③UI设计：将原型和交互图的界面做成UI设计图（高保真设计图）。

④App开发：按UI设计图、交互图和流程图编码。

⑤开发：开发架构和底层，并提供数据库和接口给App开发人员。

⑥测试：按产品经理、交互设计、UI设计相关人员的文档内容分别进行测试。

⑦验收：项目组人员和上线后需要使用系统的人员验收软件。

⑧上线：程序上传至服务器，代表软件正式可运作。

1.3.2 Adobe XD软件的作用

Adobe XD软件虽然没有Visio绘制流程图那么好用，但也是可以绘制出流程图的。所以说，XD软件也能够满足产品经理和业务人员的使用需求。

1．插件

安装Polygons插件后，可使用快捷键创建三角形、多边形、星形、五角星、菱形等，用于绘制流程图，如图1-3和图1-4所示。

2．交互

XD软件使用Prototype交互视图模式时，交互设计师就可以在多个设计图之间快速做交互，如图1-5所示。

3．设计

在设计上，XD软件可以做图标、高保真的软件设计，最终将设计图应用在实际的软件系统上。图标设计如图1-6所示。

4．代码生成

在App开发上，XD软件是不可以编写代码的，所以App开发人员暂时用不上此软件。未来可能会有一款插件，能一键将XD软件设计图生成iOS系统代码和Android系统代码。

5．测试

测试人员可以按照XD软件的交互图和流程图，在开发完成的软件上测试。

6．提升工作效率

XD软件可以帮助产品经理、交互设计师、UI设计师快速地工作。如果一台计算机需要打开多款软件工作，那么计算机可能会运作得很慢或死机。试着只使用1～2款软件，可能会有不错的效果。

如果产品经理、交互设计师、UI设计师统一使用XD软件输出文档和文件，受益人可能就是开发人员，开发人员不再需要打开Word文档、Visio流程图、Axure原型图、*.Psd设计图、开发软件等一系列文件。此时，后续开发人员只需要打开XD软件和开发软件就足够完成工作了。最后，企业开发周期缩短，项目上线时间变快了，获得的利润自然也多了。