第4章 测试环境搭建：设备配置、原型部署方式、录制工具准备
测试环境是原型验证的基础设施。设备选型错误、原型部署路径不通或录制工具缺失，都会直接导致验证数据失真或采集失败。本章围绕三类核心环境要素，给出可复用的搭建SOP，确保每次测试前环境状态一致、可追溯。
4.1 适用场景
- 首次搭建测试环境：项目启动时，需要从零配置设备、部署原型并安装录制工具。
- 跨场地/跨设备测试：需要在多终端（PC、平板、手机）或多地点并行开展用户验证。
- 远程用户测试：用户分布在不同地域，需要统一部署云端原型并远程录制操作行为。
- 高保真原型验证：涉及交互逻辑、动效或数据联调，需要对原型部署方式进行选型。
提示：如果只需要快速验证低保真线框图，可以跳过移动端部署和高级录制工具，仅用本地浏览器预览 + 系统自带录屏。
4.2 前置条件
- 已确认测试用户数量及终端类型清单（桌面端/移动端/平板）。
- 已获取 Axure RP 9+ 生成的
.html原型包或云端共享链接。 - 所有待用设备已接通电源、连接网络，并关闭系统自动更新和弹窗拦截。
- 录制工具（录屏、音频、眼动等）已获得正版授权或试用许可。
- 测试环境网络策略已开放所需端口（云端部署需 443 端口；本地部署需 8080/3000 等端口）。
注意：企业内网环境需提前向 IT 部门申请临时白名单，避免部署后无法访问。
4.3 操作步骤
4.3.1 设备配置
- 硬件选型：根据测试计划确定设备型号，优先使用目标用户群体的主流设备（屏幕尺寸、操作系统版本、内存）。
- 系统准备：恢复出厂设置或清理至基准状态；关闭通知、屏保、休眠；设置固定分辨率与亮度。
- 网络配置：连接与测试环境一致的 Wi‑Fi（带宽 ≥ 50Mbps，延迟 ≤ 30ms）；若测试离线场景则断开网络。
- 权限检查：开启“安装未知来源应用”（Android）或“允许从任意来源下载”（macOS），确保 Axure 原型可正常打开。
- 一致性校验：使用清单逐项勾选，确认每台设备的系统版本、浏览器版本、可用存储空间符合基线。
设备配置完成后，建议在每台设备上运行一次
speedtest-cli 或同类工具，记录网络基准值并保存截图。4.3.2 原型部署方式
根据测试场景选择部署方式，三种方式对比见下表：
| 部署方式 | 适用场景 | 操作指令 / 路径 |
|---|---|---|
| Axure Cloud 部署 | 远程测试、多人并发 | |
| 本地 Web 服务器部署 | 内网测试、高安全环境 | |
| 移动端本地部署 | 移动端原型验证 | |
- 选择部署方式：远程测试优先 Axure Cloud；内网测试用本地 Web 服务器；移动端测试用本地文件部署。
- 验证可访问：在目标设备上打开原型链接/文件，确认所有页面、交互、动态面板均正常加载。
- 记录部署参数：包括 URL、端口号、访问密码、设备 IP、部署时间戳。
避坑：Axure Cloud 免费版每日访问次数有限制，批量测试前需确认配额，避免中途失效。
4.3.3 录制工具准备
- 屏幕录制：安装 OBS Studio 28+（桌面端）或 AZ Screen Recorder（移动端），配置录制参数：分辨率 1920×1080，帧率 30fps，比特率 10Mbps。
- 音频录制：连接外置麦克风（推荐心形指向型），在 OBS 中新建“音频输入捕获”源，调整增益至 -6dB ~ -3dB。
- 行为日志：部署日志采集脚本（如
user-events-logger.js），嵌入 Axure 原型 HTML 的<head>中，自动捕获点击、输入、滚屏事件。 - 备份策略：设置录制文件自动保存至指定目录，录制时长超过 30 分钟时启用分段保存（每 15 分钟一个文件）。
日志采集脚本示例（嵌入原型使用）：
<script src="https://cdn.example.com/user-events-logger.min.js"></script>
<script>
USER_EVENTS.init({
apiEndpoint: 'https://log.example.com/collect',
sessionId: 'SOP-TEST-20250201',
captureClicks: true,
captureScroll: true
});
</script>4.4 输入输出物
| 模块 | 输入物 | 输出物 |
|---|---|---|
| 设备配置 | 测试设备清单、系统基线文档 | 设备配置确认表（含网络测速截图） |
| 原型部署 | Axure 原型 .html 包或 Cloud 链接 |
可访问的原型地址 + 部署参数记录 |
| 录制工具准备 | OBS Studio 安装包、日志采集脚本 | 录制配置文件（.json）、日志采集验证报告 |
4.5 责任边界
- 测试工程师：负责设备配置、原型部署、录制工具安装及环境验收，输出《环境搭建验收单》。
- 用户研究员：提供测试设备清单、原型访问权限需求及录制参数要求，验收环境是否符合研究方案。
- IT 支持（如有）：负责网络策略开通、设备借用与系统还原、Axure Cloud 账号配额管理。
- 原型设计师：交付可导出的原型包，确认 Cloud 共享权限设置正确。
4.6 记录材料
- 设备配置清单：设备型号、OS 版本、浏览器版本、网络测速结果、配置人员、配置时间。
- 部署参数表：部署方式、URL/端口、访问密码、部署人员、验证结果截图。
- 录制工具配置快照：OBS 场景截图、音频电平截图、日志脚本注入截图。
- 环境搭建验收单：逐项勾选清单，验收人签字（电子或手写），存档至项目共享文件夹。
4.7 异常处理
| 异常现象 | 可能原因 | 处理方式 |
|---|---|---|
| 原型页面空白 / 加载失败 | Cloud 链接过期 / 本地端口被占用 | 重新发布原型或更换端口（serve ./ -p 8081） |
| 录制视频音画不同步 | 帧率与音频采样率不匹配 | OBS 中设置视频帧率 30fps，音频采样率 44.1kHz |
| 行为日志未上报 | 脚本注入位置错误 / 网络策略拦截 | 确认脚本置于 <head> 最前部；检查 443 端口白名单 |
| 移动端无法打开原型 | 文件路径含中文 / 浏览器不兼容 | 使用纯英文路径；推荐 Chrome 或 Safari 最新版 |
最佳实践：每完成一个模块的搭建，立即执行一次冒烟测试（打开原型 + 录制 30 秒 + 检查日志），问题越早发现，返工成本越低。
4.8 验收标准
- 设备配置：每台设备的系统版本、浏览器版本、网络延迟与带宽均达到基线要求，配置确认表 100% 勾选。
- 原型部署：在目标设备上通过浏览器完整打开原型，所有页面切换、交互反馈、动态面板无报错。
- 录制工具：OBS 录制 1 分钟测试视频，音画同步误差 ≤ 100ms；行为日志在后台可查询到至少 10 条结构化事件记录。
- 整体环境：三项模块全部通过验收，测试工程师与用户研究员在《环境搭建验收单》上签字确认，归档至项目文档库。