行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

新

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

提示
•

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]