发布时间：2020-7-6 分类： 行业资讯
的基本知识流程图的概念对许多人来说并不陌生，但很难让您定义或举例说明产品流程图是什么。也许诸如“用户体验”，“交互设计”，“逻辑关系”之类的词语会像灯笼一样闪现在你的脑海中，但这是流程图的整个部分吗？显然不是。
作为整个系统中信息流的图形表示，流程图是白色的，表示首先要做什么，然后做什么，即“开始，结束，动作，状态和判断”的组合。根据核心业务和目标的实现，流程图可分为四种类型：产品流程图，业务流程图，操作流程图和页面跳转流程图。在几乎所有产品设计中，页面流程图都起着关键且不可替代的作用。
首先，关于页面流程图
顾名思义，页面流程图用于显示页面之间跳转的逻辑关系，描述在什么条件下，执行了什么以及后续执行的操作。对于设计人员和产品经理而言，页面流程图是改进工作负载的基础，不仅可以直观地识别潜在的“地雷”，进行全局/系统思考，还可以专注于用户目标和任务。完成，制作和调整修改的成本也很低。
与简单的功能列表相比，开发工程师更容易接受页面流程图。它可以用作评估工作负载，代码工作和反射函数逻辑的重要参考。那么我们如何绘制一个页面流程图，可以清楚地解释事物，清除页面，让每个人都感到舒服？以下小编将总结一些提示和经验，让我们一起来看看。
二，绘制页面流程图
一般来说，它可以大致分为以下三个步骤：
第1步：验证想法并优化功能，优先级—在你开始之前
俗话说“好的开始是成功的一半”。同样，在流程图中，还必须提前做好工作，其中重要的是验证您的想法是否可靠以及用户将如何参与使用。可以结合目标用户社区，用户价值和用户体验来验证设计思路的级别。同时，需要预测用户的实际操作，从而优化功能点和其中的过程。我终于明白了我们要做什么，为谁，主要功能是什么，以及功能之间的过程。以下是设计师Anny Zhang在国外投资组合代购源码网站Behance上的设计示例：
第2步：从第一个初始页面绘制—正在进行中
在知道系统应该具有什么以及它提供什么之后，现在有必要巧妙地将这些功能和内容分发到不同的页面。该页面将包含链接，按钮，表单和其他元素，这些元素将在用户触发后跳转到其他页面。同时，要连接的页面之间将存在链接，具有不同的状态和属性，并最终表示不同用户操作和不同页面之间的流关系。
这可能听起来很复杂，但事实上，就像讲故事一样，绘制流程图的最简单方法是从第一个初始页面开始。在此过程中，您不必担心用户细分的类型，猜测用户可能根本不使用的内容，但根据详尽的操作，假设用户将转到他点击的任何位置。下面是一个名为Gogobot的原型示例，它使用Home页面作为启动页面的起始页面：
古人有云“绅士擅长对象也”。无论你是一个具有出色专业知识的专业设计师，你都可以用Word来绘制惊人的流程图，或者一个仍然无知的设计新手，一个好的工具可以起到锦上添花或木炭的作用。雪。这里有两个漂亮的页面流程图示例，所有这些都是使用Mockplus原型设计工具创建的。除了提供漂亮的外观，它还可以完成：
- 即时生成（单击软件顶部工具栏上的“流程图”图标，只需单击一下即可快速生成;
- 显示所有或任何页面的流程图;
- 智能地生成过程链接线以显示页面的注释信息;
- 支持一次性导出页面流程图，方便快捷。
第三步：重复调整页面结构和内容—结束后
初始绘图完成后，有必要不断审查并重复团队内部的确认，以便最好地满足用户，团队和团队期望的设计理念。除了逻辑和交互之外，页面的整体结构也很关键。在这里，Mockplus还提供了一键式切换到大脑地图设计模式，可以快速规划和调整所需模块，演示项目的整体功能，并支持导出基于图表的图像以规划PRD文档。
本文由Mockplus团队发布。未经许可，禁止转载。
微信公众号：Mockplus
