交互设计技能｜4种实用的快速原型构建方法

成本低：要得不仅仅是制作成本低，还要学习成本低，能让设计师快速掌握的，才是好的快速原型方法。

快速而高效：快速原型，要得就是效率。能够在最快的速度呈现一个交互设计原型，这正是设计师宝宝最想要的方法。

清晰而准确：能够让用户准确地了解这是一个怎样的设计，给他们带来了什么益处，用户才会接受这个设计。不能进行准确表达的原型方法，设计师要它何用？

1

纸上模型

就是我们理解的用纸和笔手绘出每个交互界面上的元素，然后用户可以围绕这些界面进行交互测试。仅仅使用一支笔和几张纸，这可以说是我们能够使用的最早的原型设计工具之一。

何时可以使用：

在一款交互产品构建的早期，比如ideation时期和设计展开的前期，纸质模型是非常方便。在这个时期，你可以将你多个不同的设计构想展示给你的用户，帮助你找到最适合你的用户的设计方向。

优点：

///易于构建。纸张原型不需要任何的特殊工具，你只需要钢笔和纸，可以在几分钟内创建一个交互原型。

///方便早期的设计方向反馈。设计师在设计展开的过程当中，在和用户讨论期间，可以用最快的速度，最低的成本呈现出来做自己的设计想法，然后和用户一起进行测试。设计者可以利用纸上原型快速获得用户对早期设计方向的意见反馈。

缺点：

///不容易呈现交互动作流程。在进行用户测试的时候，作为设计者，你需要不停地在桌子上移动这些纸张来模拟交互效果。如果不付出这些额外的努力，你将很难实现交互流程的呈现。

提示：

///使用多种颜色来区分不同的交互元素，比如红色的呼叫按钮，蓝色的按钮，这样更能凸显你的交互元素。

///把每一个功能区模块化，这样你只需要修改每个模块，而不是一整个界面。

低成本：★★★★★

高效率：★★★★★

准确度：★★★

2

可点击的线框原型

顾名思义，就是使用原型设计软件，用简单的线框绘制出交互界面的最基本关键元素，然后将这些元素、界面链接在一起。在测试的过程中，用户可以点击这些元素，进行交互操作。

///不需要特别高级的原型技术，无论使用哪种原型工具（Sketch、Figma……），都可以非常轻松地创建一整套交互设计原型。

///易于修改。与纸质模型不同的是，设计师不需要重新绘制整个界面来进行修改，可以轻松对每一个交互元件进行修改。

///需要配合详细的设计解释说明，来使用户了解交互动作的流程。

///如果你暂时不能掌握使用相对复杂的原型设计工具，即使使用PowerPoint或者keynote这种幻灯片制作工具，也可以创建可以单击进行交互的线框原型，只需要将这些页面按照交互流程链接在一起就可以了。

低成本：★★★★

高效率：★★★★

准确度：★★★★★

3

“绿野仙踪”（又名“奥兹巫师”）

这个方法听起来是不是十分神秘？它与FrankBaum的故事书还有后来的电影同名。在这个快速原型测试中，这个“巫师”，通常是设计者或是其他非常熟悉这个设计的人，负责远程操控用户的屏幕，其实用户的每一次点击都并没有任何直接的效果，而是由“巫师”控制接下来将呈现给用户什么界面。“巫师”甚至还可以用一个“正在加载”的页面来过渡，以便在原型开发程度较低或相应较慢的情况下，逼真地对用户的操作提供响应，而用户却并不清楚真正的响应过程。

///当设计师想要测试用户如何与更加真实产品交互效果时，这是非常好的快速原型工具。所以它非常适用于复杂的交互系统，或者是设计项目的后期阶段。

///能够传递交互产品的真实体验。用户在这个过程当中与更为真实的产品进行交互，可以帮助设计师了解更加自然的用户行为特征。

///需要一名操控者，来完成和控制用户所有的交互响应。

低成本：★★★

4

角色扮演

角色扮演的原型方法，又被称为体验式原型法，是一种实验性的快速原型方法。在这个过程当中，设计者可以扮演交互系统与用户进行互动，可以模拟一个设计与用户互动的自然环境。当然，团队中的其他设计者还可以扮演用户，进入用户角色，尝试在用户的立场上思考，更好地了解用户在使用产品时面临的问题。

在设计的构思展开阶段，当设计师和他的团队想要探索交互系统当中某个关键场景的交互效果时，这是一个非常好的原型测试方法。

///更容易唤起情感上的共鸣。角色扮演的方法可以使设计者时刻牢记着自己正在通过设计解决的问题背景，帮助我们深刻理解这个背景，更容易和用户产生移情体验。

///该方法更适合设计前期的功能构思，而对于交互设计产品细节的推敲和微调，它可能并不是特别有效。

///情感在用户体验设计当中会起到重要的帮助效果，用户想要在交互产品当中获得一种积极的情绪体验。这是我们设计的目标。