交互设计 原型什么意思

交互设计会根据产品经理提供的需求文档把它转化成用户可以快速看懂并具有良好体验的产品（例如app、后台软件、网页等），如果说UI设计是对界面视觉的设计、那么交互设计就是对用户行为的设计，好的交互设计可以让产品变得易用、有效，从而让用户在使用产品过程中，产生成就感愉悦感！

对于刚入行的同学们来说经常问标准的交互原型设计到底有哪些内容？我今天就和大家分享标准的交互设计原型包含了哪些内容。

第一个是简要说明与信息结构，它包含了变更日记和版本说明还有信息结构。变更日志同需求文档一样，我们做原型设计的时候也不可能一次就做到位，一般都需要经过沟通评审后，然后略作调整，填写更新日记方便项目成员看到每次更新的内容，可以提升工作效率。

版本说明和更新日记类似，只不过更新日志是以天为单位的，而版本说明是以版本号为单位，适合快速迭代且迭代周期比较固定的项目

信息结构就是产品内容，就是它里面有什么然后他们是如何组织起来的。页面的层级又是如何分布的等，信息结构可以让产品成员快速浏览到产品的一个内容、功能、结构等重要的信息，做到一览全貌。

第二个是任务流程和页面流程，任务流程是指用户在使用产品时，他的每一个每一步操作都会遇到什么结果，系统会如何的去反馈。

页面流程它比任务流程图要更清晰，具体通过页面流程图，不仅可以看到一个具体的页面，还可以看到用户它是如何操作的，从一个页面跳转到另一个页面的一个完整过程。

第三个是线框图和交互说明原型的话，它既包含了静态的页面样式，也包含了动态的一个操作过程，线框图它代表的是静态的部分，而交互说明则代表了动态的部分。

交互说明在原型中它是不可缺少的内容，逻辑严密，内容详细的交互说明可以让原型看起来更加专业，例如他的文字过多要怎么显示操作瞬间会出现什么样的提示？点击页面的某个部分内容又会出现什么反馈？然后跳转到哪一些页面，这些都是需要设计的，而且需要详细的说明。

以上就是一个完整的交互原型需要包含的三个核心内容，学到了吗？如果觉得有用赶紧收藏点小红心️吧！

原型可以更详细地解释交互。因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，所以原型设计可以更好的解释交互，交互设计属于原型设计阶段。

另外，目前比较好用的在线原型设计工具有Marvel，Invision，墨刀等等。

我们首先明确两个定义：

原型的定义：

用线条、图形描绘出的产品框架，也称线框图。

交互设计的结果输出，可能是一张纸上的几张图；原型代表着交互设计的结果，当最终实现的时候，交互流程会和原型保持一致；可以理解为草稿或者叫做参照物

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。

原型设计的定义：

线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。

其次，了解原型设计的作用，主要有两点：

沟通： 因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。

测试：因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试，就直接上产品和服务。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

（原型设计在产品设计中所处的位置）

设计流程：首先明确产出原型目的以及用户群体，这个原型有多大效率帮助我传达设计或测试设计？ 有多少时间做原型？其次需要什么级别的保真程度？

该如何使用原型设计，那么原型设计工具就是必不可缺的。

又选择什么工具来制作原型？主要考虑以下几个因素（排名分先后）：

1. 熟悉程度和获得工具的便利度；

2. 所需的时间和精力；

3. 可复用的代码/框架；

4. 为测试创建可用的原型；

5. 价格和学习曲线。

目前比较好用的在线原型设计工具有Marvel，Invision，墨刀等等。

希望对你帮助~

有任何疑问可以追问，满意请采纳，谢谢~