网站内容发布流程图(交互设计流程图怎么画？包括哪些重要内容？（二）)

　　网站内容发布流程图(交互设计流程图怎么画？包括哪些重要内容？（二）)

　　交互设计的流程图怎么画？收录哪些重要内容？很多产品同学都在问这个问题，今天我就根据自己的经验简单总结一下。前面我们介绍了流程图的基本要素，下面我们来看看一些注意点。

　　3.要注意什么？

　　(1）坚持表达表现层

　　没有带有内部算法逻辑和接口逻辑的流程图。图标下方的红色矩形是多余的。这与用户无关，会扰乱你的导航设计思路：

　　步骤和界面本身不要使用矩形，比如下面的红色矩形（而且你不知道用户填写的顺序，所以我不能先填写密码）：

　　(2） 放弃系统错误

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

　　(3） 表格可以很灵活

　　1） 如果一个界面可以引出多个界面，而你真的要描述这些跳转，那么一个矩形长出多条线，对应标签上的相应动作，就可以了。如图：

　　2） 如果几个界面属于同一个逻辑，比如一个界面的几个tab，可以这样包裹几个tab：

　　3）如果想表达一些警告窗口等临时窗口，还可以自定义一些图形，比如：

　　4） 更详细一点，如果要表达一个界面的主要内容，也可以按照下图（也可以细分里面的内容是信息还是下一个界面的入口）：

　　4. 无法做和扩展

　　这种流程图并不是表达交互过程的灵丹妙药。不适合与界面部分交互。比如有些工具产品从头到尾只有一个界面，比如PS。又如某种形式的各种提示，按照一定的规则出现在同一界面的不同位置。为了表达这个规则，我们不得不使用算法流程图，但它也是片面的，因为我们不知道用户的输入序列。

　　除了导航逻辑，设计师还可以在其他时候使用流程图。例如，在做服务设计和描述服务蓝图时，过程中有相关的人、场景、接触点、工具、所需资源、输出等。

　　交互设计的流程图介绍到此结束。一定要掌握一些重点，再多思考，理清逻辑，才能画出完整的流程图！

　　以上就是《如何绘制交互设计的流程图？包括哪些重要内容？（下）》的内容。如果想了解其他相关内容，可以来产品易白官方网站。