揭阳高端网站建设:简单无痛的移动用户测试指南

2019.08.12 mf_web

190

移动设备的惊人增长和移动设备的激增使得UX设计师的工作更具挑战性和趣味性。它还意味着用户测试移动应用程序和网站是UX工具包的重要组成部分。

但与桌面环境不同,Silverback或Camtasia等开箱即用的软件包并未专门用于记录移动可用性测试。

即使您没有开发移动应用,很可能您的网站流量的很大一部分来自移动设备。运行常规移动可用性测试是衡量此渠道对您的客户有多好的唯一方法。

揭阳高端网站建设需要一点黑客攻击。而且,经过多年的实验,我们认为我们已经找到了最好的黑客。如果您想测试iPhone或Android体验,此解决方案简单,经济高效且质量上乘。

老黑客:电线和管道胶带

在过去的日子里,我们使用“雪橇” 将智能手机和相机安装到我们可以记录用户在屏幕上做什么的位置。(为了制作雪橇,我们在五金店买了一些丙烯酸,并在烤面包机上弯曲成形。很有趣。)

我们用胶带将一个网络摄像头连接到雪橇上,然后用胶带和一些尼龙搭扣带安装手机。回想起来,该设备非常粗糙。这对用户来说并不是一种自然的体验,因为用户经常会用双手握住手机以保持雪橇稳定。

在雪橇上的智能手机
智能手机和相机安装在雪橇上的用户。(查看大图)

从技术上讲,它不可靠。因为我们在一台笔记本电脑上使用了两台摄像头(雪橇上的摄像头和笔记本电脑的内置摄像头),我们必须同时打开两个摄像头应用程序。这导致了不稳定的表现。设置它会是一个压力很大的时间,或者我们会在测试过程中遇到停电 - 或者通常是两者兼而有之。

还有其他问题,例如屏幕眩光和相机焦点。总的来说,设置起来非常耗时,性能不可靠,测试环境欠佳。如果客户在附近,那就特别紧张,但这是我们当时所知的最佳解决方案。

更好的方式:无线

理想情况下,测试设备和软件应该对用户不可见。我们想要尽可能自然的环境,只需要用户和他们的智能手机 - 没有电线,雪橇,相机或胶带。

对于UX团队,重点应放在学习和洞察力上。我们不希望在设置上出汗或担心停电。

我想向您介绍一个实现所有这些目标的简单设置。它允许UX团队专注于真正重要的事情,并让用户专注于他们的手机。它非常可靠,我们经常在客户面前和培训课程中使用它。

我们将专注于测试智能手机的可用性,使用MacBook作为录音设备。但这种方法也适用于Windows PC。

无线测试更自然
无线测试更自然。(查看大图)

第1步:安装软件

这种设置的神奇成分是Apple的无线AirPlay技术。这款软件可让您将音乐或视频无线传输到Apple TV。

因此,您需要购买的第一个软件(15美元)和安装的是Reflector,它可以将您的笔记本电脑转换为AirPlay接收器,就像Apple TV一样。这使我们能够将用户的智能手机屏幕镜像到笔记本电脑上:用户智能手机上的任何内容也可以在笔记本电脑上看到。

现在我们有一个场景,我们不需要外部摄像头来记录用户的智能手机屏幕。我们只需要屏幕捕获软件就可以在笔记本电脑上记录智能手机。我个人最喜欢的是ScreenFlow(99美元),原因有两个。这是可靠的,它使用笔记本电脑的相机在会话期间记录用户的脸,这是任何可用性测试的重要组成部分。

第2步:设置监视器

这一步是可选的,但我喜欢使用外部显示器,以便辅助者和记者不必看到用户的肩膀以查看动作。它还最大限度地减少了用户的注意力; 他们不会在他们面前的笔记本电脑上看到他们的智能手机的巨型版本 - 它将在显示器上。

