40小时出原型

最近,我在CanvasFlip上的团队得到一个任务:在一个星期内完成原型并进行可用性测试。当我的设计团队发现我们只有5个工作日的时间来完成一个完整的原型时,我们惊慌失措!

我可以保证,世界上每一个设计团队都遇到过类似的情况。我们都经历过疯狂的截止日期,在今天的精细化用户体验的世界里,越来越多的敏捷团队和“快速进入市场”的心态,都要求我们学会如何在短时间内解决问题。为适应这种现状,同时产出优秀、可用、以用户为中心的原型,团队需要有一个可靠的、结构良好的计划。

我们通过设计一个5天的敏捷模型达到了目的。这是一个可复用的模型,其他用户体验设计人员也能使用这个模型如期完成任务。

什么是“敏捷设计(design sprint)” ?

敏捷设计是指在一段固定的时间之内,通常是在5天到3周之间,开发人员或设计人员(或两者)团队完成了一系列的工作。这种设计通常用于敏捷方法。5阶段“敏捷设计”( 5 phase “design sprint”)是一种基于敏捷迭代(agile sprint)的方法论,由谷歌风投(Google Ventures,简称GV)率先推出,随后被用于世界各地的各种初创公司和设计团队,也包括我在CanvasFlip的团队。该计划包括界面设计、原型设计和跟用户一起测试想法三部分。这是一种在团队构建产品或功能之前就可以测试假设,尝试重要想法,并获得分析结果的快捷之路。

当我学着去进行敏捷设计时,发现这似乎是开发新功能或推出新产品的绝佳工具。然而,每个设计团队都有独特的业务目标和资源。因此,敏捷设计是一个方法,团队在此基础上实验地越多并且根据自己的需要及时地调整它,成功的几率就越大。

敏捷设计的目标是完成3-4个可点击的原型,以及可用性测试,以确定和完善一个“最终”原型。接下来我们每天将逐步执行,从第一天的准备开始:在敏捷设计开始之前,我们要准备很多稿纸、便利贴、白板和充沛的精力!

第一天——制定理念和策略

我们早上开始花费了30分钟左右的时间去讨论我们设计的产品以及它的潜在的难点。这个沟通通常是由UX3的研究人员发起的,因为他们可能很熟悉用户的痛点。我们用白板记录沟通过程中的问题,这样我们就能在敏捷设计的全程中看到它们。我们称这个过程为“发现问题”。

紧接着,产品经理、业务团队和开发团队设定所能实现的技术能力的极限。这些有组织的讨论确定了我们在之后的工作范围。

在此基础上,我们讨论了长期目标,确定我们理想的解决方案。相对来说确定我们想要达成的目标,然后去寻找如何达成它的方式是更为简单的事。这个过程使我想起关于阿波罗13号的被称为“敏捷设计”的短篇故事。故事是这样的:在阿波罗13号被损坏后,宇航员需要找到返回地球的方法。飞行指挥抓起一支粉笔,画了一张受损航天器从外层空间返回地球的路径图。这个简单的图表帮助他们把注意力集中在手头的问题上。同样,在本次敏捷设计中,我们使用一个白板来概述我们实现长期目标将采取的步骤,虽然它可能会经历一些小的调整,但总体方向仍然不变。

在此之后,产品经理会与团队沟通几分钟,来定义产品/功能的理想用户角色。

既然每个人都在同一个起点上,所以我们花费整整三个小时来进行关于用户角色需要的个性化思考。在早期,当我们还在为我们的敏捷设计找到最好的模型时,我们开始了集体头脑风暴,但是后面我们意识到当每个人单独思考,然后分享他们的想法时,我们会有更好的结果。

当我们返回房间时,每个团队成员共享他们的用户角色及他们所需要的功能。当他们分享时,我们在白板上做笔记。到我们离开的时候,我们已经有了明确的目标,很好地理解了制约因素,并且有了很多想法。

第二天——发散思维和汇总

第二天都是关于通过草图形成解决方案。这通常是一周中最令人兴奋的一天:大量的头脑风暴,然后通过排序来找到最棒、最优秀的解决方案。

发散思维

我鼓励我的队友在目前的解决方案的基础上进行思考,去探寻新的、创造性的想法。此处有两种对我们有用的发散训练。

疯狂8s——每人手持一张纸,折叠成8份,然后花10分钟抛弃8种想法。标记越大越好,把重点放在快速的想法而非细节上。确保团队成员不会被可能性或当前存在的情况禁锢思维。

流程图——顾名思义,它会通过流程引导你了解一个产品或功能。从用户与功能/产品的第一次交互开始,划分出可以吸引用户进入的每一种可能的流程。它会帮助你构建多种以功能/产品为中心的可能的故事情节。多数情况下,探寻新的和创造性的功能流程将会带来更简洁、更直观的流程。其中一些将会是出乎意料地精彩!

疯狂8s更适合于创建多个界面的构思,而流程图则更侧重于产品/功能中可能存在的多个流程。

汇总

片刻休息过后,是时候开始提炼这些思路了。漏斗顶部已经填满了,现在我们需要将填充物向下移动。同样,我们有两个主要策略。

8到4到2——花15分钟从疯狂8s的8种想法中提炼出4种。然后再花15分钟,从被选出的4种想法中提炼出2种。

