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

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

 

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

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 RP 8 Beta - 编组功能

    原文标题《【译】学习Axure RP 8 Beta - 编组功能》 From: Learn Axure RP 8 Beta: Groups 在Axure RP 7中,当多个部件被编组后,点选编组中的某个部件时,选中的是整个编组。而在Axure RP 8中,编组中的部件可通过…

    2015-08-19
  • Axure官方教程中文版第5课:动态面板介绍-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(5).MP4 新建文件 1、添加一张图片和按钮 2、转换为动态面板并添加状态 3、为每个状态添加一张图片 4、设置点击“Next”按钮时进行下个状态的切换

    2015-01-26
  • 燕山大学UI-UE交互设计讲座

    交互设计视频教程-柯博文老师UI-UE交互设计讲座 柯博文老师在秦皇岛燕山大学讲座视频 文件太大,分成了5部分,这是第一部份

    原型设计教程 2015-01-07
  • Axure基础教程:Axure中表格使用的技巧

    对于新手来说,用Axure做一个表格是一件麻烦的事情。本文教你如何快速学会Axure表格的基础应用。

    2015-01-01
  • Axure案例-联想输入提示,Axure中继器的使用

    点击右面下载:axure-case-https://www.iamue.com 不多说了,源文件分享,使用Axure打开编辑可以查看原理。 日安 转载的童鞋带上:木卫艾欧网-交互学堂》 Axure案例-联想输入提示,Axure中继器的使用 

    IxD案例 2015-02-04
  • 低保真原型初级指南

    发布者: mobileui 前言: 设计师Paul Rand曾说:“理解人最本质的需求,并且认识到必须寻找一个合适的场景以满足这些需求,是设计师教育的基础。”使用设计原型为我们揭示并探索这些需求,为我们提供有意义的交互及友…

    原型设计教程 2014-12-22
  • 【Mockplus教程】页面属性

    每个页面都具有独自的属性,通过页面属性对话框可以设置 页面的背景、统一字号以及相应平台的页面尺寸等。 打开需要添加或者查看备注信息的页面,在页面节点上面鼠标右击, 弹出菜单中选择“页面属性”一项,如下图:…

    Mockplus 2015-08-31
  • Axure教程:如何学习AxureRP Axure学习方法

    【编者按】本文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划,以便尽早掌握其使用方法,设计出中高保真度的原型。

    2015-01-01
  • 【Mockplus教程】表格

    Mockplus对于表格的控制,采用的是通过文字来控制外形和数据的方法。稍微熟悉后,你会发现,这种方式可以很快地组装表格。 如图,这里是一个表格: 双击这个表格,进入编辑,看到如下的文字: 好像很难? 别急,我…

    Mockplus 2015-10-17
  • axure 折叠菜单

    第一步:拖拽三个”动态面板“空间到制作区,分别命名为MB1、MB2、MB3,属性width:200,height:130。 每个动态面板都设置两个状态,分别为State1、State2。 打开MB1面板的State1状态,在里面添加一个名称为section1…

    2015-01-12