网站内容发布流程图(页面流程图与原型设计的底子，把需要的内容和功能分配到不同页面)

　　网站内容发布流程图(页面流程图与原型设计的底子，把需要的内容和功能分配到不同页面)

　　页面流程图是业务流程图和原型设计之间的中间环节。借助页面流程图，可以使产品设计逻辑更加清晰，可以将所需的内容和功能分配到不同的页面。

　　一、什么是页面流程图

　　(1）交互设计/原型基础，基础基础

　　（2）从用户的角度，代表了用户所有可能的操作，页面流程可以快速发现体验问题

　　(3） 突出页面元素和逻辑关系，提高原型设计效率

　　页面流程图

　　二、页面流程图和信息架构图的区别

　　页面流程图：从用户的角度来看，主要看流程的合理性

　　信息架构图：从产品角度，主要看收录了多少功能点

　　页面流程图适合跳转到更复杂的产品功能，比如电商、社交产品

　　信息架构图适用于分层，如音乐产品、新闻客户端、阅读产品等。

　　三、如何绘制页面流程图

　　1.回到业务流程，明确主线

　　(1）页面流程必须来自业务流程

　　（2）一般是业务流程中的方形部分

　　(3） 异常进程一般是弹窗或者弹窗

　　2.明确页面中的重要元素

　　(1）功能在页面中，需要实现的元素有哪些

　　(2）添加异常进程的处理逻辑

　　(3）添加辅助帮助页面

　　(4）考虑下游触发点

　　提示：

　　页面一般用矩形表示，页面要体现关键内容和主要操作按钮

　　使用圆角矩形表示页面上的各种操作。一个页面可以有多个操作，指向不同的页面

　　只反映系统的判断，不需要反映用户自己的判断

　　案例一：

　　为产品添加折扣码功能，允许运营商向用户发放折扣码，用户下单时可以使用折扣码抵扣相应的折扣（金额）。

　　在这种情况下，页面流程图只需要展示用户的前端操作——用户使用优惠券兑换的操作路径。

　　（1）购物车页面“提交订单”结算

　　（2）进入优惠码页面，突出显示“什么是优惠码”的辅助内容，输入优惠码后点击“确认订单”触发相关判断。

　　（3）订单确认页面重点关注金额相关信息，操作“去支付”，支付完成后跳转到订单成功

　　优惠券使用页面流程图

　　案例2：

　　体验产品AppSo发布产品到“AppWall”的功能：

　　体验整个功能逻辑：点击发布-搜索app-编写内容-等待审核-发布成功页面的过程。

　　用户在“AppWall”页面发帖的流程图