原型设计一瞥-为什么原型设计对好设计很重要&如何重要

翻译自书《The Ultimate Guide to Prototyping》,翻译的较为仓促,有不恰当之处还望指正。转载请注明出处。


原型设计可以将最终产品的功能近距离的展示给你。框架勾勒出产品的蓝图,样机展示的是展品的感觉和材质,而原型让用户体验背后的“体验”生活起来。美妙的点击响应在屏幕上看起来可能很好,但是必须在可触击的原型实现之后,你才知道这个效果在用户端可不可用。原型,不仅可以提供概念上的证明,更重要的是,他们可以提供产品框架和样机无法提供的可用性检测。

原型可以当做一个安全防御工程,用来抵抗那些股权持有者的紧急会议要求、无尽的修改和在开发阶段的痛苦的加班。那么,我们如果运用它呢?之前在Guide To UX Design Process & DOcumentation当中,我们曾接触过正确的原型设计,那么现在,我们将用整整一本书来解释原型设计如何可以成就或毁掉一个产品。

需要原型设计的5大理由

尽管在设计过程中跳过原型设计可能会节约一些时间,但是在开发过程中很可能会浪费更多的时间。如果人们在买裤子之前习惯试一试,在买车之前习惯试试车,那么在开发阶段之前测试一下你的设计交互也就有迹可循了。毕竟,交互是用户遇到问题后解决问题的途径。

为了更好的解释我们为什么需要原型设计,让我们一起来看一看曾经写过一本原型设计书的Todd Zaki Warfel怎么说的。Warfel在一个幻灯片演示中总结了他书中的观点,在这个幻灯片中我们可以看到所有相关的原因。尽管,原型设计的好处可能因为设计师和他们的需求不同而改变,但是,一些普遍的好处还是存在的:

1. 交流与合作——讨论需求文档是一回事,而如果合作双方都可以利用原型设计来共同探究产品的限制和可能性,则会给合作带来另外一种好的体验。文档可能会产生误解,而经验却可以共同分享。

2. 讨论可能性的同时减少损耗——框架、样机、需求文档都存活于纸上,并不真实存在。原型则让团队成员可以共同体验,即使失败也不会浪费太多精力,同时还可以学的更多。我们只需要看一看原型是如何帮助团队提升50%的精确性,同时降低80%的解释需求。

3. 推广你的想法——如果你正和挑剔的客户一起工作,那么原型是一个很好的解救方法。体验真正的网页或者APP比文字描述或者带着备注符号的样本更能展现你的视角。

4. 更早测试可用性——通过用户测试原型,你可以尽早发现问题并解决他们,这帮你避免了一个很大的麻烦,你不用在当他们变成代码之后再去解决。上面提到的同个案例分析发现,原型可以在产品发布之前帮助解决25%的BUG。

5. 设置你的设计优先级——我们推荐尽早的使用原型,大部分时候是因为尽早的交互设计可以让你在做静态设计决定的时候,保证你的设计尽可能的实用。视觉必须去满足体验,而不是满足其他东西。

不是每一个原型都需要非常的精细和耗费精力的,事实上,一些人更推崇快速、低成本的原型设计方式。这个想法的核心在于,在原型设计过程中,投入一些资源尝尝是有好处的。但是具体投入多少,是要根据你具体的需求来决定的。

原型如何提升交流与合作?

展示永远比说好,体验才是王道。如果人们可以和你的想法交流,那么你最好保证他们能够懂你的想法。这对内对外都有好处。对外,你可以和客户和股东们周旋,对内,你可以和你的团队更好的合作,或者是说服他们支持一个全新的想法(或者至少是不那么快的反对)。

原型设计从几个方面帮你解决内部交流问题。

首先,它帮你尽早的建立起设计师和开发人员的联系,让他们拥有相同的工作目标。不同的部分使用的是不同的术语,但是原型却打破了这些障碍。原型是设计的玩具。当一个东西很有趣的时候,人们更容易卸下他们的防御,开始尝试那些可能起作用的疯狂想法。就像Emmet实验室的创始人兼CEO(David Yerba)所说:原型让对的人以对的方式交流。

第二,Yerba在同一篇文章中提到了原型在正式演讲中的好处。客户和股东很容易误解文字描述,即使这些描述中带有令人信服的调查或者像素完美的原型。另一方面,交互原型需要很少的描述。原型让股东们思考用户体验,而不是去挑剔那些正好出现在他们面前的视觉元素。还有一点,原型让你的项目展示更有吸引力——人们可以真正体验设计的奇妙之处:看产品草图和探索交互模型还是很不同的。

原型对任何一个项目展示都是一个利器。David和Tom Kelley, IDEO的创始人和合作者,将之成为“Boyle’s定律”。Boyle定律很简单,但是也很有效:参加会议永远都带着原型。原型所拥有的交流优势和说服力经常,会让你的展示结果有“是”和“不是”的区别。

原型如何为设计带来平衡?

原型设计让概念成为现实,所以它不仅需要创造力,也需要实用性,不仅需要理性,也需要冲动。

Art Center College of Design的教授和设计师Philip van Allen认为,原型可以帮助人们做出无法用参数表达的决定。对于设计师来说,原型设计主要有三个好处:

1. 帮助做出决策——关于人机工程学、形状、功能、产出等的重要设计选择往往可以在原型设计过程中决定下来。一个起作用的原型可以给你及时的反馈,让你做出一个有根据的决定(而不仅是一个探索式的决定)。

