一份标准的交互原型应该包含什么内容【二】

二.任务流程与页面流程

1.交互流程图：是指用户使用产品时，它的每一步操作会遇到什么结果、系统会如何反馈，等等。

                                                                      交互流程图示例.png

2.页面流程图：比任务流程图更清晰、具体。通过页面流程图，不仅可以看到具体的页面，还可以看到用户如何通过操作，从一个页面跳转到另一个页面的完整过程。任务流程图是页面流程图的基础和依据。

                                                                     页面流程图示例.png

三.线框图&交互说明

原型既包含静态的页面样式，也包含动态的操作效果。线框图代表静态的部分，而交互说明则代表动态的部分。交互说明是原型中不可缺少的内容。逻辑严密、内容详细的交互说明会让原形看起来更专业。例如，文字过多怎么显示？操作瞬间会出现什么提示？点击了页面上某部分内容，会出现什么反馈？跳转到哪个页面？……这些都需要设计，并且需要详细的说明。

                                                                   交互说明示例.png

有的设计师喜欢用动态效果来代替交互说明，其实这种方式是不太可取的，以来，做动态效果比较浪费时间；二来，浏览原型的人需要逐一操作才能看见效果，一旦有某个地方没有操作到，就可能会遗漏。文字说明可以让团队成员清晰、快速地看到全部的动态说明，更一目了然。但有些动态效果用文字或静态图片不直观，因此建议采用交互说明与动态效果相配合的方式。