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

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

 

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

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

相关推荐

  • Justinmind权威指南:基础-Justinmind 6.x工作界面与机制

    ​这一篇也是仅作了解熟悉,方面大家后面快速上手,先来看一看工作界面以及各个功能的入口。然后再来了解一下工作方式。 Justinmind的主界面简介 主要分为几个区域:导航栏、工具属性栏、元件区、交互事件区、数据源…

    2015-08-05
  • 【Mockplus教程】Windows上安装Mockplus

    进入摩客官网桌面端下载页面,选择对应的版本(windows/MAC)下载。 下载完成后,即可按照向导开始安装。 windows安装的整个过程见下方视频:  

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

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

    2015-01-01
  • 苹果用户怎么部署Axure环境-imac&axure

    iMac安装各种必备软件,当然少不了Axure这个吃饭的软件 下载地址在页面底部 ★ 汉化方法: 首先退出正在运行中的 Axure (如果您正在使用). 将 lang.rar 文件解压, 得到 default 文件. ★ Windows版 ① 复制 default 文…

    2014-12-10
  • Axure RP 8.0 抽奖大转盘实例教程附.RP下载与视频演示

    原标题:【AxureRP8实现真正抽奖大转盘】 效果图: Demo地址:http://www.iaxure.com/share/luck/ (有广告) 视频: 实现过程: 1、生成一个0-360之间的随机数,保存至变量; 2、旋转转盘到达指定角度,案例中为3-…

    2015-08-24
  • 10个在线原型设计软件推荐

    现在,基于云端的软件渐渐成为主流,而网站原型设计工具当然也不例外。在线原型工具相比于桌面版有得天独厚的优势,它不需要安装、不限制地点、不限制操作系统,无论你使用的Linux,Solaris, Mac 还是Windows,你都…

    原型设计教程 2015-08-25
  • 国外设计师眼中的原型工具Mockplus

    今天,我们评述一款新型设计工具,Mockplus,专为设计师而打造的创新性原型设计工具。Mockplus适合于各种应用软件的制作,无论是手机应用,网页应用,亦或是桌面应用,方便快捷。让我们先来看一看为什么说Mockplus…

    2015-10-21
  • 006. 站点地图区域

    站点地图呈树状的,以主页为根节点,可以方便我们对网站整体模块和不同栏目、功能划分有一个很清晰的了解,同时也方便我们对网站整体页面进行管理(添加、删除、重命名、调整层级、调整顺序)   :选择一个节…

    2014-09-12
  • 跳出思维圈,“类H5”助你市场推广一臂之力

    HTML5,也就是我们常说的H5,它是一种标记语言,主要用于网站的编写和Web App的开发。H5制作的网页可以说是现在网络推广、促销方面的利器。其优点主要体现在两个方面,一是丰富的动效支持,二是查看方便。H5近年来…

    2023-03-03
  • Principle 2.0.6Mac平台交互动效设计神器和谐版下载

    #交互学堂##Principle# 是前 Apple 工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。此外 Principle 还支持…

    2016-10-31