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

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

 

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

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℃

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/17671/

(0)
交互精选交互精选
上一篇 2016-09-08 15:33
下一篇 2016-09-13

相关推荐

  • 在手机上演示axure原型

    AXSHARE APP发布啦,以后大家的原型可以通过这款APP进行预览演示咯。小编迫不及待的体验了一下这款APP。 要使用这款APP,首先需要有axshare的账号。账号注册地址:https://share.axure.com/ 然后在手机上下载AxShar…

    2015-05-28
  • 【Mockplus教程】界面闪烁花屏怎么办?

    在个别笔记本电脑上,运行Mockplus桌面版出现软件界面闪动或者界面出现黑色块。 在这种情况下,请更新您的显卡驱动程序,问题一般可解决。 或者,如果你有多个显卡,尝试切换到集成显卡。 如何切换显卡:http://ask…

    Mockplus 2015-08-12
  • 这些工具你会用吗?常见设计工具视频教程集锦

    在产品开发过程中,最常用的展现构思的方式一般来说是纸笔原型,最简单也最迅速,寥寥一画,一个大致的线框图就呈现出来了。但是如果想要把线框图表现得更完美,你还是有很多工作要做哒~YouTube上一位大牛在他的视…

    2023-03-03
  • 023. axure制作项目符号列表样式

    像这样的在文字前面添加项目符合列表,不只是在word中可以实现,在axure中也可以很方便添加 l  Axure rp 6.5的软件安装、汉化与注册 l  认识Axure的软件界面 l  生成网页原型的三种方法 l  如何关闭IE浏览器在生成…

    2014-09-12
  • 清华大学官方网站的交互原型设计

    艾欧学堂视频教程   项目:清华大学官方网站的交互原型设计 原型设计 主讲人:@阿西-UED 使用Axure6.5工具,做一个Tinghua的官方网站的简单交互模型,在线演示为新手提供一些思路,仅限演示。 在线播放 [ckvid…

    原型设计教程 2014-09-13
  • Justinmind权威指南:​基础-Justinmind基本元件的使用-1

    前面咱们学过了怎么新建项目,怎么发布项目,怎么在手机端预览;接下来我们开始真正去使用画布制作原型,那么第一步,你先要会使用这些元件,我们按照官方软件自带元件库的顺序一个一个的讲解,全面了解之后你也许…

    2015-08-31
  • Axure基础教程:产品流程图的制作方法详解

    一个产品设计之初,必先从流程图做起,流程图可以用来表达产品各式各样的流程,今天我们就来聊聊Axure里面流程图的做法

    2014-12-31
  • 013. 图片热区——axure线框图部件库介绍

    首先,我们将图片热区组建拖动到axure页面编辑区域 1. 图片热区为页面图片或者其他部件添加热区,添加交互 我们一般在做专题的时候,会遇到一些组合商品,但是又需要单独分别设置连接,如果是2张图片还好办点,可是…

    2014-09-12
  • Chinco(摩客串串)——App原型交互演示利器

    Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发,秉持了摩客团队“关注设计,而非工具”的一贯理念和产品风格。 Chinco是一款用于App原型交互演示的工具,为UX/UI设计师、交互设计师、视觉设计师的…

    2015-11-18
  • JustinMind免费版与JustinMind Pro的区别

    justinmind是一个可以免费创建移动和web原型的工具。 justinmind的免费版不仅仅是体验式的,它是永远免费,目的是为一些公司或个人处理小型项目。 在获得永久免费版本之前,你还可以享受我们的30天免费试用专业版带…

    JustinMind 2015-08-25