找回密码
 快速注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
评论 0 收藏 0 分享 此文

高手之路!设计App的时候来试试手绘草图吧

2014-2-10 10:09| 发布者: happy175 |来自: 优设网

放大 缩小
all_640320

移动端用户体验设计正日趋成熟。

衡量这一点的方法之一就是看工具。原型工具可以让我们创建线框图以及点击事件,比如Balsamiq、Axure以及Fireworks,帮助我们诠释目标用户体验。跨浏览器的框架工具如PhoneGap、Zurb Foundation以及jquery Mobile可以帮助我们用互联网本地化语言来创建原型:HTML、CSS以及JavaScript。

为什么?举个草图的案例

与以往几乎没有时间来设计极致的体验来比,我们似乎处于一个相对更好的处境。然而,这些工具也伴随着隐藏成本:它们引导我们跳过了创造一个良好设计的产品必经的关键步骤——也就是花时间去理解我们所面对的问题。

这也就是为什么我会建议在打开你钟爱的工具之前,先手绘着理解问题并想出概念。

现在,你可能想的是如下问题:

“我们的截止时间很紧迫,根本没有时间再去涂鸦。我们必须马上开始。”
“在XX工具里设计是目前为止比较快的方式,我必须很快能看到结果。”
“我们必须把结果给我们的客户或合作伙伴或同事看。我们不能给他们看手绘
的线稿。”
“不好意思,我真的不会画画。”

我不仅听别人几次这样反对,我对自己也这么说过。

定义问题和解决方案

手绘可以让我们一边探索问题一边定义解决方案。它可以结构化我们目前对问题的理解,同时帮助我们找到可能的解决方案。
当我们手绘出自己的想法时,新的主意也会萌生。模糊和缺乏细节的草图会培育出新的思路。在这里,模糊是件好事,因为我们会自动尝试填补脑中的空白。这也正是草图富有”创造性”的原因:它捕捉到我们已经成型的想法,并迸发出新的火花。正如Bill Buxton在《Sketching User Experiences》中提到的:

“从草图上学习到的内容很大程度上是基于其表现的模糊性。也就是说,他们并不指定所有事情,而是鼓励创造者们不自觉的融入各种不同的解释。”

通过手绘不同的解决方案,我们不用立刻实现其中一种,就可以探索他们的可行性。这为我们提供了新的见解,也提出了新的问题。手绘本质上就是一个头脑风暴的锻炼。

草图的”成本”

把我们脑袋里的东西倒出来最快的方式就是拿起一只笔和一张纸迅速的画出来。在我们钟爱的原型工具里来做这件事情则需要花费太多的时间:我们需要先创 建一个项目,使用合适的库,将一些小矩形放在画布上,画一些小箭头来连接这些矩形,把所有的元件都调整一下让它们看上去更好看一些——30分钟过去了。
如果我们不喜欢纸上画的东西,可以将它扔进垃圾桶然后重新开始。然而用原型工具的话,扔掉一些东西就比较困难了,因为我们花费了时间和努力去创建它——就算那个想法不是最好的,重新开始也更困难。反过来说,纸上手绘的内容则成本低廉,实现迅速。

捕捉和评估设想最快的方式就是将它勾画出来。

捕捉和评估设想最快的方式就是将它勾画出来。

把草图作为沟通工具

不过俗话说,一图胜千言。草图可以让我们与合作者以及项目关注人们一块探讨对项目当前的理解。我们可以使用很多不同的表现方式去诠释项目不同的方面(下一个章节中我们会介绍最常用的一种方式)。在《餐巾纸的背后》一书中,Dan Roam提到:
“图片可以表示很复杂的概念,概括大量信息,并以一种我们容易看容易理解的方式呈现,它们在澄清和解决各种问题上都是有用的。”

我们的小伙伴可以直接指出我们想法上的鸿沟,共同讨论可能的解决方案和替代方案。他们可以很好的理解我们的草图,并且在想法的细节上给出一些反馈。向其他人展示我们的想法也会让我们反思自己的想法。借此展示想法,我们会看到错误的地方以及找到更好的替代方案。

把草图作为合作工具

草图作为一种有力的工具可以让项目关注人们在设计过程中尽早参与进来。在定义的过程中,以下鸡生蛋的问题非常典型:项目关注人们在看到一些可视化的 解决方案之前,是没法制定一套完整的需求的,但是我们设计师在没确定需求稳定完善之前,是不愿意开工去实施解决方案的——我们想要去避免不必要的反复修 订,因为这会导致额外的工作。
摆脱这种困境的一种方法是在协作式工作坊里来手绘可能的解决方案,比如这一期设计工作室(参看Will Evans的文章”Introduction to Design Studio Methodology“)。我们可以带领项目关注人们一步步的理解我们的概念(和其他备案),向他们解释他们的需求对设计的影响。

草图的入门门槛也很低,非设计师也可以参与。(到底是否通过手绘的方式与项目关注人讨论,即取决于个人偏好,也存在许多争议。你需要自己做决定。)
由于草稿是粗略不完整的,给出反馈也就更加容易。一些人会隐忍不发,直到看到一个看上去完成度很好的页面,因为他们认为所有的工作必须要有一定的深入才 行。高保真的视觉效果也会分散大家的注意力——大家会更倾向于讨论视觉效果或微妙细节,而不是聚焦在想法概念上。草图会让他们聚焦在核心概念上。
你唯一需要克服的就是不愿意将未经打磨的作品展示给他人的心理障碍。

草图不是绘画

一个常见的误区就是你的草图必须要画的很漂亮。但交互设计可不是上艺术课。你的草图不需要看上去很漂亮;它们只需要表达出你的想法就可以。它们应该是引发讨论和催生想法的;它们并不是挂在墙上的艺术品。只要你会画方框,箭头,圆圈和简笔画,你就可以画草图。正如Joshua Brewer在”Sketch, Sketch, Sketch“一文中提到:
“草图不是最终目标。最终目标是在手绘过程中你学到了什么。所以即使你不会手绘也不用担心。”

学习如何手绘不是本文的内容,但是可以从以下的宣讲、文章以及书目当中学习到一些基础:

如何手绘

12下一页

本文导航

路过
路过
雷人
雷人
握手
握手
鲜花
鲜花
鸡蛋
鸡蛋

相关阅读

已有 0 人参与

会员评论

  • RSS
    • 互联网科技资讯>>订阅
    • 交互设计、前端设计>>订阅
    • 设计教程(PS…)>>订阅
    • 设计素材(PSD、PNG、AI…)>>订阅
  • 邮件
  • APP
    设计源APP客户端

    扫描二维码下载
    下载Android版
    下载IOS版
  • 微信
    设计源微信公众平台

    扫描二维码关注或添
    加公众号: web-tech

无觅相关文章插件

免责声明:本论坛所有文章、软件、图片均由网友发贴上传,包括本站网友原创及部分转贴自互连网,软件及文章的版权属于原作者
如果本站中有内容侵犯了您的版权,请您通知我们的管理员,管理员(Email:admin@websjy.com)及时取得您的受权或马上删除
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论!

QQ|Archiver|手机版|设计源 ( 鄂ICP备14013341号-1

GMT+8, 2015-6-18 17:14