提示

11

阅读时间

如何使用 ProtoPie 和 UserTesting 进行远程可用性测试

使用 ProtoPie 和 UserTesting,让您的可用性测试取得成功。

凯利公园, 首席用户体验研究员

太长不看版

  • 只需几个步骤,任何人都可以轻松使用 ProtoPie 和 UserTesting 搭建无主持可用性测试

  • 无主持可用性测试可在桌面端和移动端浏览器中进行,也可在 iOS、iPadOS 和 Android 的 ProtoPie Player 中进行。

可用性测试是产品开发过程中至关重要的一环。但它*究竟*是什么呢?

当你有了一个可行的原型(无论是应用、网站还是其他数字产品)后,就需要让真实用户来测试。你可以看到他们喜欢什么、不喜欢什么,理解了什么,以及在哪些地方遇到困难。你获得的反馈将为后续产品开发提供依据,并突出需要进一步关注的领域。

例如,可用性测试可能会暴露以下方面的问题:

  • 理解你的网站如何运作

  • 完成特定操作

  • 漏洞或故障

  • 是否提供了功能完善、高效且愉悦的体验

无主持 vs 有主持可用性测试

可用性测试很重要,但通常成本较高。寻找合适参与者、安排并进行一对一测试都需要时间和精力。因此,许多公司会借助用户测试服务平台,以远程无主持的方式开展可用性测试。什么是远程无主持可用性测试? 在这种测试中,参与者会在无人陪同的情况下完成一系列预先设定的任务(例如:在一款新的地图应用中搜索离你最近的杂货店)。研究人员或设计师不会实时主持和观察会话,而是在之后查看录屏来了解参与者的表现。这意味着更快的周转时间,也能让研究人员以更少时间和精力获得宝贵的用户反馈。

与有主持的线下面对面测试相比,远程无主持可用性测试能让参与者行为更自然。参与者不必在陌生人注视下进行每一步操作——相反,他们处在自己熟悉舒适的环境中。这意味着他们更有可能提供更有价值的可用性反馈。

话虽如此,在 UserTesting 这类平台上进行远程无主持可用性测试仍需一定准备,以确保参与者能按你的预期完成整个体验。

按照以下步骤操作,在结合 ProtoPie 原型使用 UserTesting 时,为测试参与者提供优化的测试体验! 

设置流程

在 ProtoPie Cloud 上准备可用性测试

首先,你需要生成一个 URL 链接,让测试参与者能够访问你的原型。


generate the url link for usability testing

更新访问设置

  • 在 ProtoPie Cloud 的原型页面左侧选项菜单中,点击访问设置(Access Settings)。

  • 允许任何拥有原型链接的人查看和/或下载它。


Access setting as anyone with the link
  • 设置密码保护(Password Protection)以增强安全性(如果组织的安全策略有要求)。

在测试平台内将密码分享给测试参与者,以防他人访问你的原型。可用性测试完成后,你可以更改密码以撤销访问权限。


access settings with password protection

在 Share Pie 中自定义分享设置

完成访问设置更新并启用密码保护后,接下来需要自定义原型在 ProtoPie Cloud 上分享给测试参与者时的展示方式。

  • 在选项菜单中点击Share Pie,并根据需求自定义显示选项。

以下是一些优化测试体验的小建议: 

  • 关闭

  • Touch Hint(这样原型中的可触控区域不会可见)

  • Device Frame(如果在移动设备上测试,则不需要)

  • ProtoPie Interface(关闭后桌面端浏览更干净;在移动设备上可防止弹出“Open in ProtoPie Player”按钮)

  • 开启

  • Touch Cursor(如果测试在触屏设备上进行,可监测参与者触控移动)

  • Scale to Fit(默认已开启)


share pie options
  • 点击Copy Link,现在你就可以在所选可用性测试平台(本例为 UserTesting)使用该链接了。你也可以将其粘贴到记事本中以便随时使用。

生成的链接将如下所示:

https://cloud.protopie.io/p/379e2bcacf?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false

在移动设备上进行可用性测试

与桌面端可用性测试不同,移动设备上的远程无主持测试在设置时需要更多注意。你需要决定原型是通过 ProtoPie Player 应用预览,还是通过 ProtoPie Cloud 在网页浏览器中预览。

在网页浏览器测试与在 ProtoPie Player 测试之间有两个简单差异:

  • 网页浏览器:无需下载 ProtoPie Player

  • ProtoPie Player:需要下载应用,但可提供更真实的测试体验

为什么使用 ProtoPie Player?

