原型测试怎么做？任务、观察与修改步骤

做原型测试，先确定一个用户任务，再搭出完成任务所需的页面和状态；把原型交给目标用户，观察他如何操作、哪里停顿、为什么放弃，最后根据证据修改并重测。测试重点不是让参与者称赞设计，而是发现任务能否被理解和完成。

下面从蓝图、保真度讲到连接画板和分享，以“购买一件球衣”为任务，说明如何用可交互原型与团队评审把想法变成能观察的操作过程。

原型既可以用于内部讨论，也可以用于面向目标用户的测试。两者的参与者和观察重点不同：团队评审关注方案与实现约束，用户测试关注真实任务中的理解与操作，记录时不要混为同一种反馈。

一些原型设计在以下关键时刻会派上用场：

1. 可用性测试。用户知道如何退出页面吗？能否找到商品并完成购买路径？在设计进入开发之前，就可以通过可操作原型观察这些问题，不必等产品上线后再发现。

2. 利益相关者的参与。需要检查你的演示路径和交互事件是否正确显示。将你的原型链接传给你的测试团队，他们可以对其进行真实的测试。

3. 给客户留下深刻印象。原型可以为客户提供实践经验，从而帮助阐明甚至推销你的创意。

4. 传达你的愿景。通过使用交互式媒体来预览和测试设计元素，设计师和开发人员可以更好地了解彼此以及项目。

既然现在我们已经知道原型有多么有用了，那么是时候学习如何发挥它们的功能了。

勾勒你的原型蓝图

如果你刚刚才开始设计原型，那么勾勒出你的想法会让你的工作保持条理性和专注性。不确定从哪里开始勾勒你的原型蓝图？没关系，我们可以帮助你：

1.收集你所有的笔记。笔记可能来自客户、合作者，甚至是你曾经随意贴在冰箱上的便利贴。在勾勒原型蓝图之前，尽可能多地收集有关你的原型的计划和期望的信息。

2.开始勾勒出原型的各个阶段。你希望用户看到的第一件事是什么？在规划用户旅程的时候，开始勾勒你的想法。

3.整理草稿中的关键路径。为每个阶段标出用户要完成的动作和下一步去向，找出尚未连接的页面、缺少的状态或不明确的退出路径。

设置原型的最佳实践

在投入制作原型之前，需要考虑以下几点：

低保真还是高保真？保真度指原型与最终产品在内容、视觉和交互上的接近程度。若主要验证信息顺序和任务路径，可先用线框；若要判断按钮是否容易发现、文字是否清楚或交互反馈是否可理解，就需要相应程度的视觉和状态细节。测试问题决定做到哪一层，不是保真度越高越好。

高保真原型，考虑你的用户

为了创建容易理解的用户流程，应从用户的任务、需求和习惯出发考虑页面顺序。后续测试仍可以微调方案，但在早期明确这些要求，有助于减少无关步骤。

从内而外开始。组织任务和创建对用户更友好的原型的一个好方法是“由内而外”地构建原型。首先关注对你的用户来说重要的内容，例如立即购买按钮或图片库，然后按优先级顺序列出每个元素。这样，你就能够创建一个将用户需求置于设计核心的原型。

使用 Pixso 创建原型

先创建所需尺寸的画板，将登录、商品详情、规格选择和订单确认等页面分别放在画板中。切换到右侧“原型”面板，选中需要触发操作的图层，把触发点拖到目标画板，再设置触发方式、操作与动画。连接完成后，从播放入口走一遍完整路径；Pixso 原型帮助提供了创建、播放与流程起点的说明。

发布前进行可用性测试

在开发前测试设计，是制作原型的重要价值之一。分享原型并开始测试之前，先明确要验证的任务、页面范围和目标用户。

• 测试的目的是什么？
• 测试参与者需要什么来完成此目标？
• 你应该为 beta 测试人员提供多少背景信息？

