如何画交互设计流程图

流程图是产品经理和交互设计师都必须掌握的技能，一张流程图可以省去需求文档和交互设计文档的很多文字描述，本文为大家介绍有关画交互设计流程图的相关内容。就跟随本站小编一起去了解下吧，想了解更多相关信息请持续关注我们应届毕业生考试网!

流程图的基本构成。

从上面几张图可以看到，流程图由特定的图形构成，但具体的样子由图本身的目的和阅读者的阅读习惯(或约定)来决定，所以使用的图形并不是固定的，比如有人用圆形表示开端和结束，有人则用圆角矩形，有人有云团表示其他流程的引用，有人用矩形加文字来表示，形式不重要，达到描述的效果而阅读者能读懂才是最重要。设计流程图也遵循这个原理。

设计流程图。

设计流程图长得并不特别，跟全世界流程图都差不多，也同样是作为一种表达工具存在。区别只在于描述的对象和组成的内容不一样。设计流程图的一大重点是面向表现层，也就是说，描述的是界面(或叫屏幕)的变化，是用户看到的界面的行为流。什么行为呢，界面之间的跳转逻辑，也就是导航逻辑。

导航是信息架构的一部分(教科书把信息架构划分为组织、导航、标签、搜索四个系统)，当然是交互设计的重要一环，导航的'设计思路就能用流程图表达出来(或者也可以说用流程图来辅助设计吧)，这也是个人觉得设计流程图的最重要运用。

从图中可以看出构成：

a 界面。

一个矩形代表一个界面，这个流程中用户走过两个界面(登录页和首页)，因为表达的是界面的跳转，界面是用户实实在在接触到的媒介，非界面的内容，不要出现。

b 动作。

矩形之间也就是界面之间加上一个触发动作，比如从界面A点击下一步按钮，到达界面B，“点击下一步”就是连接这两个界面的关键动作，需要标示出来，上图例子就是“单击提交按钮”。

c 条件。

一个动作之后可能有多种“是/否”的结果，则在矩形之间、动作之后加上一个或多个判断菱形。如上图的检验账号密码是否输入正确。