交互原型工具

一、什么是交互原型设计

交互原型是交互设计师的主要产出，是交互设计师在接到产品需求之后，经过一系列分析，利用原型设计工具，将抽象的文字产品需求转化成具体的图形产品方案的产物。

一份好的交互原型，首先必须提供一个好的解决方案。这需要交互设计师对产品需求进行合理的分析，明确需求的设计目标，并使用最合适的交互方案，帮助团队达到目标。其次，一份优秀的交互原型，还必须符合基本的设计原则、使用符合规范的控件、对各种可能出现的情况都给予考虑和展现。

二、交互原型设计工具如何画交互原型

对于交互设计师来说，使用原型设计工具画交互原型是基本功，下面为大家介绍一下如何画交互原型：

1、设计思路

在交互原型的第一页，可以加上“项目概述”这个主题，主要展示该需求的基本信息和迭代说明，其中项目概况、平台说明和功能列表都比较好理解，迭代说明部分指的交互原型的迭代记录。在实际工作中，原型的设计往往不可能一步到位，一般需要经过沟通、评审慢慢确定最终的原型。在这种情况下，设计师需要把每一次的变更都记录下来，方便项目成员看到每次更新修改的内容，提高工作效率，节约沟通成本，方便后期追溯。

2、方案展示

这是交互原型中最核心的部分。需要提醒的是，交互原型的制作是在设计师拿到需求后，经过设计分析后开始进行。制作原型的过程，只是把前面的分析过程的结果，用页面的形式画出来。所以交互设计师一定不要把“画原型”当成自己最主要的任务。交互设计师的核心价值，是通过高质量的交互方案达到设计目标，以解决某种问题。

交互原型的本质是一种沟通工具，主要用于团队内部协作，作用是传达需求。因此，为了把需求传达清楚，交互原型中必须包含以下5类信息：

（1）原型展现完整的流程。

（2）界面以及界面中的元素展现需求的所有功能点。

（3）界面中元素的各种状态说明。

（4）元素操作后的效果。

（5）异常、极限状态说明。

三、交互原型设计注意事项

在做交互原型设计时，要把原型的阅读者想象成对产品和设计一无所知的人，该怎样展示产品的逻辑和功能，才能够让其通过原型来理解这个产品，设计时要注意的几个事项主要有：

1、使用灰度线框图：颜色和视觉效果会影响大家对易用性的判断。

2、清晰地展示流程：顺畅的操作流程是产品易用性最基本的标准。

3、关键功能要有故事板：角色、场景、情节，使团队人员更快、更好地理解产品。

4、要有注释和说明：图文并茂更能准确传达设计方案与想法。

5、一致性和规范性：优秀交互原型的元素、组件、页面甚至文案用语的调性都是规范一致的。