因此,从MacBook到显示器运行延长线。如果显示器和笔记本电脑显示完全相同的东西,这意味着它们被镜像,这是我们不想要的。打开“系统偏好设置”并选择“显示”,并确保未选中“镜像显示”框。

Mac的正确显示首选项
Mac的正确显示首选项。(查看大图)

第3步:设置反射器

要开始将智能手机发送到笔记本电脑,请在Mac上打开Reflector。您将在屏幕左上方的工具栏中看到Reflector图标。

当Reflector打开时,您将看到此图标
当Reflector打开时,您将看到此图标。(查看大图)

第4步:镜像智能手机

现在我们来到神奇的部分。如果您使用的是iPhone,请从屏幕底部向上滑动,然后启用AirPlay。然后从列表中选择您的MacBook(在此示例中,它是“Colman的MacBook Pro”)。最后,将“镜像”开关轻弹至活动(绿色)。

打开iPhone上的镜像
打开iPhone上的镜像。(查看大图)

您的iPhone现在应该出现在外接显示器的中间。魔法!(如果iPhone出现在MacBook的屏幕上,只需将其拖到外接显示器上即可。)

对于安装了Android 4.4.2或更高版本的设备,请从屏幕顶部向下滑动以访问设置。选择“投射屏幕”选项,然后选择您的MacBook。

注意:您的智能手机和MacBook需要在同一个Wi-Fi网络上才能使用。如果您无法立即开始工作,这是排除故障时的第一件事。

第5步:设置SCREENFLOW

要开始录制,请打开ScreenFlow; 将出现新的录制配置框。您需要调整以下三个设置:

设置ScreenFlow
设置ScreenFlow。(查看大图)

  • “记录桌面”检查此项并确保从下拉菜单中选择外部显示器(下例中为“2270W”)。

  • “录制视频”选中并选择“FaceTime HD Camera(内置)”,这是默认选项。

  • “录制音频”选中此项并选择“内置麦克风”。

第6步:开始记录测试

将用户直接放在MacBook前面。你应该在ScreenFlow预览中看到他们的脸。然后,按下大红色记录按钮。就是这样 - 你现在正在录音。

当您和观察者正在观看显示器上的动作时,用户将坐在空白笔记本电脑前,正常使用他们的智能手机 - 没有电线,胶带,相机或侵入式安装。

在下面的屏幕截图中,我正在使用我的iPhone上的Spotify。您可以看到,除了捕捉智能手机的屏幕外,ScreenFlow还提供了用户的画中画显示,非常适合可用性测试。

屏幕截图录制输出的截图
ScreenFlow录制输出的屏幕截图。(查看大图)

当然,录制不会显示用户的手指与设备交互。但是这种技术的总体好处是如此之多(参见下面的列表),权衡是合理的。

安装概述

为了清楚起见,让我们回顾一下您的设置应该是什么样子。用户应该坐在MacBook前面,手中拿着智能手机。辅导员和notetaker(如果你有的话)应该坐在附近,看着外部显示器。

房间设置
如何设置房间和屏幕进行测试。(查看大图)

使显示器远离用户。看到他们的智能手机在大屏幕上闪烁,会让人分心。

结论

这种方法有很多优点,值得列出它们:

  • 简单。在您第一次将事物放在一起之后,第二次设置大约需要五分钟。

  • 可靠。它并不完美,但崩溃和设置问题很少见。然而,使用雪橇和摄像机方法,问题与课程相同。

  • 具有成本效益。如果您使用的是MacBook,那么您可以以低于200美元的价格购买此解决方案。(相比之下,高端可用性测试软件Morae的售价为2,000美元。)

  • 专业。产量高品质,专业。它看起来不像是黑客。我们与客户,高管,每个人分享了我们的录音。

  • 灵活。该解决方案适用于主要平台:PC,Mac,Android和iOS。

  • 方便。最后,因为您不需要任何胶带或魔术贴,测试参与者可以使用自己的手机。这使您的测试更加自然和有效。


揭阳高端网站建设

最新案例

联系电话 400-6065-301

留言