当您设计网站、构建应用程序或绘制业务系统时,您需要一种方法来清晰地绘制步骤和用户流程。虽然您可以使用流程图来概述这些过程,但箭头和方框只能帮助您到目前为止。为了清楚地表达您的意思,您需要流程图符号。
为了帮助解释每个流程图符号(代表步骤、选择或用户输入)如何适合图表,您将了解最常见的符号的含义。从那里,您可以将它们映射到一些流行的流程图模板上,并查看它们全部显示在图表上以供将来参考。
最常见的流程图符号
这些基本流程图符号出现在大多数图表中。一旦了解了这些,您就可以阅读大多数流程图。
1. 终结符符号
含义:流程的开始或结束
椭圆形符号标记过程的第一步和最后一步。您可以在椭圆形中包含“开始”或“结束”以突出显示它们的顺序。对于具有多种结果的流程,您可以使用多个椭圆形。用数字或字母标记这些椭圆可以帮助您跟踪复杂用户旅程中的每个端点。
2. 动作符号
含义:执行某个过程所需的操作或步骤
矩形操作符号代表流程中的任何步骤。因此,一些团队将其称为流程符号。这些步骤将实现结果所需的基本任务或行动联系起来。手动操作和自动步骤都使用此符号,使其成为流程图中最流行的符号之一。
3. 决策符号
含义:将流程图分解为多条路线的决策
菱形标记象征着用户在流程图的十字路口做出的决定。您可以将决策标记放置在道路的简单岔路口或通向多条路径的点处。通常,决策标记代表真/假或是/否问题。
4. 定向流符号
含义:流程图用户在步骤之间采取的路径
箭头引导用户沿着流程图上的路径前进。箭头在不同的过程符号之间引导,以显示行动如何导致结果。从这个意义上说,定向流突出了因果关系。点线或虚线箭头可以表示达到相同结果的替代路径。
5、输入输出符号
含义:进入和离开流程的数据或成品
输入和输出符号显示货物或数据何时进入和离开系统。该图标有时称为数据符号,显示资源的使用或生成方式。输入是指用户输入的内容,而输出可以是指系统构建的任何数据或产品。
例如,客户订单和付款代表系统输入。处理此输入后,您的系统会给出输出,例如订单交付。添加此符号时,请指定它是表示输入还是输出。
专业提示:您的流程图应使用这些基本符号作为基线。您可以在概述基本结果和选择后添加更高级的图标。尝试使用流程图模板立即开始。
流程图专业人士的高级符号
基本符号突出显示系统中的主要元素,而高级符号则让流程图以更复杂的方式发挥作用。
6. 准备符号
含义:进入下一步所需的设置或准备
准备符号代表流程中另一个步骤的设置。他们还可以区分旨在为您准备工作的步骤和涉及该工作的步骤。请记住,准备符号适用于它们所在的进程,因此准备使用外部工具或资源不需要此符号。
7. 备用过程符号
含义:正常步骤流程的替代进展
替代过程符号显示系统如何偏离其标准过程流程。这些替代路径通常会导致与基本过程符号相同的结果,但它们也可能导致独特的结果。点线或虚线箭头表示流程图中交替步骤之间的路径。
8. 预定义过程符号
含义:在其他地方制定的单独流程
当您的流程图启动您在其他地方定义的流程时,会出现此符号。通常,这些过程太复杂,无法适合您的流程图。在其他情况下,该过程是众所周知的,并且该符号用作速记。因此,团队使用预定义的流程符号来使图表尽可能清晰。
一些团队在编程流程图符号的上下文中将其称为子例程符号。
9. 循环限制符号
含义:指示循环步骤应停止的点
一些编程工具使用循环或自我重复的过程。这些循环可以自动重复,直到达到所需的结果。该编程符号表明循环何时应停止,无论是在给出正确结果之后还是在经过预定数量的循环之后。
10. 延迟符号
含义:步骤进行中的延迟或暂停
延迟符号突出显示用户必须等待的流程部分以及延迟将持续多长时间。虽然听起来很不方便,但延迟在您的流程中起着重要作用。例如,您可能会在采取额外的风险预防措施时延迟。
试试这个流程图模板
想要制作具有视觉风格的流程图模板吗?立即开始使用 figma.net.cn/lm2/3383.html">FigJam 的免费模板。
获取此模板
11. 手动输入符号
含义:用户必须手动输入信息的步骤
手动输入符号指出提示用户信息的步骤。例如,用户在登录其帐户或输入运输信息时需要手动输入。
12. 手动操作符号
含义:必须手动完成的非自动化过程
手动操作符号突出显示用户必须自行完成的任务。您无法自动化流程图中的每个流程,因此此符号可以帮助团队考虑如何构建此流程的用户友好版本。
一些团队将此称为手动循环符号,当进程没有循环限制时出现。用户不会让人工智能结束循环,而是自己停止它。
专业提示:并非所有流程图都需要高级符号。它们是否在图表中发挥作用取决于流程的复杂性。也就是说,多个团队使用的流程图受益于额外的特异性。尝试为这些复杂的项目使用跨职能模板。
用于存储和共享数据的流程图符号
文档和数据符号解释了流程图数据的存储方式和时间。这些流程图图标还可以让开发人员共享笔记并解释他们的信息架构。
13. 文件符号
含义:包含相关信息的文件、报告或表格
当用户输入文档或程序生成文档时,文档符号会突出显示。例如,当告诉用户创建发票或接受备忘录时,您可以使用此符号。您还可以堆叠多个文档符号来表示多种表单。
14. 数据存储及存储数据符号
含义:程序中存储数据的步骤
存储的数据符号显示数据何时进入程序的存储。当描述用于一个步骤的特定数据或更广泛的与整个过程相关的数据时,请使用此符号。
15. 内部存储符号
含义:存储在系统内存中的信息
内部存储在软件设计流程图中发挥着重要作用。流程图设计者在执行存储信息的过程时使用此符号。该符号适用于用户输入或程序生成的信息。
16. 硬盘符号
含义:数据在硬盘上存储的位置
团队在流程中使用直接访问存储或硬盘驱动器存储时使用此符号。当程序不使用在线数据库时,本地存储可确保数据安全且可访问。
17. 数据库
含义:以标准结构列出的数据,允许排序和搜索
数据库符号代表现代存储中保存的信息。与磁带数据不同,数据库允许您以任何顺序搜索和访问数据。您还可以过滤不同用户的数据。
18. 校对符号
含义:标准格式的订单信息
当流程标准化信息时,会弹出整理符号。系统经常利用不同格式的数据点。整理符号重新格式化该信息并将其标准化为新的排列。
19. 排序符号
含义:根据预定标准将项目列表组织成集合或序列
排序符号从流程图中收集数据并像整理符号一样对其进行编译。但是,排序符号可以创建流程图类别、组合流程并按顺序布置操作。排序符号不一定标准化它们收集的数据。
20. 注释/注释符号
含义:提供有关流程中某个步骤的附加信息
流程图编写者使用注释或注释来更详细地解释他们的流程。该符号可以提供说明或上下文信息。请记住,这些注释通常可以帮助设计人员和开发人员,而不是最终用户。
21. 显示符号
含义:表示显示信息的步骤
一些进程会随着用户的移动而自动显示信息。显示符号指示何时发生这种情况以及将显示什么信息。与注释不同,显示符号关注客户的需求而不是内部团队的需求。
专业提示:这些符号可帮助程序员映射流程并适合存储用户需要了解的数据和文档的流程图。在此类情况下,您可以使用编程流程图模板。
用于无缝导航的流程图符号
导航符号有助于跟踪流程并连接跨多个页面的想法。
22. 或符号
含义:流程中的一个分支,用户必须在其中选择一条路径或另一条路径
根据用户输入或目标,流程可以分为两条路径。或 符号突出显示用户流程中的这些分支点。
23. 合并符号
含义:两个步骤、列表或过程的结合点
在流程图上,列表和流程可以分支和重新连接。合并符号让读者知道何时发生这种情况。在其他情况下,合并符号组合以前不相关的进程或列表。
24.召唤结点符号
含义:多个流或路径汇聚回单个流程的点
召唤连接点的作用类似于两个以上分支的合并符号。召唤连接点符号将三个或更多流和列表组合到一个进程中。
25. 页面连接器符号
含义:图表不同部分上流动结束和恢复的点
页面连接器链接页面上的不同元素,并且可以替换复杂流程图上的长箭头。通过将相同的字母或数字放置在两个连接器内来跟踪每个符号。
26.页外连接器符号
含义:流程在页面上结束并在另一个图表上恢复时的点
复杂的流程图使用页外连接器来跨页面链接元素。页码通常位于连接器旁边,以显示符号连接的位置。离页目标更多地出现在复杂的系统中。
专业提示:导航符号可以使任何流程图的移动变得更容易,但网页设计师可以从这些图标中获得额外的好处。设计人员可以使用这些符号来布置站点架构并解释用户流程。您可以在网站流程图模板上绘制出来。
流程图符号模板
您可以使用流程图符号模板编辑工作流程并绘制下一个流程的图表。我们将每个符号分解在一张易于阅读的图表上。
使用 figma.net.cn/lm2/3383.html">FigJam 绘制图表并用符号表示您的流程
流程图指导团队从早期的头脑风暴到流程细化。通过学习常见流程图符号的含义,您可以在整个项目生命周期中构建出色的图表。