【译者注】Adobe近日发布Adobe Experience Design CC(原Adobe Project Comet)公测版,新兴的原型工具Silver被InVision收购,业界类似事件的发生再次掀起了原型工具讨论的热潮。尽管当前阿里集团各团队的研发流程不尽相同,各有千秋,但原型对团队的帮助却越来越明显。 译者上家公司的Scrum团队就是在Sprint中以交流、草图和原型为主,文档输出逐渐弱化,可惜5年前的设计工具还没有发展到这么成熟的阶段,很多创意只能依靠静态的paper prototype沟通。这是设计师最好的时代,原型设计再次成为设计师必备技能,那么应该以何种心态和思维方式来对待原型设计呢?相信这篇文章可以给部分设计师带来启发。

本文内容经过即将出版的新书《Sprint:搞定难题验证想法5日秘诀》授权和许可改编在medium发表。

很荣幸能够在第一时间收到我的三位Google风投合作伙伴Jake Knapp, John Zeratsky和Braden Kowitz编写的新书《Sprint:搞定难题验证想法5日秘诀》。几年之前,Jake就引入了敏捷开发中Sprint的概念,它是通过设计、原型制作和同客户验证创意来快速回答关键问题的流程。从某种程度来说,它是业务策略、创新、行为科学、设计思维等内容的合集,是一种能够适用于任何团队实战检验的流程。它被广泛运用到他们在GV所投资公司的工作流程中,例如Slack,Blue Bottle Coffee和Foundation Medicine。如今,这些方法被编写成一本书,这样团队可以在任何地方开始尝试自己的Sprint。

一个Sprint发生在短短的五天内。周一,分解需要解决的问题。周二,在纸上用草图描绘有竞争力的解决方案。周三,决定如何将创意转化为可检验的假设。周四,推敲出一个原型。周五,与真实用户进行测试检验。

Jake邀请我从书中选择一个章节发布简要摘录,我选择了自己最喜欢的一章内容:原型设计。Sprint提供了良好机会,在你正式开始打造MVP(敏捷开发概念,最小价值产品,被广泛用到精益设计流程中)之前,就能从这些时刻与原型保持互动的客户身上学习。现在你就可以随处预订本书,来了解相关内容。

0*VmBiscec4cJRiteZ

原型设计思维

一个长着方下巴的西部牛仔站在酒吧门外,他调整帽子后瞥了一眼满是尘土的街道,发现五个黑西装的男人骑在马上,手中紧拽着散弹枪。远处的街上,商店周围有村民在交谈。尘土飞扬如旋风,无人说话,但大家都清楚:镇上有麻烦了。

如果看过一部老的西部电影,你可能非常熟悉这一幕。大量的情景剧中,好人戴白色帽子,坏人则是黑色。小镇看起来是影片中最真实的部分:隔板建筑物、木板通道与大门随风摇曳的酒吧。

当然,这些复古西式电影场景从来不是走完全写实的路线。有时候,导演找到一个看起来不错的拍摄地,比如废弃的鬼城或者风景如画的意大利村庄。但大多数电影都在好莱坞的某套外景中拍摄。牛仔身后的酒吧?仅仅是一个虚幻场景而已,外墙之后什么都没有。

这对观众来说没有什么区别。当看到小镇的一段时间里,我们完全沉迷在故事之中。无论是虚幻场景或者鬼城,沉浸的想象力发挥了作用,让一切看起来似乎那么真实。

在一个Sprint中,周四即虚幻场景。当你对一个正在跟进的问题获得灵感或解决方案时,不需要花费成年累月来构建它。你能够在一天之内就做出原型,让一切显得那么真实,正如复古西部电影中的虚幻场景。到了周五,你的客户就像电影观众一样,会忘记周遭一切虚拟的场景而专注于体验产品。

虚幻场景比你想象中更容易搭造。比如你正在进行一个需要100天完成的项目,能做到90%的程度已经足够逼真,从而方便进行测试。简答的数学判断是,你需要花费90天来达到90%的程度,这样你得在3个月左右之后才可以测试。不过,要是仅仅做一个虚幻场景,便能在一天之后就达到90%的程度。

