页面流程图(产品学习笔记-3)

页面流程图(产品学习笔记-3)_第1张图片
产品学习笔记.jpg

什么是页面流程图?

页面流程图是一个桥梁,连接业务流程图和原型设计。

为什么需要页面流程图?

业务流程实际上是从产品经理的视角来看问题,业务流程涵盖了前端、后端的逻辑。但是页面流程图则是从用户的视角来看问题,可以从页面的跳转、关键的要素来发现用户体验中的问题,甚至反推业务流程上的缺陷。

同时,规定了页面流程之后,可以迅速的进入原型设计,只需要做好页面和关键要素的交互就能快速的完成,避免因为想法的变更,多次更改原型。

页面流程图的构成?

  1. 矩形。业务流程图中的矩形代表着操作界面或者任务,将其中的页面部分提取出来,异常的部分则表现为弹窗或者toast;
  2. 流向:页面的流转;
  3. 重点元素:每个页面中需要的重点内容、触发键等;
页面流程图(产品学习笔记-3)_第2张图片
qrcode_for_gh_47074830ae84_344.jpg

你可能感兴趣的:(页面流程图(产品学习笔记-3))