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

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

 

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

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

相关推荐

  • 国内外人气UX/UI/PD设计社区推荐,纯干货

    对于很多人尤其新手而言,要把握最新的设计动态及发展趋势,似乎不是一件轻松的事情。如果你也像我一样是个设计小白,而且正在担心自己设计的作品是否符合客户需求、烦恼找不到设计解决方案、得不到有效的用户反馈…

    2023-03-03
  • 移动导航设计详解-交互基础

    在移动端,导航是APP最重要的区别。本文分析了使用频率较高的移动导航设计的应用场景及优劣势,有以下几类: 1. Tab导航 Tab 导航分上下两种。是最常用的导航形式。 很多iOS应用,采用这种导航。比如:istegrame(…

    2014-12-04
  • 关于使用Principle的一些小建议

    在日常的设计工作中,难免会遇到一些制作可交互原型的工作。可交互的原型对比于静态原型来说,直观是最大的优点。其次,在研究一些动效的时候,直接调好参数给工程师,会比口述来得更加简单粗暴,效率更好。现在的…

    2016-10-28
  • 原型设计

    一、什么是原型设计 原型设计可以概括的说是整个产品正式发布上线之前的一个框架设计等。 我们先来看一个项目失败的案例。 经过漫长的谈判过程,终于拿下了一份大合同,同时项目成员按照所谓的需求说明书(也许需求…

    2015-06-16
  • Mockplus 的主要应用人群

    Mockplus Mockplus 是最好的原型设计工具之一。 http://www.mockplus.cn 简洁高效,是它的主要产品特点。 关注设计,而非工具,是它带给设计人员的理念。 Mockplus的主要价值是:在正式制作真实软件产品前,通过原…

    Mockplus 2015-03-16
  • JUSTINMIND权威指南:前言

    ​来说一说为什么要写这本JUSTINMIND相关的书籍,此前我做交互设计的时候,有一次遇到一个特别的APP项目,这个项目的BOSS要求给拿出一个高保真的原型给他演示,我们项目组就问我怎么才能做出一个可以演示的高保真原…

    JustinMind 2015-07-31
  • Axure官方教程中文版第6课:条件、值及变量-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(6).MP4 新建文件 1、添加一张图片和按钮 2、添加条件保证文本框不为空 3、文本框的变量值 4、添加打开“Page1”的动作 5、添加文本字段为空的第二个…

    2015-01-26
  • Justinmind 2015年更新回顾

      2015年是激动人心的一年!今年,我们已经推出了许多新的功能,为您带来一个更美好的原型开发工具。下面,我们回顾下2015年justinmind的改进。                 &nb…

    2016-01-06
  • 你应该知道的24种新兴交互设计

    文字原文:一淘UX原文:http://ux.etao.com/posts/570   在互联网这个领域,每天都有不计其数的产品诞生,有些产品只是灵光一现,有的却存活了下来,但是不论存活与否,这些产品上总有一些设计细节让我们眼前…

    2014-12-18
  • 用动态影像如何提升网页魅力?

    来源:腾讯ISUX 作者:sisi 科技越发达、人类越懒惰。当我们在信息大爆炸的网络中疲倦于文字和图片,动态影像通常令人为之振奋。UGC短视频社区的红火,说明用户渐渐喜爱自产视频记录和表达;即时通讯软件功能从单一…

    2014-09-27