“哇,伙计!”你可能认为这有点扯。正如周四早晨时,除了白板上的涂鸦与纸上的草图你还未做任何事情,我们能指望在一天内制作出真实的原型吗?这是否不可能呢?确实不可能,除非你已经在Sprint前三天中完成了最困难部分的工作。使用一个故事板来移除所有产品功能范围的猜测,画出解决方案的草图,配上文字和细节说明。这时候你已经准备就绪,能够利用合适的技能来打造原型了。

没错,制作一个更完美的原型需要更长时间,但这样做的话只对学习进度有所延缓。如果产品设计方向无误,这些都无所谓。但面对的现实往往是并非每个创意都是对的,无论你是冒险尝试一个大胆想法,或者仅仅在无法确信时寄望于及早弄清方向。在错误的事情上浪费时间无疑最让人心烦,也许最大的问题是,你越花费精力投入的东西,不论是原型或真实产品,你越无法承受测试后的糟糕结果。仅一天的投入,你还能接受反馈及时调整。要是三个月的投入,或许你在发现错误后已经觉得回头太难。

0*TDee7qOeG9q7wkcH

0*a6GJO9VXfxT7EVTd

0*U-6d1QR3c3HEfarv

起初,你处在以上图表的甜蜜点,仍未确信你的想法是否靠谱,万一测试结果不理想,你会很容易调整或者抛弃想法。如果你相信虚幻场景的力量,很容易像图中的弧线一样在短时间内达到90%程度的效果。不需要管道,也没有布线,也没有结构工程,只要搭建一个虚幻场景即可。

或许做一个虚幻场景让你和团队都感觉心里没底,为了及早测试想法,你需要在观念上做临时改变:从完美到恰好为止,从长期品质到暂时模拟。我们称之为原型设计思维,它由四个简单原则组成。

1、万物皆可原型

这么说听起来有点老套,但确实如此,请务必相信。如果在进入周四时怀着乐观的心态,保持总有方法制作原型并测试产品的信念,你就能搞定。在下一章节中,我们会聊聊制作硬件、软件和设备原型的具体方法,它们可能对你有帮助,可能需要你充分利用各类资源来自己搞定。只要保持乐观并且秉承原型设计思维,几乎总有办法。

2、原型阅后即焚

不要试图制作任何不愿意抛弃的原型。切记:这个点子可能不靠谱。所以不要让自己容易沉溺在花费数日准备原型的想法中,减少对原型上额外工作回报的期待。与此同时,迷恋上可能会被证明失败的方案,你会更加失落。

3、原型点到即止

原型存在的意义即验证假设,所以请保持它聚焦在目标上。我们不需要一个完整功能的产品原型,只需要被测试的与用户互动的部分看起来像真的一样。

4、原型必须真实

为了获得周五检验结果的准确性,不能要求客户凭想象去完成测试。你得展示真实的原型,如果这样,客户的反应将是真实的。

怎样才算真实?周五测试原型时,你希望客户的反应是自然真实的。要是仅仅出示虚幻的原型,比如手绘的纸上原型或者简单的线框设计,是没法奏效的。

一旦客户无法完全沉浸在真实场景中,他们就会自动切换到反馈模式。这种模式下的客户会努力表现的更有帮助并绞尽脑汁的提供建议。在周五测试时,客户的本能反应更具价值,而反馈的意义就要大打折扣。

反应和反馈的区别很重要。人们往往希望通过原型来验证客户的本能反应,在一天的日程之内越真实越好。我的合作伙伴Daniel Burka说过,理想原型应该拥有“金发女孩的品质”。要是原型质量太低,人们不会相信这是真实产品。要是原型质量太高,会耗费太多精力以致于无法按时完工。原型需要“金发女孩的品质”,不要太高,也不算太低,恰到好处即可。

0*S055Tip5b7H2ra9X

诚然,“金发女孩品质”对不同的产品要求也不同。该书中收录了5个团队的详细案例,从iPad应用到医学诊所的原型都有。当你阅读他们的故事时,你将了解每个团队如何确保原型达到“金发女孩的品质”,并且学习到他们是如何将原型设计思维融入独特的挑战之中。

原文地址:
https://medium.com/galleys/the-prototype-mindset-396c979a356f#.2puoc7uep

译者:

阿里巴巴1688事业部/无线交互/舒舟