根据原型范围，选择一段足以回答问题的路径。例如购物网站的原型，可以让参与者为周末比赛挑选一件符合尺码要求的球衣，并走到订单确认页面；不需要在这轮测试里实现真实付款。

参与者应符合这次任务涉及的用户特征，例如有过网购球衣经历、熟悉自己的尺码，但未提前看过这份设计。记录筛选条件，不把内部设计同事熟练完成任务的结果当成所有用户都能完成。

把“点哪个按钮”改成“要完成什么事”

任务卡可以写：“你要参加周末的球赛，需要一件适合自己的蓝色球衣。请找到合适的商品，选择尺码，并确认最终需要支付的金额，停在下单前。”这段话交代了目标和边界，却没有告诉参与者先点哪一栏、必须用搜索还是分类。

不要写成“点击分类，选择运动服，再点击蓝色球衣的购买按钮”。这种指令测到的是能否执行步骤，无法暴露用户是否理解信息架构。NN/g 的可用性测试任务设计指南强调真实情境、明确动作目标，以及不泄露界面操作答案。

先请一位未参与制作的同事试走任务，目的是排除断链、文字占位和权限问题，不把这次试走计为正式用户结论。开始后先让参与者自行操作；需要追问时，可问“你刚才以为接下来会出现什么”，不要问“这个按钮是不是不够明显”。

让参与者从同一起点体验原型

让原型测试更顺畅的操作技巧

在 Pixso 中，原型最初是一系列简单的链接画板，但你可以做的还有很多。准备好让你的原型更上一层楼了吗？

1. 连接关键路径。在“原型”面板中从触发对象连接到目标画板，并检查返回与取消是否也能到达正确位置。不要只让正向购买路径可以点击。

2. 整理演示范围。将本轮需要的画板按路径排列，把尚未实现的部分写在主持人的准备记录里，避免演示时把无关画板当作测试页面。

3. 设置转场。为切换、弹出和关闭安排合适的动画，帮助说明状态关系。测试内容若是商品信息能否被理解，就不必先花时间制作复杂装饰动效。

4. 选择动画后，打开原型预览窗口以查看其外观。

5. 检查可点击区域。小图标可以有更大的点击区域，但原型中的范围应与计划交付的实际控件一致。不能为了让测试顺利，把整个页面都做成一个跳转热点。

6. 区分演示提示和测试提示。内部讲解时可以指明可点击位置；观察首次使用时，应避免额外提示暴露答案，并记录主持人何时提供过帮助。

7. 把任务说明放在合适位置。主持人可以持有单独任务卡，给参与者的是简短目标和必要背景。不要在待测按钮旁加一段“下一步点这里”，让测试变成照着提示完成练习。

8. 确认流程起点。在原型面板中设置本轮流程的起始画板，并用分享后的播放链接从头打开一次。起点一致，才能知道不同参与者面对的是同一段任务。

把发生的事和你的解释分开记录

观察表先记动作，再写推测。比如“参与者打开尺码说明两次，返回后重新选择了尺码”是观察；“尺码标签不够清楚”是待验证解释。先把证据保留下来，再决定是调整标签、增加说明，还是修改选项排列。

若用户点击一个本来就没有连接的付款区域，应先判断它是否在本轮范围内。范围外的缺口不等于真实产品失败；范围内的断链则是原型准备问题。另一方面，用户反复寻找不存在的尺码说明，即使原型可点击，也可能暴露内容与预期之间的差距。

整理结果时，优先处理阻断主要任务、让人误选或无法恢复的问题，再看仅影响观感的细节。修改后保留旧版本与问题记录，重新走同一任务；小规模测试可以帮助定位问题，但不应把几位参与者的完成比例包装成全体用户的成功率。

分享你的原型

完成原型并检查关键路径后，可以复制分享链接，邀请具有相应权限的成员预览和反馈。正式测试前，用分享后的链接确认起点、页面范围与访问权限，确保参与者能打开本轮需要的内容。