高大上的手绘高大上的手绘APP设计草图设计草图
移动端用户体验设计正日趋成熟。衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事
件,比如Balsamiq、Axure以及Fireworks,帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb
Foundation以及jQuery Mobile可以帮助我们用互联网本地化语言来创建原型:HTML、CSS以及JavaScript。
为什么?举个草图的案例
与以往几乎没有时间来设计极致的体验来比,我们似乎处于一个相对更好的处境。然而,这些工具也伴随着隐藏成
本:它们引导我们跳过了创造一个良好设计的产品必经的关键步骤——也就是花时间去理解我们所面对的问题。
这也就是为什么我会建议在打开你钟爱的工具之前,先手绘着理解问题并想出概念。
现在,你可能想的是如下问题:
“我们的截止时间很紧迫,根本没有时间再去涂鸦。我们必须马上开始。”
“在XX工具里设计是目前为止比较快的方式,我必须很快能看到结果。”
“我们必须把结果给我们的客户或合作伙伴或同事看。我们不能给他们看手绘的线稿。”
“不好意思,我真的不会画画。”
我不仅听别人几次这样反对,我对自己也这么说过。
定义问题和解决方案
手绘可以让我们一边探索问题一边定义解决方案。它可以结构化我们目前对问题的理解,同时帮助我们找到可能的解
决方案。
当我们手绘出自己的想法时,新的主意也会萌生。模糊和缺乏细节的草图会培育出新的思路。在这里,模糊是件好
事,因为我们会自动尝试填补脑中的空白。这也正是草图富有“创造性“的原因:它捕捉到我们已经成型的想法,并迸发
出新的火花。正如Bill Buxton在《Sketching User Experiences》中提到的:
“从草图上学习到的内容很大程度上是基于其表现的模糊性。也就是说,他们并不指定所有事情,而是鼓励创造者们不
自觉的融入各种不同的解释。”
通过手绘不同的解决方案,我们不用立刻实现其中一种,就可以探索他们的可行性。这为我们提供了新的见解,也提
出了新的问题。手绘本质上就是一个头脑风暴的锻炼。
草图的“成本”
把我们脑袋里的东西倒出来最快的方式就是拿起一只笔和一张纸迅速的画出来。在我们钟爱的原型工具里来做这件事
情则需要花费太多的时间:我们需要先创建一个项目,使用合适的库,将一些小矩形放在画布上,画一些小箭头来连
接这些矩形,把所有的元件都调整一下让它们看上去更好看一些——30分钟过去了。
如果我们不喜欢纸上画的东西,可以将它扔进垃圾桶然后重新开始。然而用原型工具的话,扔掉一些东西就比较困难
了,因为我们花费了时间和努力去创建它——就算那个想法不是最好的,重新开始也更困难。反过来说,纸上手绘的
内容则成本低廉,实现迅速。