原创 什么是交互原型设计？如何做好交互原型设计？

什么是交互原型设计？简单来说，交互原型设计是指设计师把产品需求在设计图上呈现出来。想要做好交互原型设计，要求设计师既要精通专业的设计技能，又要懂得分析产品的需求。下面讲讲如何做好交互原型设计。

一、交互原型设计的概念：

交互原型是交互设计师的主要产出，是设计师在接到产品需求之后，经过一系列分析，将抽象的文字产品需求转化成具体的图形产品方案的产物。一份好的交互原型，首先必须提供一个好的解决方案。这需要交互设计师对产品需求进行合理的分析，明确需求的设计目标，并使用最合适的交互方案，帮助团队达到目标。其次，一份优秀的交互原型，还必须符合基本的设计原则、使用符合规范的控件、对各种可能出现的情况都给予考虑和展现。

二、交互原型的设计技巧：

1.以用户为中心

以人为中心的设计可以帮助你创建出更完美的用户体验。以用户为中心原则，顾名思义就是要从用户的真实需求出发，充分考虑用户的需求，匹配用户的期望值，为用户提供他们完成各项工作所需的内容，以用户熟悉的方式来构建信息和功能。交互设计本身是需要与用户之间建立联系和沟通的一种方式，所以设计师们必须做好设计前期的用户调研分析以及后期的用户反馈体验。

2.极简主义

简约却不简单。在交互设计中，信息获取和传达必须是清楚易懂的，这样用户才能够有效的获取这些信息，并迅速作出反应。用户更重视功能的可用性，并不是功能越复杂越受欢迎。如果你传达的信息过于复杂，用户将承担大量的信息累赘，造成信息过载，影响操作效率，并不能真正的帮助他们解决实际问题，从而增加用户的离开率。

3.给予用户及时的反馈

反馈是交互原型设计的关键，良好的交互设计总是需要某种反馈，并且应该是迅速，有意义且可感知的，反馈意见帮助用户了解操作结果。例如，当用户点击按钮时，此项操作可能会提示用户他正在做什么以及将会发生什么。设计师可以提供多种反馈方式，例如当鼠标悬停在导航项上时，改变颜色或加载子菜单；在播放视频的时候，点击播放按钮变成暂停或者当我们点击搜索栏时，用闪烁的光标提示用户可以输入。进度条和动画也是常见的反馈机制。

4.减少认知负荷

托尼·法德尔曾经说过：作为人类，我们的大脑能力有限。所以我们的大脑把日常生活中的习性转化为习惯的事情，这样我们就可以腾出空间去学习新事物。作为设计师，开发人员，我们的工作就是让这种学习和记忆成为可能。我们如何做到这一点？通过使我们的界面直观。为了保持交互的直观性，只需要显示用户需要的有意义且重要的信息。这样，他们没有太多的信息需要处理，用户体验会变得更加流畅。

5.进行迭代设计

没有人第一次便可成功设计出一款完美的App，就算一些经验丰富的交互设计师也会出现无数次返工的情况。因此，想要创建良好的交互原型，我们需要做好用户分析调研，不断从用户那里获得反馈信息，并对产品进行迭代和重新改造，让你的交互更贴近于你的用户。

三、交互原型设计工具推荐：

一个方便顺手的交互原型设计工具对于设计师来说至关重要。理想的原型工具是可帮助设计师快速的创建交互原型，并且易于后期的修改，从而节省了大量的工作时间。

Principle 易上手，却能做到非常好的效果。可能是综合得分最高的一款。

Origami 是可视化编程的思路，功能强大，由 Facebook 团队维护。学习成本较高。

Framer 则是基于 JavaScript，理论上现代浏览器中所能实现的效果它都没问题。需要手写代码，学习成本较高。

Adobe XD 有品牌保证，而且支持 Windows 平台。

InVision 来自一个非常有想法的团队，顺便推荐他们的博客。

Flinto 操作简单，基于页面，同时也可以做一些微交互。

以上就交互原型设计的概念和技巧讲解。对交互原型设计感兴趣的同学，可以上博学谷在线学习交互原型设计，相信对设计工作会有很大的帮助。