行业关键字
原型设计测试—如何在不同设备中，进行可用性测试
安静的熊先生
从广义上讲，可用性测试是以用户体验为中心的交互设计测试，通过用户测试来进行产品评估。这种测试的好处是，在投入前端开发、写代码之前，能够对移动应用程序或者网站进行前期测试。那么有人会问，真的有必要这么去做么？我的回答是：除非这款产品没用，否则你会惊讶发现它对用户来说其实很可怕。
毫无疑问，我们甚至可以在没有原型的前提下就进行可用性测试，它可能是信息组织、制作原型导航的最佳途径了。一些流行的原型前测试种类，大概包括：卡片分类、树结构测试及用户面谈。然而，针对不同的对象的测试，又会有相应的差异。下面，我们一起来看看几个实用的原型测试技
1.使用真实名字。在测试中用一些很蠢或者名人的名字，会增添不少乐趣，但这样的效果真的好吗？答案可想而知。所以，最好使用一些真实和通用的名称，现在在网上很多地方都容易找到。
2.避免使用占位符的图像或图标。这类图像和图标也许只适用于线框图，在测试中使用会有误导的作用。比如，有些人会认为这类图像是某种图标和形状的组合。因此，使用合适的图片很重要。
3.用低保真原型进行早期测试。建议先用低保真原型，测试一些基本组件，例如导航栏、标签以及一些结构概念。这样不仅让你的队友测试起来更舒服，而且也不耗费时间。
如何在不同设备中，进行可用性测试？
如果你还是感觉一头雾水，不知道什么是可用性测试，或者不知道怎么更好地去测试自己的产品，也不用太担心。这里，我将用一款“国民”原型工具-Mockplus（又称“摩客”），来实际演示如何在不同设备上更快、更简单地进行可用性测试。
总地来说，Mockplus有七种不同的原型预览和测试方式。每种方式将会逐一介绍，即使不懂代码、设计经验几乎为零的小白也能轻松上手。
1.直接在软件中预览直接按下F5，或者点击菜单栏顶部的“播放键”就可以切换到单独的预览页面。同时，可以选择是否显示链接、批注、备注，调整预览外观、比例等。
2.导出图片有时候，我们需要把原型的一个页面或者多个页面导出，然后发给同事或朋友帮忙看看效果。使用QQ截图好像不方便，使用专业截图工具又似乎太麻烦，那么你可以使用Mockplus的“导出图片”功能。在左上角的主菜单的下拉选项中，就可以找到，支持导出当前页面为图片、导出所有页面为图片。
3.HTML在线发布在顶部菜单栏点击一个云朵的“发布”按钮，进行发布。完成后，点击“查看项目”来进行预览和后期测试。复制这个项目的URL地址，你可以轻松地将项目分享给同事或客户。
4.导出HTML离线包这个功能，可以让你把原型生成HTML网页，在离线状态下预览原型。导出的时候可以选择是否显示控制面板、是否在iOS打开时显示安装指导等选项。同时，你还可以把HTML部署到你自己的服务器上，以供同事或客户分享。
5.导出演示包Mockplus支持导出演示包，对方收到后就可以在Windows或者Mac电脑上，直接打开exe或者app的文件，进行原型预览。这种方式可以直接独立运行，不需要安装，不需要其他软件支持。
6.扫描二维码，在手机中查看原型 在浏览器中演示原型时，可以扫描屏幕左下方的二维码，打开手机浏览器进行预览，是不是很方便呢？
7.输入原型码，在手机中查看原型 项目发布后，直接输入生成的原型查看码，就可以离线预览了。注意，需要先下载Mockplus手机客户端，并且进行项目本地下载。
请大家记得，你的设计不应该被原型束缚，最好的原型工具不一定是最好的设计工具，但是它可以节约你大量的时间。希望今天的分享对大家有帮助，有补充或者建议的朋友，请不吝赐教。
（责任编辑：）
只只，做为一名90后女孩，在2015年鲁美毕业后，创立了物游工作室… []
欢迎关注视觉同盟微信公众号：
微信公众平台：搜索“vudn2004”或扫描下面二维码：
版权所有 &
视觉同盟（）
Copyright & 2004- Incorporated. All rights reserved
视觉同盟旗下子站： |简单灵活的移动可用性测试方法 | 设计达人
爱设计，爱分享。
简单灵活的移动可用性测试方法
赞助商链接
【译者注】在移动设备上进行可用性测试是大多用户体验设计团队既关注又头疼的部分，市面上的各种专业测试工具各有利弊，如何抉择是一道难题。性能好、对用户干扰少、录制质量高、能记录用户面部表情和手部操作、价格便宜等要素成为大家在选择工具与方法时重点关心的内容。
本文作者Colman Walsh提供了一种讨巧的方式，能较好的解决测试中大部分问题。尽管不完美（无法记录用户与移动设备屏幕互动），依旧值得一试，有精力的同学可以结合Lookback（https://lookback.io/），或许能捣鼓出一套更完善的解决方案来。
移动端令人难以置信的增长趋势和移动设备的全面普及，让用户体验设计师的工作更具挑战性与趣味性。这意味着移动应用与移动站点的用户测试成为用户体验工具中的重要一环。
与桌面环境有所区别的是，移动端可用性测试缺少像Silverback或Camtasia这样开箱即用的软件记录工具。
即使不开发一款移动应用，你的网站大部分流量也可能来自于移动设备。执行常规的移动可用性测试，便成为衡量该渠道是否正常工作的唯一途径。
此时需要一定的动手能力，经过多年实验，我们认为已经找到了最理想的手段。如果你想简单测试iPhone或Android的体验，这套方法不仅简单，性价比高，而且效果出色。
旧法：线缆加胶带
过去我们使用“雪橇”将智能手机与摄像头固定在某个位置，从而方便我们记录用户在屏幕上的行为。（要制作一个雪橇，我们在五金店买了一些丙烯酸通过烤面包机将其弯曲成型，非常有趣）
我们将摄像头用胶带粘贴在雪橇上，并且把手机用胶带和尼龙搭扣装好。回头看来，这种做法还是很简陋的。用户不得不经常用两只手托稳手机以保持雪橇稳定，当然也谈不上自然体验。
图1. 用户正在使用绑着摄像头与雪橇的手机
从技术上说它是不可靠的。由于使用了一台笔记本的双摄像头（雪橇上的摄像头和笔记本内置摄像头），我们不得不同时开启两个摄像应用，这导致了一定性能问题。要么在设置中造成内存紧张，要么在测试中摄像头熄灭，往往两者兼而有之。
还有其它一系列问题，比如屏幕炫光和摄像头失焦。总得说来，设置测试环境非常耗时，而且性能不可靠，测试环境并非最优。尤其是客户在身边时，压力尤其大，但这也是那时我们能做到最好的情况。
新招（当然更好）：无线
理想情况下，用户应该无法看到测试环境与软件。我们希望创造尽可能自然的测试环境，只有用户与智能手机，没有线缆、雪橇、摄像头或胶带等干扰。
对于用户体验团队来说，在用户测试中不断学习和洞察才是关键。我们不希望一直为设置测试环境或者摄像头熄灭而费心。
我希望通过介绍一个简单的设置来达成这些目标，它帮助用户体验团队专注于真正重要的事情，让用户专注于他们的手机。因为它非常可靠，所以我们经常在培训课程中面对客户使用。
接下来重点谈智能手机的可用性测试，我们使用一台MacBook作为记录设备。当然，这种方法也适用于Windows PC。
图2. 无线测试的方式更加自然
【第一步：安装软件】
产生神奇效果的关键在于Apple的AirPlay无线技术，该软件能让你把流媒体（音乐、视频）通过无线的方式传送到Apple TV上。
因此，首先你需要购买并安装一个叫做Reflector（大概15刀）的软件，它能将笔记本变成一个AirPlay信号接收器，像Apple TV一样。这样一来，我们能够把用户智能手机屏幕以镜像的方式投射到笔记本电脑上，用户屏幕上的内容将在笔记本屏幕上同步出现。
现在我们可以不需要额外摄像头来录制用户屏幕了，只需要在笔记本电脑上通过屏幕录制软件进行录制即可。强烈推荐ScreenFlow（大概99刀），不但可靠性高，并且在测试环节中能通过笔记本电脑摄像头捕获用户面部内容，这是任何可用性测试的重要组成部分。
【第二步：设置显示器】
这一步是可选的。因为我倾向于使用外接显示器，使主持人和记录员不必同时瞥过用户肩膀来观察行为。这样也能将用户干扰降至最低，用户不会看见面前笔记本电脑屏幕上的巨大手机屏幕投射，它会出现在外接显示器上。
所以，为你的MacBook连上外部显示器，如果外接显示器与笔记本屏幕显示一致内容，意味着这不是我们希望设置的镜像模式。打开“系统偏好-显示”，将“镜像显示”去掉勾选。
图3. Mac的正确显示设置
【第三步：设置Reflector】
要将智能手机内容发送到笔记本电脑屏幕上，只需打开Reflector，在笔记本电脑屏幕左上角的工具栏上可以看到它的图标。
图4. Reflector打开后你将看到的图标
【第四步：对智能手机进行镜像】
现在就是见证奇迹的时刻！如果你使用的是iPhone，从屏幕底部上划，启动AirPlay。然后从列表中选择你的MacBook，再打开镜像按钮。
图5. 在你的iPhone上打开镜像
你的iPhone应该出现在外接显示器的中间，是不是很神奇！（要是iPhone出现在MacBook屏幕中，只要把它拖拽到外接显示器上即可）
使用Android 4.4.2或更高版本设备的，从屏幕顶部向下划动进入设置，选择“投射屏幕”选项，然后选择你的MacBook。
注意：你的智能手机和MacBook必须保持在同一Wi-Fi网络中，要是出现问题，这是故障排除首先进行的事情。
【第五步：设置ScreenFlow】
开始录制前，打开ScreenFlow。初始设置对话框弹出，你需要做如下设置：
图6. 设置ScreenFlow
1、“录制桌面来源”
选中并确保从下拉菜单中选择你的外接显示器。（参照示例中的2270W）
2、“录制视频来源”
选中并确保选择默认选项“FaceTime高清摄像头（内置）”。
3、“录制音频来源”
选中并选择“内置麦克风”。
【第六步】开始录制测试内容
让用户处于MacBook正前方，这样你能在ScreenFlow的预览中看到他们的面部。然后按下红色录制按钮，搞定，现在已经开始录制了。
当你与记录员在外接显示器上观察用户行为时，用户正端坐在空白的笔记本电脑前，像往常一样使用手机，没有线缆、胶带、摄像头或者其它干扰。
在以下截图中，我在iPhone上把玩Spotify。你能看到，在录制手机屏幕的同时，ScreenFlow提供了画中画窗口来显示用户面部表情，完美的可用性测试。
图7. ScreenFlow输出录制内容的截图
当然，这种方式依旧不能展示用户的手指与设备互动的过程。但总体说来，它的优点还是很多（见结论中的列表），算是一个无可非议的好方法。
【设置总览】
需要明确的是，让我们回顾下设置的全貌。用户应该坐在MacBook面前，使用自己的手机，主持人和记录员应该坐在附近，通过外部显示器观察用户行为。
图8. 测试中房间与屏幕等设施的安放方式
使外接显示器正面远离用户视线，否则大屏幕上的手机屏幕影像会干扰用户的注意力。
我们介绍的这种方法有诸多优点值得一试：
首次将所有环节调试完毕之后，接下来每次只需要花费5分钟左右来设置。
它并不完美，但软件崩溃和设置问题出现的几率很低。然而，雪橇+摄像头的方案出现问题则是意料之中的事。
3、性价比高
假如你使用MacBook，整个解决方案只需花费不到200刀。（与之对应，专业高端的可用性测试软件Morae售价2000刀）
高质量并专业的输出，看上去不像是黑客技术。我们把录制的内容与参与的客户、高管们分享，效果很好。
这种方案适用于主流平台：PC、Mac、Android和iOS。
因为不需要任何胶带或者尼龙搭扣，测试者还能使用自己的手机，这让你的测试更加自然有效。
原文地址：
赞助商链接
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，欢迎转载。
印刷工艺必备神技
设计师必看
手机APP设计
新手推荐！
Web用户体验入门书籍
web前端&设计群可用性测试中的任务设计方法
可用性是用来衡量产品质量的重要指标，从用户角度来判断产品的有效性、学习性、记忆性、使用效率、容错程度和令人满意的程度。可用性测试是在迭代设计中不断获得用户反馈，根据用户反馈不断优化产品设计的一种方法。其目的是是建立评价标准，尽可能多的发现可用性问题，并指导产品界面的设计和改进，尽可能地提高产品的可用性质量。
如果想进一步了解可用性测试的计划、执行和分析过程，一文会给您一些介绍和启发。本文仅针对可用性测试工作的重要组成部分——测试任务的设计，进行深入讨论。
为什么要单独说说测试任务的设计，这是因为，测试计划的好坏直接影响到测试效果和工作效率，而任务设计则是测试计划中的重中之重，也是最考验用研人员经验度的部分。
参与过可用性测试的童鞋都知道，测试中，主持人经常会给用户布置一系列的任务，通过用户的操作来发现产品中存在的问题。
为什么需要任务设计？
测试任务是在实验室环境中给予用户使用产品的动机，目的是让用户在合理动机的驱动下，展示他们的操作过程。
任务设计如何做？
通常，测试经验较少的用研人员的习惯做法是，对照产品上的各项功能，逐项写成任务，常见的方式是“请你××××”。这种方式本身并没有错，但是容易让人陷入为了让用户使用某项功能而设计任务的错误之中。其实，比功能本身更重要的是用户的使用目标。所以，在设计任务的时候，必须不断地拷问自己：“我设计的测试任务是真的反映了用户的实际目标么？”尤其是在面对陌生产品的时候。
比如，在网易手机邮箱智能版的测试中，我曾经遇到过一些障碍。由于我自己并不是手机邮箱的目标用户，我经常在办公室环境下使用电脑登录邮箱，对手机邮箱几乎没有需求，所以，很难想象用户是出于什么样的动机来使用这款产品的。这时候，我脑里浮现的几个疑问：
什么样的人有可能使用这款产品？
哪些功能最可能是他们的常用功能？
他们会怎样使用这些功能？
对他们来说，功能与功能之间有什么样的关系？
为了厘清头绪，我请教了邮件部门一位长期负责手机产品的同事，从她的反馈得知，对手机邮箱有需求的用户，他们在工作时间户外活动较多，邮件往来频繁。比较突出的一个群体是外贸行业人员，他们经常有关于产品报价的邮件往来。于是，便有了以下的任务设计：
关于任务设计的详细步骤请参看一文。
设计任务时应注意些什么？
全面覆盖所关注的功能范围
在设计任务前预先列一个任务清单，如下图，在任务设计好之后，逐项对照，确 保任务覆盖到所有关注点。
用户操作舒适自然，符合常态
任务的顺序尽量符合典型用户的典型操作流。还是以上面的例子说话，用户在邮箱中的操作流一般是【登录-查看收件箱-阅读未读邮件-处理一些邮件-（写邮件-保存邮件-发邮件）】，尽量避免让用户感觉到突兀。
适当添加一些剧情
前面说过，测试任务是在实验室环境中给予用户使用产品的动机，为了让动机描述得更加合理化，我们经常会把任务设计得“剧情化”一些，帮助用户更好地融入到产品使用中。
如何评价任务设计的好坏？
任务设计出来后，一定要经历1-2次试测。这点和做产品是一样的道理。我们自己不一定是目标用户，所以，任务设计的好坏需要由目标用户来检验。在试测中，如果用户看到任务设计后对你说，“这种情况我平时经常遇到！” 窃喜吧，你成功了！
一句话总结一下任务设计的要点：关注用户的实际使用目标。
以上是我在工作过程中的一点点体会，希望大家多多尝试，多多实践，也欢迎多多拍砖！～
嘿，确实。不过还是要一定的历程来证明吧……}