魔术图——这个是需求与人力的对比图。创建一个图表,在X轴上以划分为1-10个评分等级,在Y轴上划分为1-10个评分等级。然后画出所有发散思维阶段的想法。能够冲击成功的将是那些命中高需求和低成本的想法。

决策时刻

发散思维和汇总想法通常需要花费整个上午,有时会占用一部分下午的时间。但第二天的最后几小时是最关键的,我经常邀请利益相关者加入进来。

每位团队成员都应该准备与团队分享2个“最佳”或是最终想法。对于每个想法,他们该展开探讨,回答提问并接受更多建议。在每位团队成员分享完想法之后,就该进行无声的投票了。每个人有6票——我经常使用贴纸当做选票。团队成员和其他利益相关者可以在房间里走动,把他们的贴纸贴在他们认为最好的点子上。目标是确定出整个团队都愿意去继续推进的两个最终的想法。

第三天——构建线框图.创建原型.验证UX流程

今天有许多工作要创建完成!我们把团队划分成小组,这样每个组都能为前一天的两个想法制作线框图。

为了节省时间,在绘制线框图阶段的最佳开始方式是使用笔和纸。我个人认为纸质原型在这个阶段是最好用的,因为目的是验证流程。用户应该关注基本的元素,而不是设计的美感。(当我们进入这个阶段时,CanvasFlip工具也支持纸质原型,这显然是我最喜欢的。)

我们花了一整天的时间在线框图上,在时间允许的情况下把它们放在像Balsamiq这样的在线程序中,或者使用CanvasFlip将纸质草图放进原型中。一旦线框图完成,我们便和团队的其他成员分享原型。在一群封闭型的团队成员们那里测试线框原型,这能帮助我们验证原型的流程。

在最后一小时,我们讨论了线框原型以及通过在我们自己的团队进行内部测试所总结出的UX见解。设计师们对原型的各个部分发表意见。在房间里,我们也有UX研究人员进行见解分享。因此,到今天为止,我们已经完成了两个原型并准备好进行可用性测试了。

第四天–优化原型

第四天集中精力在两件事上:完成设计并准备可用性测试。一组成员要把今天花费在设计上。如果第三天产出了纸质原型,第四天就可以用来把纸质草稿或者线框图变成高保真原型。最重要的是,第一组需要确定我们计划要测试的所有功能的交互。

第二组要和UX研究员密切合作去编写测试文档(script)并招募测试者。我们通过许多不同的方式招募测试者,包括在社交媒体上,在某些情况下,甚至会雇佣一个专业的服务方。CanvasFlip已经与一些根据用户角色来招募测试者的机构进行了合作。

到今天为止,两个团队都已经有了他们的产出:

两个最终原型(如果只有一个,也没关系)

一个问题列表和主持人的流程指导手册

确保在一天的最后预留出一个小时左右的时间来检查一下原型,列出尽可能多的需要注意的最终假设或者关键点。

第五天——验证

第五天一整天都用来讨论问题、发表见解和得出答案。我们引入真正的用户并验证原型。如果我们在前几天准备好了两个原型,我们要把用户分为两组,每组测试一个原型。这混入了一些A/B测试,这样会产生显著的效果。

我不会解释如何实施一个可用性测试,因为许多人已经写过很多关于可用性测试的话题。相反的,我只记录研讨的重点。此外,我们使用CanvasFlip来实现这一功能,正如我们研发这个工具的目的,通过它我们可以看到更多额外的分析,比如存在更高用户流失率的界面和热点图。但是,不管使用什么工具,重要的是要尽可能多的获取信息,并做大量笔记。

在今天结束时,团队就有了一个经过验证的原型,可以用来继续推进工作。我们已经到达了敏捷设计的末尾,并且团队和利益相关者应该会对他们的选择和用户会对什么做出明确的反应有一个更清晰的想法。

结束语

在短短五天时间里,每天工作将近8小时,我们获得了一个通常需要花费几个月才能产出的成果。通过一切从基础做起,我们对于什么让我们的设计具有可用性和吸引力的有了更深的理解。


名词解释:

1、CanvasFlip:是一个基于云计算的设计协助和测试平台,使设计人员能够创建设计原型和捕获针对他们设计的分析。(https://www.canvasflip.com/

2、敏捷设计(design sprint:一个5阶段框架,通过快速原型和用户测试帮助回答关键的业务问题。敏捷设计让你的团队达到清晰明确的目标和获得交付成果,并迅速掌握关键的学习。这个过程有助于激发创新,鼓励以用户为中心的思维,使你的团队在一个共同的愿景下保持一致,并使你更快地推出产品。(https://designsprintkit.withgoogle.com/

3、script:这个单词有脚本、指南的意思,文档没有脚本的意思,脚本就是剧本,一步步的指南。在英文中提到script多翻译为按步骤指导。此处根据语境翻译为测试文档,因为后文提到了测试人员,他们也是需要按步骤测试的。

原文作者:Monika Adarsh

原文链接:http://www.uxbooth.com/articles/40-hours-to-prototype/

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,362评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,330评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,247评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,560评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,580评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,569评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,929评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,587评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,840评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,596评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,678评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,366评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,945评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,929评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,165评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,271评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,403评论 2 342

推荐阅读更多精彩内容