笔者今天去参加面试，和面试官讨论了关于原型的内容应该包含什么。所以今天就根据笔者的经验来说说原型应该包括什么。作为一名交互设计师，原型是一个重要的产出物，是设计方案的表达，也是项目团队参考、评估的重要依据。它是产品内在逻辑的示意图，应该既包含静态页面样式，也包含动态的交互效果。
需求说明
在这一个版本的优化中，都完成了哪些新需求，并且做必要的解释说明。
修订历史
原型设计不可能一次到位，需要反复调整。尤其是因为时间限制，有些项目需要完成一部分评审一部分，这样修订历史就更为重要。这样项目成员就可以很容易的根据修订历史快速找到每次更改的内容。
信息架构
信息架构可以体现产品的内容以及它们是如何组织的，还有页面层级等等。同时笔者很推崇带有优先级的信息架构图，这样在设计的时候可以有轻重之分。项目成员通过信息架构可以快速的知道产品内容、功能、结构等重要信息。
流程图
这里的流程图可以是整个产品的流程图，也可以是单个功能的流程图，笔直比较推崇的是单个功能流程图，因为很多功能是没有关联的，全部混杂在一起，可能造成细节考虑的缺失，同时原型浏览者阅读也比较困难。
线框图
线框图就是页面结构的展示，这是原型最主要的部分，在设计的时候最好将页面跳转的逻辑有所标注，这样开发人员在阅读原型的时候思路更明确。
交互说明
交互说明是原型中不可或缺的部分，在这里笔直需要强调一下，笔直不是很建议使用动效来代替交互说明，尤其是有些交互设计师会用到很多复杂的功能，比如动态页面等等。因为做动效会花费大量时间，而且浏览原型的人需要逐一操作才能看到效果，一旦有一个地方没有操作到，就会有遗漏。另外如果不是将每一部分都做了动效，花费在“寻找”动效的时间也很多。所以笔者建议还是使用文字交互说明。
交互说明主要包括以下这些内容：
限制
分为范围值和极限值，比如选择按钮需要标注选择范围；输入框需要标注字数限制。
状态
分为默认状态、常见状态和特殊状态，比如下拉框的默认选择状态、页面的登录状态和无数据的状态。
操作
分为常见操作、特殊操作和手势操作，比如点击日期选择，页面如何显示；用户输入验证码后，又修改手机号的提示和向右滑动是返回上一级还是切换tab栏。
在写交互说明的时候，交互设计师除了按照正常的逻辑设计以外，还要考虑到特殊和错误的情况，页面如何反馈，这样在开发的阶段可以节省时间，不过在前期写交互说明的时候就比较费时费力，同时要求交互设计师有丰富的经验判断异常逻辑。
原型不仅仅是展示线框图，除了线框图还需要有一系列的辅助说明，就像我们买的商品一样，除了商品本身，还需要有说明书帮助我们更好的理解这个商品的用法。
欢迎转载，记得标明出处哦
扫描下方二维码关注Yinteraction
