产品设计-10.制作页面流程图

页面流程图

页面流程图也叫页面跳转图，是以页面为基本对象，描述产品的全部页面及联系，

以功能和任务为脉络，显示各个页面之间的调用关系。

使用页面流程图，能够让产品设计逻辑更清晰，内容和功能课清晰的分配到不同

页面，制作时考虑正常路径即可。

页面流程图介于业务流程图与原型设计之间，是交互设计、原型设计的基本依据。

将业务流程结合用户视角处理成页面流程

元素：

•编号代表页面编号，后续在原型中可延续使用，便于查找页面

•名称代表页面名称

•操作名称代表用户的动作

•核心元素代表页面中需要重点体现和表达的功能/内容

页面跳转图示例

页面流程图表达的是产品主干业务，包含全部关键页面或节点，便于视觉设计师和前端工程师
评估工作量

在流程图中常用到的是业务流程图和页面流程图。而业务流程图又根据需

要分为基础流程图和泳道图。

业务流程图和页面流程图根据不同的需要进行选择

业务流程图为范围层输出，页面流程图多为结构层输出

业务流程图注意自顶向下，逐层分解