连接符
(圆形)
表示连接符,用以表明转向流程图的它处,或从流程图它处转入.它是流线的断点.在图内注明某一标识符,表明该流线将在具有相同标识符的另一连接符处继续下去(参看以下关于连接符使用的约定).
端点符
(扁圆)
形表示转向外部环境或从外部环境转入的端点符.例如,程序流程的起始或结束,数据的外部使用起点或终点.
流线
表示控制流的流线.关于流线上表示流向的箭头,其使用方法见后面的约定.
虚线
用于表明被注解的范围或连接被注解部分与注解正文,也参看图2。
省略符
若流程图中有些部分无需给出符号的具体形式和数量,可用三点构成的省略符.省略符应夹在流线符号之中或流线符号之间,参看图3.
开/结
椭圆用来表示一个过程的开始或结束。
“开始”或“结束”写在符号内。
连线
箭头用来表示层层步骤在顺序中的进展。
连线的箭头表示一个过程的流程方向。
并行
方式
一对平行线表示同步进行两个或两个以上并行方式的操作.并行方式的示例如图5,图中在处理A完成后才能进行处理C,D和E;同样,处理F要等处理B,C,D完成以后进行.但处理C可以处理D开始和(或)结束前开始和(或)结束.图4
注解符
注解符由纵边线和虚线构成,用以标识注解的内容.虚线须连接到被注解的符号或符号组合上.注解的正文应靠近纵边线.请参看图5给出的注解符使用示例.
文挡
标志
用来表示属于该过程的书面信息,生成的任何供人阅读的信息,例如打印结果。
文件的题目或说明写在符号内。
三,使用约定
(1)关于流程图符号的使用约定,简要地说明以下几点:
1.图的布局:
流程图中所用的符号应该均心地分布,连线保持合理的长度,并尽量少使用长线.
2.符号的形状:
流程图中多数符号内的空白供标注说明性文字.使用各种符号应注意符号的外形和各符号大小的统一,避免使符号变形或各符号大小比例不一.
3.符号内的说明文字:
应使符号内的说明文字尽可能简明.通常按从左向右和从上向下方式书写,并与流向无关.如果说明文字较多,符号内写不完,可使用注解符.若注解符干扰或影响到图形的流程,应将正文写在另外一页上,并注明引用符号.
4.符号标识符:
为符号规定标识符是为了便于其它文件引用该符号.便如,程序清单中引用到流程图中的特定符号.符号标识符一般写在符号的左上角,参看图6(a).
图6符号标识符和符号描述符
5.符号描述符:
为便于进一步理解符号的功能,可标注符号描述符.通常描述符写在符号的右上角,如图6(b)所示.
6.详细表示:
在处理符号或数据符号中画一横线,表明该符号在同一文件集中的其它地言有更为详细的表示.横线在符号内靠近项端,详细表示的标识符写在符号内横线之上,见图7(a).端点符用作详细表示的开始符号和结束符号,在此符号中应给出加横线符号中的标识符,见图7(b).
图7加横线符号及其详细表示
7.流线
(1)标准流向与箭头的使用:
流线的标准流向是从左到右和从上到下.沿标准流向的流线可不用箭头指示流向,但沿非标准流向的流线应用箭头指示充向.
(2)流线的交叉:
应当尽量避免流线的交叉.即使出现流线的交叉,交叉的流线之间也没有任何逻辑关系,并不对流向产生任何影响,如图8(a)所示.
(3)流线的汇集:
两条或多条进入线可以汇集成一条输出线,此时各连接点应要互错工以提高清晰度,并用箭头表示流向,如图8(b)所示.
图8汉线的交叉与流线的汇集
(4)符号流线进出:
一般情况下,流线应从符号的左边或项端进入,并从右边或底端离开.其进出点均应对准符号的中心.
(5)连接符:
为避免出现流线交叉和使用长线,或某个流程图能在另一页上延续,可用连接符将流线截断.截断始端的连接符称为出口连接符,载断末端的连接符称为入口连接符.两连接符中用同一标识符.
换页截断可用与连接符相连的注解符表示,如图9所示.
图9出口连接符与入口连接符
8.多出口判断的两种表示方法
(1)直接从判断符号引出多条流线,如图10(a)所示.
(2)从判断符号引聘条流线,再从它引出多条流线,如图10(b)所示.
图10多出口判断
多出口判断的每个出口都应标有相应的条件值,用以反映它所引出的逻辑路径,如图11所示.
图11多出口判断出口处标出条件值
四,示例
Axure里的流程图形状组件面板
对于画流程图,是我们经常会遇到的问题。
我们和程序工程师沟通,用再多的口水,也无法挑明的事情,画一张简明的流程图,就能很直白的说明关键问题。
有时候你可能会懊恼,因为程序员的思维犹如计算机,你告诉他为什么没有用,你就告诉他该怎么做,是左是右,是0是1就好了。
这个时候,产品经理需要的是理性思维,清晰的思路,如果你不清晰,工程师大多数会跟着你的思路乱做一团。
所以多画几个流程,多根据页面需求画清晰的流程,就能解决实际的问题。
话不多说,本章主要介绍流程图里面的工具,因为图形其实很好介绍,简单的英文翻译就好了,所以也顺带说说这些图形在流程里的作用。
方式还和以前一样,编号,对号入座,咱们来一个萝卜,一个坑:
1、矩形
作用:
一般用作要执行的处理(process),在程序流程图中做执行框。
在axure中如果是画页面框架图,那么也可以指代一个页面。
有时候我们会把页面和执行命令放在同一个流程中做说明,这个时候将两类不同的矩形做色彩区别,然后做说明就好了。
2、圆角矩形或者扁圆
作用:
表示程序的开始或者结束,在程序流程图中用作为起始框或者结束框。
3、斜角矩形
作用:
斜角矩形平时几乎不使用,可以视情况自行定义。
或者在其他的流程图中,有特殊含义,暂不知晓,也希望有识之士指点一二。
4、菱形
作用:
表示决策或判断(例如:
If...Then...Else),在程序流程图中,用作判别框。
5、文件
作用:
表达为一个文件,可以是生成的文件,或者是调用的文件。
如何定义,需要自己根据实际情况做解释。
6、括弧
作用:
注释或者说明,也可以做条件叙述。
一般流程到一个位置,做一段执行说明,或者特殊行为时,会用到它。
7、半圆形
作用:
半圆在使用中常作为流程页面跳转、流程跳转的标记。
8、三角形
作用:
控制传递,一般和线条结合使用,画数据传递。
9、梯形
作用:
一般用作手动操作。
10、椭圆形或圆形
作用:
如果画小圆,一般是用来表示按顺序数据的流程。
如果是画椭圆形,很多人用作流程的结束。
如果是在usecase用例图中,椭圆就是一个用例了。
11、六边形
作用:
表示准备之意,大多数人用作流程的起始,类似起始框。
12、平行四边形
作用:
一般表示数据,或确定的数据处理。
或者表示资料输入(Input)。
13、角色
作用:
来自于usecase用例,模拟流程中执行操作的角色是谁。
需要注意的时,角色并非一定是人,有时候是机器自动执行,有时候也可是是模拟一个系统管理。
14、数据
作用:
就是指保存我们网站数据的数据库。
15、图片
作用:
表示一张图片,或者置入一个已经画好的图片、流程或者一个环境。
基本上,axure讲基本流程图、页面框架图、usecase用例图涉及到的一些关键图形都囊括在流程图流程工具中,模糊了流程图的区别,而尽量贴近交互设计时的工作内容。
流程图无疑只是一个表达的工具,我们在使用的时候应该根据自己的实际情况使用,而不应该死钻牛角尖,非要知道某个图形的通用标准。
理解和沟通是第一位的。
而对于某些具有标准性含义的图形,大家人所共知,则我们应该遵循共同的准则,这样就能达到表达的目的。
其实axure里面由于不涉及到具体的程序流程,所以有些标准的图形并没有提供,如不规则图形、侧面双矩形等。
大多数情况下,还是自己自定义一下自己的符号标准,就跟prd文档加上名词解释一样,才是解决方法。
THANKS
致力为企业和个人提供合同协议,策划案计划书,学习课件等等
打造全网一站式需求
欢迎您的下载,资料仅供参考