原型设计教程

[自译]我们如何使用原型,原型又如何让我们更加高效

0
登录或者登记去做吧。

 

原型是至关重要的,它能够帮助你的团队创造出最好的产品。它是一个机会来试验你的想法,并转化为有形的状态,你可以继续测试或者展开。当你的原型失败之后,你也会很软着陆-这里还有很多机会去迭代和改进。

Adobe新的原型工具Experience Design(Adobel XD)在新功能添加到项目之前,使用原型作为一种方法来测试这些新的功能。作为Adobe XD团队的产品经理,我会分享一些自己的见解,关于团队是如何使用原型来搭建并提高Adobe XD,并且让设计师们制作原型更加高效。

那么我们为什么搭建原型?

原型的作用是沟通和验证假设。他们给团队提供了有形的东西进行交流,缩短了用户和解决方案之间的心理距离。

“一个原型胜过一千次会议。”-IDEO曾经这样说过。

我们搭建原型用来学习,解决分歧,引导交流,管理建立过程。他帮助团队建立同理心,探索可能性(或存在的障碍),而这都是建立在可见的基础上,才能够测试和从中获得启发。

有研究报告支持这个理论:你可以通过“建立思考”或“书写记忆”,这意味着如果你使用你的双手,更多的神经元会被调用来处理你大脑中的任务,让你“思考的更多”或“记忆的更多”。

最大的好处就是回归到风险,我们“失败”的越早,学习的就会越快,越有可能接近成功。

1473325588-4748-658161-be6e99d1ab137360

越早失败,会帮助你节省时间和金钱

我们越早失败是为了验证哪些工作是不需要做的,这成本很低。所以我们为每个主要的功能都会构建原型,我们与试发布用户和关键用户很早就开始实现这样的尝试模式。是的,我们失败了很多,这很棒!因为我们会在这个过程中学习,从长远来看我们减少了失败的风险。最终我们能够解决真正的用户需求,以一种新的方式换位思考。

原型可以有趣又迷人吗?

当然可以!我用来激励我们设计团队,会使用一种叫做“黑马”的有趣原型练习方式。每个人从你的设计思维里展开头脑风暴,选出自己认为的最疯狂的想法,一个几乎不肯能实现的想法,然后组成团队,为它搭建原型。

1473325589-2670-658161-54534ab53e7f664e

团队正在做“黑马”的原型练习

1473325598-7350-658161-b63b7e8a00175b3b

团队在“黑马”原型练习中爆炸了原型解决设计挑战

警告:疯狂和有趣的事情将会发生!

1473325597-7261-658161-66651e4b758ea907

你要确保成员之间能够发生化学反应,团队成员将会连接的更加紧密。

建立Adobe XD

不久之前,一个有出众的设计师,工程师和产品经理组成的团队,通过原型来构建一个设计师用来传递他们信息的工具。在经过了很多的头脑风暴,而不是从零开始,他们将现有的原型串联在一起,探索和尝试新的设计工具和方法。

这个初始原型不断地成长,新的工具被创建、验证、调整并再次验证,被命名为Project Comet。在2016年,这个团队扩充了,有了更多的设计师,工程师,产品经理和实习生。我们走到了一起,会见了公司领导和未来专注解决更多UX挑战的设计师。

当第一个原型验证之后,我们很快的调整并再次验证,我们觉得开发Adobe XD作为本地应用。首先选择的是Mac OS平台,之后是Windows。除此之外,我们还正在为iOS和Android开发应用程序。帮助设计师们实时预览他们的设计。

伴随数据原型设计

2015年10月,在Adobe MAX,Anirudh Sasikumar一位致力于Adobe XD的工程师,演示了应用的原型,设计师可以使用这款工具来满足有不同来源数据的设计,例如文件,网页,文字段落和图像。他在Medium中的文章有详细介绍这个特性。

1473325598-7124-658161-02b8fd7dfb321c31

网站里的图片流,在Adobe XD中只要轻轻一点就能实现

我最近和Anirudh交流过,问他是如何想到这个的,原型是如何帮助他验证方法。

根据他的说法,对开发人员来说将数据绑定到系统是非常常见的。有时候他对设计师来说并不真实,通常需要假数据来模拟现实世界中的设计结果。

Anirudh阐述了这种真实数据的设计催化剂,是重复网格工具。一旦我们构建完成,很自然就会想到带入更多数据。设计社区已经表达出了“伴随数据设计”的浓厚兴趣,以及众多的实现相同功能的扩展插件的解决方案。

由于Caltrain的拖延,他开始编写功能。有一些用例在心里,实现会简单很多。在年底,它有了一个工作版本,虽然还没有进行优化,但是足够去兑现承诺和进行验证。

神奇的原型是能够看到所有的可能性和边界情况。这不仅存在于你的脑子里,它更加接近现实,你可以看到更多。

你同样也会看到瓶颈,那些在你实际建立之前不会遇到的困难。例如:与Google Sheets的连接变得棘手。

1473325589-9649-658161-f148ffdfd128c16a

Google Docs通过一次点击实现重复网格,来测试不同的语言。

第一阶段已经完成了,并且应用在了Mac OS上,设计师可以从文件中拖动文本,来实现重复网格功能,接下来的阶段是将重点放在样本数据并且将内容从Web上搬下来。

决定是否需要图层

让我再来问这个已经问过了数百个设计师的问题:你需要图层吗?

最初,我们假设用户不需要图层,特别是图层呈现的概念在Photoshop和Illustrator中应用了很多年。这是一个巨大的挑战,因为这是很多体验设计师花费了很长的时间才建立起来的心智模型。

在Adobe XD中,为了能够有所创新,我们经常挑战现有的心智模型。

基于最初的研究,Talin Wadsworth,XD的主持设计师,想出了本地层的概念。为了验证这个概念,我们一同工作,建立情景并与预期用户和关键用户测试原型。

1473325602-5349-658161-288f0c1755e88f62

我们与关键用户和预期用户测试的本地层概念

经过长时间的研究和使用原型推动沟通的验证过程。在多次调整后,我们确认我们的用户需要层来表达和组织复杂的设计。

我们已经开始实现这种新的思维模式。

很快,来自世界各地的设计师告诉我们是不是正确的。Fingers crossed!

总结

从第一天开始,在我们实施之前,都会构建并测试每一个主要功能的原型。一个原型是一个极其强大的工具帮助团队“看见”更多,体验更多,“失败”更多,学会更多,最后,更快速的找到成功的秘密所在之处。

引用《从零到一》的一句话来归纳原型的好处:

“这世界就像是一个充满了惊人成功的秘密,只是等待着别人发现它们。”

谁来创建下一个Uber,或者是下一个Fackbook,或者是下一个Pokemon Go app?构建并测试原型可以帮助你发现它们,快行动吧!

原文链接:How We Use Prototyping, And How It Made Us More Efficient

原文作者:Demian Borba

IAMUE译文:Shu℃

精进UCD设计总监第一字典——全局UI设计规范手册
APP细节打磨绝招 “微交互动画”