2. 帮助集中注意力——有了全方位的具体反馈(而不是一个对最终产品简单的猜测),原型让你处于用户现实中。当你可以体验就在你面前的东西时,UX优先级也会非常明显。

3. 保证平行性——设计过程不必是线性的。手机反馈,设定需求,头脑风暴新的概念和交互可以和原型设计同时进行。当单一任务完成时,会互相补充其他任务。

我们怎么知道这个的呢?当我们在改进Telp网站的时候,我们首先建立了一个低保真原型,然后是一个高保真原型。最初,交互是很简单的,但是当我们渐渐开始设计时,我们会遇到不同的决策和困难,但是他们通常是无法通过静态设计完成的。通过原型设计,我们发现和解决了UX问题,例如我们如何从主页跳转到搜索结果,而不会产生过多的信息干扰用户。

长话短说,原型设计就是我们可以将概念目标和实用的现实结合起来。它让视觉设计和交互设计得到了平衡。

原型如何让可用性测试更简单?

为什么我们要将任务分成框架、草图、原型?那是因为他们各自拥有不同的目的。

比如,通过仅仅集中在构建框架时,我们可以构造一个坚实的结构,而不必分心去设计草图的美观和原型功能性。框架和草图更多的是创造力和抽象里,而原型设计则是关于分解,并将想法带入现实——而这需要可用性测试来支持。

让我们来做个类比,原型对于最终产品,就像草图对于框架/原型。原型设计就是带有交互的画草图,来构造一个可用性模型,然后再慢慢重塑和修改它。对此,可用性测试就显得非常重要。我们建议在原型设计的每一个阶段都设计可用性测试并相应地进行迭代,以此保证它的稳健性和功能性朝着正确的方向发展。因为可用性测试的内容非常的多,我们在这里有一些基础知识来帮助大家掌握它:

1. 了解你的产品——详细地了解你的产品,在你开始之前就了解你需要测试的东西。如果你要对一个表现异常的产品进行可用性测试,或者你不确定需要测试什么,那么你测试的结果就会无效。

2. 雇佣对的测试者——如果你的产品是有目标用户群体的,那么请确保你的测试者可以代表那个群体。定型分析最少可以5人,而定量分析因为数量重要性则最少需要20人。对于如何招募用户,请查看akob Nielsen’s 的可用性测试雇佣的234条方法和技巧。

3. 建立正确的测试——可用性测试的方法有很多种,实施的方法也很多。请选择符合你的预算、时间和项目需求的。

4. 分析结果——这一步让你的可用性数据变成设计灵感。请尽可能的将你的分析结果作用到你的产品迭代中。

如果你需要知道更多的关于可用性测试的方法和实施方法的话,可以下载我们的免费电子书“可用性测试导论”。我们从Apple、DirectTV、Microsoft等公司的实施方案中总结了超过30种方法。

为何原型设计对移动端设计很重要?

对于电脑产品,原型设计可能很少被推荐。但是对于移动端设计,原型设计却必不可少。移动设备的使用环境比桌面设备更广,这带来了更多的用户场景和用例。这就意味着,也许设计桌面产品时你可以跳过原型设计,但是对于移动端设计,你就没有这样的运气了。

Nokia研究中心的高级用户体验研究院Rachel Hinman认为,原型设计在移动端的需求已经远远超出了它在桌面产品设计中的需求了。下面这张图是基于Hinman的幻灯片的,这当中对比了两者的稳定度:

Greatnorthelectric的产品专家Donna Lichaw也这样认为,并比较了原型设计的理由和针对移动端设计的理由。手势的出现带来交互的全新维度,在这之前的桌面软件从来不曾有过。所以原型设计是几乎可以合并手势和动画的唯一方式。

以下是我们找到的最有力的移动端原型设计理由:

1. 创建或打断移动端用户体验流程——由于移动端用户体验往往跨越数个页面,所以使用流程需要专注于设计优先级上。大家可以访问UXArchive来查看顶级公司如Snapchat, Google Maps等公司是如何架构他们的移动端使用流程的。

2. 动画让用户体验更有趣、更吸引人——动画是移动端微交互设计的核心元素,它通常伴随着手势出发的各类效果,比如时间、速度、弹跳等,这些效果提供了视觉的反馈和功能的可见性,也增加了不少趣味。

3. UX失误成本更高——移动APP的成本大概在6000刀到20万刀不等,平均成本大约在6400刀左右。和App Store打交道同样很头疼,所以预先的原型设计可以很大程度的节约时间、成本、精力。

UXPin包含了响应式动画原型以及内置的可用性测试。创建你的任务,然后你就可以看着你的用户们的屏幕以及当他们和你的设计交互时的面部反应。每一个测试之后,你都可以生成一个捕捉到每一个字、每一个反馈和每一次点击的视频。

总结与回顾

我们UXPin自身总是会设计原型,我们也建议其他人设计原型。我们理解对某些公司来说,设计原型会碰到一些限制,但是我们强烈建议仍旧这样做,即使成果只是一个受限的原型。你会得到的收获将远远大于你的投入:团队更好的合作,更早的问题发现与解决,改进现有的设计,用行为说话而不是语言。这些优点完全值得你投入额外的时间与精力。

这一章更多的是一个介绍性的总览,在下一章节中,我们详细谈一谈如何将原型设计带入你的设计过程中,并介绍哪一种保真度更适合你。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容