编者按:返璞归真,其实是一种极简主义设计理念。在如今的数字时代,设计师可以利用的设计工具不胜枚举。如果把“返璞归真”这种设计理念运用到设计过程中,那将是什么体验?这篇授权翻译自NickBabich原创的题为TheMagicofPaperPrototyping的文章,与你一起探索用传统的纸和笔来做手绘原型的有趣体验。
在如今的数字设计时代,我们可以借助于各种工具来设计原型。但是对用户体验设计师而言,纸和笔才是最有用的工具。
在早期的构思过程中,因为需要一个个验证构思概念并选择确认最终所选,手绘原型图是非常实用的一种方式。通过手绘,可以快速地将想法转化成实际内容,并快速测试和验证。
这篇文章,将向大家简要介绍手绘原型,并推荐3种实用的测试建议。
手绘原型的利弊
就手绘原型的好处而言,大概有如下5个方面:
趣味性很高。手绘原型应该要快,而且有足够的趣味性。如果手绘过程很痛苦,而且画得很慢的话,那肯定是整个原型设计流程出了问题。一定要快速重复和迭代草稿,一般而言只需要几分钟就可以完成简单的原型设计。成本低。手绘原型一点也不贵,基本的工具只需要纸和笔。相比之下,数字原型设计工具虽然价格不等,但基本上大多数工具都需要一次性购买或者按期订阅。精力消耗少。如果通过数字工具花几个小时设计一个原型,放弃这个原型想法的时候多多少少都有点不舍得。但是如果用手绘原型的方式,只需要几分钟就可以画一个草图。更忠实有效的反馈。手绘原型的另一个好处则是其草图概念。这些草图一看就知道只花了很短时间就完成了。因此,相比于数字工具做出来的精细设计稿,手绘原型图能收到更加忠实有效的批评反馈。有利于团队建设。因为手绘原型不需要太多特殊技巧,无论什么背景的团队成员都可以参与到这个过程中。所以,很容易将原型设计变成团队活动。当然,手绘原型也存在弊端,主要有以下3个方面:
获取反馈过程中存在一定难度。对参与测试的对象而言,仅仅对手绘原型进行评论需要有足够的想象力。有时候,要从测试对象身上收集直觉反馈可能并不简单,因为只通过看草图,他们可能很难想象产品最终到底是什么样的。必须亲自测试或当面测试。如果测试对象来自五湖四海,那要用手绘原型来做可用性测试就比较难。手绘原型其实是额外的步骤。从最终结果来看,手绘原型还是需要转化成数字原型。什么时候可以用手绘原型?
手绘原型对以下2个场景非常适用:
头脑风暴。比如,当团队成员需要勾画用户流的步骤时。概念测试。比如,需要进行游击式测试时。当然,有些设计师肯定会认为,手绘原型只是在早期的产品设计中有用。但这并不是事实。实际上,在产品设计过程中的每个环节,手绘原型都能发挥作用。即便在做高保真原型时,都可以用手绘原型。
手绘原型的11条实用建议
1.画原型前一定要有清晰的目标
开始原型设计前,一定要有清晰的目标。多思考你想要解决的痛点是什么,原型的设计一定要以解决痛点为目的。
2.草图就应该是草图
手绘原型的重点不是你的作图技巧和能力,而是尽可能快速地找到问题解决方案。因此,不需要花大量时间将每个细节都画得很完美,也不用在意原型图上的元素是否对齐等等。
3.借助有用的工具
就手绘原型而言,只真正需要的只有2个工具:纸和笔。除此之外,以下3种工具对有效的手绘原型过程也有帮助:
桌面文件架。我推荐三层文件架:一层放白纸,一层放草图,另外一层放成品手绘原型图。
木制文件架。图片来源:Promidesign
手绘原型套装。套装包括预制的方格纸,以及让手绘原型更加轻松便利的模板纸。
适用于iPad的手绘原型模板。图片来源:tripwiremagazine
图形模板。图形模版可以让你又快又好地设计按钮及图标。
适用于iOS客户端的图形模版。图片来源:Amazon
注意:好工具并不意味着是贵工具。事实上,我更推荐便宜的纸和笔。因为如果你用Moleskin的话,你可能会陷入不停修改草图的困境中。毕竟,用了好笔,可不希望它画出来的是一副“丑”图。
4.可以用笔,但不能用铅笔
画原型草图时,很多设计师都会掉入一个陷阱:他们开始画图后,中途就开始怀疑自己的想法是否合理正确。因此,好多很好的设计就这样被扼杀在摇篮中。
但是如果是手绘原型的话,设计师能完成设计图的可能性更大。因为手上握着笔会让人有一种使命感——而且只要不是铅笔的话,也无法擦掉重来,只得继续坚持画下去。
5.一张纸,一个草图
可能你会觉得,为了节约空间,在一张纸上多画几张图更好。但最好不要有这种想法。因为在后期原型测试过程中会出现很多麻烦。比如,假如原型草图上有过多的内容,就会显得杂乱无章,测试参与者可能不了解哪些元素属于哪部分草图。
6.手绘原型,从最小的屏幕开始
如果你的产品有移动客户端和桌面客户端的话,建议从移动客户端的原型开始。因为在小屏幕的场景下,你会更加