admin 管理员组

文章数量: 1087139


2024年4月27日发(作者：python交互式编程)

许多人都觉得画流程图是一件非常头疼的事情，那么，交互设计流程图到底应该怎么

画？包括哪些重要内容呢？今天我们就来简单总结一下。

1.流程图的基本构成

流程图由特定的图形构成，但具体的样子由图本身的目的和阅读者的阅读习惯（或约

定）来决定，所以使用的图形并不是固定的。比如有人用圆形表示开端和结束，有人则用

圆角矩形，有人有云团表示其他流程的引用，有人用矩形加文字来表示，形式不重要，达

到描述的效果而阅读者能读懂才是最重要。设计流程图也遵循这个原理。

2.设计流程图

设计流程图长得并不特别，跟全世界流程图都差不多，也同样是作为一种表达工具存

第 1 页 / 共 9 页

在。区别只在于描述的对象和组成的内容不一样。设计流程图的一大重点是面向表现层，

也就是说，描述的是界面（或叫屏幕）的变化，是用户看到的界面的行为流。什么行为呢？

界面之间的跳转逻辑，也就是导航逻辑。

导航是信息架构的一部分（教科书把信息架构划分为组织、导航、标签、搜索四个系

统），当然是交互设计的重要一环，导航的设计思路就能用流程图表达出来（或者也可以

说用流程图来辅助设计吧），这也是个人觉得设计流程图的最重要运用。看下图：

从图中可以看出构成：

界面：一个矩形代表一个界面，这个流程中用户走过两个界面（登录页和首页），因

为表达的是界面的跳转，界面是用户实实在在接触到的媒介，非界面的内容，不要出现。

动作：矩形之间也就是界面之间加上一个触发动作，比如从界面A点击下一步按钮，

第 2 页 / 共 9 页


本文标签： 界面 流程图 设计

版权声明：本文标题：交互设计流程图怎么画?包括哪些重要内容? 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1714188350a668894.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。