【译者注】在移动设备上进行可用性测试是大多用户体验设计团队既关注又头疼的部分,市面上的各种专业测试工具各有利弊,如何抉择是一道难题。性能好、对用户干扰少、录制质量高、能记录用户面部表情和手部操作、价格便宜等要素成为大家在选择工具与方法时重点关心的内容。本文作者Colman Walsh提供了一种讨巧的方式,能较好的解决测试中大部分问题。尽管不完美(无法记录用户与移动设备屏幕互动),依旧值得一试,有精力的同学可以结合Lookback(https://lookback.io/),或许能捣鼓出一套更完善的解决方案来。

移动端令人难以置信的增长趋势和移动设备的全面普及,让用户体验设计师的工作更具挑战性与趣味性。这意味着移动应用与移动站点的用户测试成为用户体验工具中的重要一环。

与桌面环境有所区别的是,移动端可用性测试缺少像Silverback或Camtasia这样开箱即用的软件记录工具。

即使不开发一款移动应用,你的网站大部分流量也可能来自于移动设备。执行常规的移动可用性测试,便成为衡量该渠道是否正常工作的唯一途径。

此时需要一定的动手能力,经过多年实验,我们认为已经找到了最理想的手段。如果你想简单测试iPhone或Android的体验,这套方法不仅简单,性价比高,而且效果出色。

旧法:线缆加胶带

过去我们使用“雪橇”将智能手机与摄像头固定在某个位置,从而方便我们记录用户在屏幕上的行为。(要制作一个雪橇,我们在五金店买了一些丙烯酸通过烤面包机将其弯曲成型,非常有趣)

我们将摄像头用胶带粘贴在雪橇上,并且把手机用胶带和尼龙搭扣装好。回头看来,这种做法还是很简陋的。用户不得不经常用两只手托稳手机以保持雪橇稳定,当然也谈不上自然体验。

Mobile-testing-old-way-500-opt
图1. 用户正在使用绑着摄像头与雪橇的手机

从技术上说它是不可靠的。由于使用了一台笔记本的双摄像头(雪橇上的摄像头和笔记本内置摄像头),我们不得不同时开启两个摄像应用,这导致了一定性能问题。要么在设置中造成内存紧张,要么在测试中摄像头熄灭,往往两者兼而有之。

还有其它一系列问题,比如屏幕炫光和摄像头失焦。总得说来,设置测试环境非常耗时,而且性能不可靠,测试环境并非最优。尤其是客户在身边时,压力尤其大,但这也是那时我们能做到最好的情况。

新招(当然更好):无线

理想情况下,用户应该无法看到测试环境与软件。我们希望创造尽可能自然的测试环境,只有用户与智能手机,没有线缆、雪橇、摄像头或胶带等干扰。

对于用户体验团队来说,在用户测试中不断学习和洞察才是关键。我们不希望一直为设置测试环境或者摄像头熄灭而费心。

我希望通过介绍一个简单的设置来达成这些目标,它帮助用户体验团队专注于真正重要的事情,让用户专注于他们的手机。因为它非常可靠,所以我们经常在培训课程中面对客户使用。

接下来重点谈智能手机的可用性测试,我们使用一台MacBook作为记录设备。当然,这种方法也适用于Windows PC。

Mobile-testing-wireless-500-opt
图2. 无线测试的方式更加自然

【第一步:安装软件】

产生神奇效果的关键在于Apple的AirPlay无线技术,该软件能让你把流媒体(音乐、视频)通过无线的方式传送到Apple TV上。

因此,首先你需要购买并安装一个叫做Reflector(大概15刀)的软件,它能将笔记本变成一个AirPlay信号接收器,像Apple TV一样。这样一来,我们能够把用户智能手机屏幕以镜像的方式投射到笔记本电脑上,用户屏幕上的内容将在笔记本屏幕上同步出现。

现在我们可以不需要额外摄像头来录制用户屏幕了,只需要在笔记本电脑上通过屏幕录制软件进行录制即可。强烈推荐ScreenFlow(大概99刀),不但可靠性高,并且在测试环节中能通过笔记本电脑摄像头捕获用户面部内容,这是任何可用性测试的重要组成部分。

【第二步:设置显示器】

这一步是可选的。因为我倾向于使用外接显示器,使主持人和记录员不必同时瞥过用户肩膀来观察行为。这样也能将用户干扰降至最低,用户不会看见面前笔记本电脑屏幕上的巨大手机屏幕投射,它会出现在外接显示器上。

所以,为你的MacBook连上外部显示器,如果外接显示器与笔记本屏幕显示一致内容,意味着这不是我们希望设置的镜像模式。打开“系统偏好-显示”,将“镜像显示”去掉勾选。

Mac-system-preferences-500-opt
图3. Mac的正确显示设置

【第三步:设置Reflector】

要将智能手机内容发送到笔记本电脑屏幕上,只需打开Reflector,在笔记本电脑屏幕左上角的工具栏上可以看到它的图标。

Mac-reflector-toolbar-500-opt
图4. Reflector打开后你将看到的图标

【第四步:对智能手机进行镜像】

现在就是见证奇迹的时刻!如果你使用的是iPhone,从屏幕底部上划,启动AirPlay。然后从列表中选择你的MacBook,再打开镜像按钮。

iOS-mirroring-setup-500-opt
图5. 在你的iPhone上打开镜像

你的iPhone应该出现在外接显示器的中间,是不是很神奇!(要是iPhone出现在MacBook屏幕中,只要把它拖拽到外接显示器上即可)

使用Android 4.4.2或更高版本设备的,从屏幕顶部向下划动进入设置,选择“投射屏幕”选项,然后选择你的MacBook。

注意:你的智能手机和MacBook必须保持在同一Wi-Fi网络中,要是出现问题,这是故障排除首先进行的事情。

【第五步:设置ScreenFlow】

开始录制前,打开ScreenFlow。初始设置对话框弹出,你需要做如下设置:

ScreenFlow-recording-setup-500-opt
图6. 设置ScreenFlow

1、“录制桌面来源”

选中并确保从下拉菜单中选择你的外接显示器。(参照示例中的2270W)

2、“录制视频来源”

选中并确保选择默认选项“FaceTime高清摄像头(内置)”。

3、“录制音频来源”

选中并选择“内置麦克风”。

【第六步】开始录制测试内容

让用户处于MacBook正前方,这样你能在ScreenFlow的预览中看到他们的面部。然后按下红色录制按钮,搞定,现在已经开始录制了。

当你与记录员在外接显示器上观察用户行为时,用户正端坐在空白的笔记本电脑前,像往常一样使用手机,没有线缆、胶带、摄像头或者其它干扰。

在以下截图中,我在iPhone上把玩Spotify。你能看到,在录制手机屏幕的同时,ScreenFlow提供了画中画窗口来显示用户面部表情,完美的可用性测试。

screenshot-of-recording-500-opt
图7. ScreenFlow输出录制内容的截图

当然,这种方式依旧不能展示用户的手指与设备互动的过程。但总体说来,它的优点还是很多(见结论中的列表),算是一个无可非议的好方法。

【设置总览】

需要明确的是,让我们回顾下设置的全貌。用户应该坐在MacBook面前,使用自己的手机,主持人和记录员应该坐在附近,通过外部显示器观察用户行为。

user-testing-overview-setup-500-opt
图8. 测试中房间与屏幕等设施的安放方式

使外接显示器正面远离用户视线,否则大屏幕上的手机屏幕影像会干扰用户的注意力。


结论

我们介绍的这种方法有诸多优点值得一试:

1、简单

首次将所有环节调试完毕之后,接下来每次只需要花费5分钟左右来设置。

2、可靠

它并不完美,但软件崩溃和设置问题出现的几率很低。然而,雪橇+摄像头的方案出现问题则是意料之中的事。

3、性价比高

假如你使用MacBook,整个解决方案只需花费不到200刀。(与之对应,专业高端的可用性测试软件Morae售价2000刀)

4、专业

高质量并专业的输出,看上去不像是黑客技术。我们把录制的内容与参与的客户、高管们分享,效果很好。

5、灵活

这种方案适用于主流平台:PC、Mac、Android和iOS。

6、方便

因为不需要任何胶带或者尼龙搭扣,测试者还能使用自己的手机,这让你的测试更加自然有效。

原文地址:
https://www.smashingmagazine.com/2015/12/simple-and-painless-mobile-user-testing/

译者:

阿里巴巴1688事业部/无线交互/舒舟