在网页浏览器或测试应用中进行远程无主持测试快速且简单。但如果你希望用户体验到设计真实且完整的感觉,ProtoPie Player 是最佳选择。用户下载 Player 应用后,后续流程就会非常顺畅。

尤其当你制作的 pie 使用了设备传感器(如倾斜)或原生功能(如相机或振动),或你只是想确保测试具有沉浸式、逼真的类应用体验时,你应使用 ProtoPie Player 运行测试。好消息是:使用 ProtoPie Player 进行可用性测试现在变得更简单了!你可以使用同一个原型链接,只需添加几条额外说明即可。就是这么简单。

在 UserTesting 上使用 ProtoPie 原型链接设置无主持可用性测试

UserTesting 是一款出色的可用性测试工具,但与 ProtoPie 原型链接配合使用时有几点需要注意。

按照以下步骤,使用 ProtoPie 和 UserTesting 设置无主持可用性测试。

在网页浏览器上进行的测试

  • 在 UserTesting 上创建新测试,并选择“Website”或“Prototype”测试选项之一(不用担心,无论选哪个,设置流程几乎一致)。


how to do usability testing on usertesting
  • 将 ProtoPie 原型链接粘贴到“Starting URL”字段,并按需求设置测试。

你也可以选择“A Blank page”,并将原型链接与测试任务一起分享给参与者。

如果你不要求移动设备参与者使用原生浏览器,原型将通过 Usertesting 的应用内浏览器打开。


add ProtoPie prototype on usertesting


user testing in app and native browser


UserTesting 的应用内浏览器 / 原生浏览器

以下测试会话录屏可帮助你了解 ProtoPie 原型链接在 UserTesting 应用内浏览器中的显示效果:

使用 ProtoPie Player 在移动设备上进行测试

即使你的原型在移动网页浏览器上表现不佳,也不用担心!我们将一步步带你了解如何使用 UserTesting 和 ProtoPie Player 设置移动端无主持可用性测试。

  • 在 UserTesting 上创建“New Test”。

  • 选择一种测试选项——Website 或 App——通过 Player 应用测试你的原型。幸运的是,这两种选项都能与 ProtoPie 原型完美配合,所以选哪种都没问题。


Setting up remote unmoderated study on mobile devices with UserTesting using ProtoPie Player

无论你选择哪种测试选项,最佳实践是在初始筛选问题中告知测试参与者:参与测试需要在其移动设备上安装 ProtoPie Player 应用。

如果你选择“Website”测试选项,只需将 iOS 或 Android 版 ProtoPie Player 的下载链接粘贴到 Starting URL 字段。

iOS:https://apps.apple.com/us/app/protopie-player/id1015837511

Android:https://play.google.com/store/apps/detailsid=io.protopie.companion&hl=en

同样重要的是,如果你选择了“Website”测试选项,需要要求参与者使用原生浏览器。


put starting URL
  • 作为第一个任务,只需提供你的 Protopie 原型链接,并要求参与者复制它(而不是直接点击打开)。

  • 第二个任务中,让他们启动 ProtoPie Player 应用并点击屏幕底部的“Open this Pie”提示。如果原型启用了密码保护,别忘了将密码分享给测试参与者。

得益于 ProtoPie Player 的最新功能更新,原型链接现在可以直接在 Player 应用内打开。应用会自动识别已复制的原型链接并提示你打开。

如果你担心参与者看不到“Open this Pie”提示,ProtoPie Player 还支持手动输入原型链接。他们只需点击蓝色下拉菜单中的“Cloud Pie URL”并粘贴原型链接。如果之前已复制,该字段会自动预填。

[示例说明]

  1. 下载并安装 ProtoPie Player 应用,以打开原型并开始测试会话。

  2. 复制以下链接:https://cloud.protopie.io/p/b4013a7b78?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false

  3. 打开 ProtoPie Player,点击“Open this Pie”以打开你在任务 2 中复制的原型链接。

  4. 如果你没有看到 “Open this Pie”,请点击蓝色按钮上的向下箭头 ▼,找到“Cloud Pie URL”,并粘贴以下链接:https://cloud.protopie.io/p/b4013a7b78?touchHint=false&ui=false&scaleToFit=true&cursorType=touch&mockup=false


usability testing with ProtoPie player
  • 完成其余测试计划设置,以满足你的需求


finish setting up the test plan

了解更多

如需了解如何充分发挥 ProtoPie 的全部能力,请查看我们超棒的支持页面

[免费试用 ProtoPie]