设计流程图模板(什么叫设计流程)-东辰网

设计流程图模板(什么叫设计流程)

本文主要介绍设计流程图模板(什么是设计)，下面跟着东辰网详细了解一下吧。

一、什么是设计流程图？

1什么不是设计流程图？

以下是百度百科流程图的定义:

用特定的图形符号和解释来表示算法的图表称为流程图或框图。流程图是通过系统的信息流、视点流或组件流的图形表示。在企业中，流程图主要用来说明某一个过程。这个过程可以是生产线上的工艺流程，也可以是完成一项任务的必要管理过程。

我把看到的流程图大致分为两类。

一种是表示算法或者内部逻辑，比如这张图:

可以看出，这个流程图描述的是算法逻辑，也可以理解为对象的底层运算逻辑。它的特点是层次低，复杂。但它不是设计流程图。

一类代表业务或工作流程，比如这两张图:

业务流更常见于一些业务流程和服务流程中，不同的单位、人和货物参与其中。它的特点是广泛而简单。但它不是设计流程图。

2流程图的基本结构。

从上面的图中可以看出，流程图由特定的图形组成，但是特定的外观是由图表本身和读者的目的决定的。;的阅读习惯(或)，所以使用的图形不是固定的。比如有的人用圆表示开始和结束，有的人用圆角矩形，有的人用云表示其他过程的引用，有的人用矩形和文字表示形式不重要。最重要的是达到描写的效果，读者能读懂。设计流程图也遵循这一原则。

3设计流程图。

设计流程图并不特殊，和全世界的流程图都差不多，也是作为表达工具存在的。唯一不同的是描述的对象和作文的内容不同。设计流程图的重点之一是面向表示层，也就是说，它描述了界面(或屏)的变化，是用户看到的界面的行为流程。什么行为？界面之间的跳转逻辑，也就是导航逻辑。

导航是信息架构的一部分(教材把信息架构分为组织、导航、标注、搜索四个)，当然也是交互设计的重要组成部分。导航的设计思路可以用流程图来表达(也可以说是用流程图来辅助)，这也是设计流程图最重要的应用。看下图:

从图中可以看出，组成是:

一个接口。

矩形代表一个界面。在这个过程中，用户走过两个界面(登录页和)，因为它表达的是界面的跳转，而界面是用户实际接触的媒介，界面之外的内容不应该出现。

行动。

在矩形之间，也就是界面之间添加一个触发动作。例如，从界面A点击下一步按钮到达界面b点击下一步是连接这两个接口的关键动作，需要标记。上面的例子是点击提交按钮。c状态。

可能有各种是/否行动后的结果，所以在矩形之间和行动后添加一个或多个判断菱形。如上所示，检查帐户密码是否输入正确。

二、需要注意什么？

1坚持表现层的表达。

唐t有内部算法逻辑和接口逻辑的流程图，红标的矩形是多余的。这不关用户的事。;的业务，会打乱你的导航设计思路:

唐不要用矩形来表示步骤和界面本身，例如带有红标的矩形(此外，你不要用矩形来表示步骤和界面本)。;我不知道填写的顺序，所以我不能。;首先不要填写密):

2丢弃系统错误。

什么是系统错误，即非用户造成的错误，比如登录时服务器被骗，网络连接错误等等，导致登录失败。除非你特别想强调系统出错后的提示界面，否则建议不要添加到流程图中，因为每一步都可能出错，你的流程图会变得巨大。如下图所示:

形式可以是灵活的。

a如果一个接口可以导致多个接口，而你真的要描述这些跳转，那么一个矩形就会长出多条线，对应标签上相应的动作。如图所示:

b.如果几个界面属于同一个逻辑，比如一个界面的几个标签，你可以这样包装几个标签:

c如果你想表达一些临时窗口如警告窗口，你也可以自定义一些图形，如:

d更详细的说，如果你想表达一个界面的主要内容，也可以看下图(也可以细分里面的内容是信息还是下一个界面的入):

第三，不可能和延伸。

这种流程图对于交互流程的表达不是万能的，不适合与界面进行局部交互。比如有些工具产品从头到尾只有一个界面，像PS。比如一些表单的提示按照一定的规则出现在同一个界面的不同位置。为了表达这个规则，我们必须使用算法流程图，但这实际上是片面的，因为我们不我不知道用户的输入顺序。

除了导航逻辑，设计师在其他时候也可以使用流程图，比如在设计一个服务蓝图的时候，流程中有相关的人、场景、接触点、工具、需要的资源、输出等等。如下图所示: