北京淘宝UED培训课程，《Axure绘制原型图、流程图的方法》宁凝老师分享

1. Axure 绘制流程图、原型图的方法
宁凝

2. 什么是流程图？
描述用户特定任务的操作步骤，理清用户的操作步骤，对整个任务
的全面了解,与其他部门沟通的有效工具，方便对工作量的预估。

3. 流程图图例

4. 常用的流程图形态
流程的开始和结束
流程进行的方向
流程的过程和描述
决策、判断

5. 任务：
绘制买家在淘宝预订酒店的流程。

6. Axure 能做什么？
1. 网站结构图（站点地图）
2. 流程图
3. 原型图（原型设计）
4. 输出网站动态原型（方便和产品及项目相关人员沟通）
5. 输出word格式规格文件（方便输出设计文档）

7. Axure RP的工作环境
1 主菜单和工具栏
Axure RP的工作环境
6 组件交互面板
2 站点地图
5 工作区
7 组件注释面板
3 组件面板
4 模块面板
8 页面交互和注释面板

8. 什么是原型图？
原型图是交互设计中比较重要的产出物，在确认的布局中添加功能
模块细节的交互的形式。原型设计是交互设计师与产品经理、开发
工程师、QA沟 通的最好工具。

9. 原型图的作用
一.进行更加高效的设计；
二.让你体验动态的原型；
三.更加清晰的交流想法；

11. 任务：
绘制酒店list页面的原型图。

12. 正确的交互设计步骤
一.利用流程图分析任务（流程图、思维导图等）
二.页面布局（栅格、导航设计）
三.绘制原型图（原型设计）
四.原型评审（原型图的作用）
五.视觉设计
六.前段开发

13. Q&A
Thank you！