行业关键字
UI设计UI理论和资料 → 正文
UserFriendly2010闭幕演讲Bill Boxton(二)
作者: UserFriendly2010 来源: 视觉同盟专稿 时间: 2010年12月28日
这上面写的是怎样能够素描出一个动作呢?怎样画出一个动作?用素描表现出动作。

那么,大家看看这简直是天才做的作品,他们简直是无与伦比的聪明,他们肯定是,他们对于这种微形的机器人肯定是有着很好的研究,他们在这个小车,他们有着路线设计,有软件,有无线,这所有的作品是在一个礼拜之内做出来的,他们肯定是天才,你们觉得吗?我觉得是天才。我觉得他们是一个设计方面的天才,到底发生了什么呢?他们做的到底是什么?因为你知道每一辆车,每一个小车里面都有一块磁铁,所以他这个不是自动,这是实时,它有一个实时的录像机,在这个桌子上面,你可以看到,在这个顶上面有不同的路线,在桌子上面画的路线,你知道他们计划了以后,在桌子底下的那个人用那个磁铁在桌子下面动,是两块磁铁的相互吸引的功能,但是这个效果却是非常惊人的,这其实就是我们工作所要做的事情,我们拿的报酬要做的事情就是这样,有一个非常好的创意。如果你想的是怎样把这个车弄成这样精密的效果,那么你可能想破脑袋想不出来,你需要的就是跳出框架之外进行这样的设计。我想你们了解的是什么呢?有的时候,我们有着非常好的工业设计师,但是他们无论怎么做都没有办法把这个小车做得这样的惊人,这样的好玩,这是因为,他们在做素描的时候,他们考虑的太过严肃,他们并不想愚弄任何人,也不想通过这个表象吸引任何人的注意,他们太过于专著于这个设计的本身。你看这个设计本身,他在让小车转圈的时候,它的设计是非常的正确,你知道,比如说我们用一个短片或者用这样的一个视频来表示的是,是来向你解释清楚这个概念是怎样的情况,有的时候我们可以,也许这个视频只要15秒钟就能够说明这个想法,但是为什么在这里做了这么多的视频,改变这么多的路线,还要放纸杯,还要车像保龄球一样撞过去?这是为了充分的说明,我们在做的是什么,这个东西到底怎样操作,而是他们在用屏幕展示,为什么你需要这么玩?他们卖的不是这么个模型小车,也不是卖这个概念。卖的是如何让孩子们从中得到乐趣,所以我们在这个短片里面给你展示,怎样让这个游戏玩得更加有趣。如果你是孩子,你会怎样享受这个游戏?然后再告诉你这是我们做的一个方式,这只是给你打开一扇门,其实你还有很多其他的办法,他们向你展示的方式,也许不是他们在实验中的唯一的方式,也许他们在拍摄这个视频之前已经尝试了很多很多的方法,最后展示给你的只是最好的一个办法,但是你要知道,所以你只要在你做尝试的时候不要担心你在浪费时间,但是你一旦找到好的机会,一定不要再浪费太多的时间来考验它。

好,接下来的这个是,我们刚才一直在说手机,但是在这里,它其实是一个手表。这个手表的概念是什么呢?它的理念是什么呢?它其实就是有一个触屏。这个手表上面有一个触摸屏,但是你的问题是这个触屏很小,但是你的手指相对来说非常的大。也许你可以用手指在你的手机触摸屏幕上面点来点去,但是你有一个触摸屏的手表,你就知道用手指它是非常的困难。我们的想法是什么呢?你看到手表上有一个银色的东西,对不对?如果你是用手指来触摸这个表下面的连接处而不是屏幕的话会怎样呢?所以你在这里可以看一下。
(放视频)

大家稍等我一下。
    很抱歉,我这个好象显得很不专业了,我之前没有测试一下它能不能放出来。这个就是我要给你们展示的视频。这是尼尔,你看到他用手指在向你们演示怎样触摸这个触摸屏。假设这是他的手腕,他的手指在触摸这个表带的连接处,这个屏幕上就可以看到,在这里就像电脑的光标一样的,这样就是给你一个想法,你可以通过触摸下面的连接处,就可以指示上面的屏幕,这样你就可以进入EMAIL,当你选中之后,他就可以放大显示,现在进入短信里面,可以看到他上面有12封信的邮件,他正在下载三封信,这时他正在收取信息。这是用这个短片来展示这个理念,这跟我们刚才说的用素描表示动作是同样的效果。

他到底做了什么呢?首先它在这里分成两半,在这里使用了一个屏幕,而他把它做成一个三明治的形式,然后,他用左手举起来,用右手来控制这个屏幕的扭转,你可以看到,因为你知道,这个磁铁并不能穿透你的手腕,所以不能在手腕下面,但是在这个视频的纸片下面,他用这个磁铁下面,来吸引这个光标的移动,在这里可以看到,你有两种样品,两种素描来表示两种不同的情况,但是你用的材料是一样的。你可以看到,他24个小时之内就把这整个想法做出来了,这是非常重要的一点,就是当我在教授技术和素描的时候,你知道,我是一个非常受人欢迎的教授,因为我的演讲方式不一样。我说,如果你的作品太好的话,那我就会给你减分,而且会责备你,但是如果你没有办法在,如果你在20分钟之内完成不了这个作业的话,就说明你的动作不够快,但是如果你需要24小时才能完成作业,就说明你没有来上过我的课。

这里有另外一个学生的作业,他叫乔治,在1992年的时候他有这样的想法,这是我昨天晚上给大家看的,如果我有一个PDA,我可以这样移动的使用,他的想法是什么呢?首先他买了一个100美金的一个很小的掌上电视,他把这个很小的数码相机,一个摄像机连接到这个电视上,然后呢,他用这个线缆把它连到一起,然后你可以把这个摄录机连在上面,进行自由的移动,而个图象可以放到这个屏幕上面,他还设计了一个可以控制的连接,你知道1992年,他有一个超级计算机在那个PDA里面,在那个PDA里就装了超级计算机的芯片,PDA就可以进行一个很好的移动。我先给大家展示一下细节。

那么,你们可以看到,让人喜爱的这个理念在哪里呢?我非常喜欢他的想法,其实,他经常让我惊奇,他用的非常高端的三维图象处理系统,还花了我100美金,他所有用的设备都是问我来借的,而且他也不需要写任何的程序,他只是把东西粘结在一起,但是他的想法却是非常新颖的,你知道,这其实也是一种素描,一种理念素描的想法,而不仅仅是一个图象拍摄的过程。我这里想再给你一个例子。

这是我曾经做的一个作品,我想告诉你,我所说的也是我所做的。这里是一个PPT。这其实,可能你从来没有见过这样的一个东西,但是,我所想指出的是,这个理念不仅是新的,而我来制作这个PPT的过程方式,也是你这辈子可能从来没有见过的。这是乔治,他把这个PDA移来移去,我做了一个动画,这是一个虚拟的地图,我前面有一个PDA,我把这个PDA就像一个镜头一样移来移去,这样子你就不需要你的电脑了,你只需要有一个很小的PDA,移来移去你就可以用。我这里有一个问题,那如果说,我们有一个移动的菜单,一边移动的时候,他就像一个镜头,而且上面有控制器,你可以用你的这个笔,点击笔,或者用手指在上面点来点去,我这里还放了一个棋子来标志这个虚拟地图上的位置,你可以看到,这样子的话,你甚至都不需要有这个触摸屏,你只需要有一个虚拟的键盘就可以了。你只需要这里有一个虚拟的地图,然后你把这个镜头稍微动来动去,它就可以来显示不同的菜单,那你可以说,这个对于地图管理来说有着非常新颖的指导意义,我在这里可以有一个地址列表,或者我移到这边,就可以有一个网页浏览器,我还可以放大或者缩小。

那么,我们的想法可以有很多,在这个基础上面有各种各样的想法,那么我们在这里获得了最核心的想法,而且我们只用了一个小时,就把这个做完。而实际上我们花了1天的时间做这个PPT,因为我们遇到一个问题,因为这个PPT的制作没有我们想象中的那么流畅,但是这个想法其实只花了一个小时,有ABC三点,最后我们想显示出这个PPT的一种显示方式,我们只要控制好如何画的笔触,就可以把这个PPT做得很快。这是我们现实当中的一个项目,我其实想告诉你们不只是显示一下我做得很好玩的东西,而是想告诉你我们做设计的时候的不同的方法。我们有的时候,你知道我们的一些经历是非常短暂的,也是随着时代发展而不断地变化的,我想告诉你们的是,如何探索我们不同的理念,用最便宜的最出乎意料的方法来做一些实验,然后再来做我们最终的产品决定。
 
那么我想说的是什么呢?在我们的工作当中,以及在我写这本书当中,有一个非常重要的一点,这里是我们在一个可用性会议上面用的一张图表,在这里我们有一个轴表,有一个XY轴的图表,在这里你可以看到,有不同的人来参加这个,有的时候说,其实你只要把它横过来,到最远处就可以看到负责这个设计的工程的等等,你只要把这个图表倒过来就可以符合其他工程人员的想法了。它的理念是一样的,你有这样一个梯形的图,我想告诉你的是什么呢?你知道这里有设计的参与,第二,你在一开始看到这个橘色,我们的关注点是在这个想法上面,要把这个最好的想法选出来,然后在你,随着你的程序的不断推进,那么你的前面要关注的点就越来越少,这就像一个隧道一样,橙色的地方就是你的关注点,其实是在素描上面,素描是最重要的,而你越往右边推移,颜色就变成黄色,黄色的表示是什么呢?就是可用性。我们在这里有不同的目标,有不同的目的。你可以知道,黄色部分其实是做的样品,我们从最初的素描表示我们的理念,到最后的样品的成型,这个是一个非常重要的一个过程。我们,你要知道,做样品成形,是与这个可用性紧密相连的,而我们的素描是与这个想法密切相关。那这个红色的,向上的箭头代表什么呢?这个红色的箭头说的是,如果你用的左边的这个方式,那么你考虑的是有多少钱,多少时间已经被投入到这个上面。一开始,当然什么都没有投入,但是你在这个项目当中投入的越多,你花的金钱和精力就越多,当你什么风险都没有的时候,没有开始产品测试的时候,这才是你开始玩味不同想法的最佳的时间,因为你所有的想法都是不花钱的,没有成本的,当你在几经对比,对某个想法进行测试的时候,那你已经投入了相当的成本,那风险就会高了。在右边这个轴上我们写的是不同设计标准的分量,在一开始设计的时候,我如果是产品进入了,我会说,不管你讲的是什么?是不是可行,不管怎么样,你只要先把想法弄出来再说,我们光是有头脑风暴也是一件很有意思的事情,但是当你开始产品设计的时候,你的项目逐步展开,你投入越多的时候,你就要控制你这些不合理的想法和很疯狂的想法了。那么你也就要来改变你的这个管理风格,你就会要需要更加严肃,更加严谨的一种管理方式来管理这个产品项目。当我们想到这个,我们所使用的技术的时候,我们很难说这个技术好,那个技术不好。但是我们所要决定的是,这项技术是不是适合我们这个产品的设计流程和周期?从素描到样品,我们所需要经过的历程是什么呢?你要知道区别在哪里。素描是建议出一个新的理念,而这个样品则是来描述我们这个想法,还有,素描它是实验性的,而样品则需要进行进一步的精细化,我们的理念的素描其实是提出一个问题,而样品则是用来回答这个问题的,我们的素描它其实提出一个理念,而样品则是用来测试这个可行性。我们的素描应该是可以引起争论的,而我们的样品则是要解决这些争议,然后获得最终的一致的想法,获得样品的最终的一致性。在这里我们可以看到,我们用纸质的样品和手质做的样品,这些书里面都谈到样品成品的过程。你可以知道在这个素描的视觉语言里面当中,你要知道,你可以看到,我们样品成型可能很快完成,可以很快的测试一些产品的理念,但是这所有的这些书、文章啊,说到了用样品的一些技术,其实都是我们以前用来做可用性测试的一些方式,那么,所有之前做过可用性实验的人,都了解,其实做样品的这些成本,其实是相对来说比较小的一部分,用来做这些测试的成本,则是非常高的。再剩下的几分钟里面,我想听听客人的评论和意见。

你可以看到这里的样品,你知道可能有一些人叫样品,我叫理念的素描。这些素描的草稿的价值在哪里呢?就是可以把这个可用性的测试,一般在后期的可用性测试移到了产品设计周期的最初。那么,我做的不是正式的,其实我做得不是正式的可用性测试,而是我做的是一些非正式的,成本非常低廉的,很快速,但是不是最上得了台面的可用性测试。那我怎么做呢?你可以看到,我们的这个素描的测试是什么呢?它很简单,它花的时间很少,它的成本非常的低廉,但是它却是非常有限的,因为人们可以在一开始就做这个产品的测试,在做一个非常快速的测试这个想法是否可行?我们做过一个研究,这个研究关于我们的这个整体上的可用性测试,其实是有着一定的关联的,我们的可用性测试人员其实也是非常的关注它,首先我们现有的可用性的理论,这你们可以在所有的书里面(看)到,所有的书里都这么说,都教你,把所有的产品都拿出来然后进行测试,这就让别人怎么呢?比如说有不同的组,然后再组里测试同样一个东西,那其实不是平行的,这不是平行的,而是我们应该是多方位的一个测试,现在我们的问题是什么呢?就是我们从我们的教材里面看到的,首先是什么呢?首先,用户对于一个新产品的评价,通常都比实际上的要高,所以你获得的一个产品,或者理念的反馈,其实是好于实际的。第二点是什么呢?有的时候,我们说到反面的反馈,但是,我们很少会收取到一些富有创意的正面的改进建议,那么有的时候,我们的测试对象,从来不会说,他们从来不会说这些东西不好,这是垃圾,我们从来不会买它,我绝对不会用它。你知道我们的用户其实是很好的会做出这样的反馈,那你要问了,为什么呢?为什么要这样呢?我想说的就是,其实如果你用这些,你正确的使用这些测试技巧的话,那么你可以就获得更多值得信任的测试反馈。那么还有你要问的是,我们能不能得到很多有思考性、有建设性的回馈?以及我们在测试一个很差的产品之时,能不能在早期就获得这种衷肯的诚实的评价?那么为什么我们的研究当中常会有好于现实的正面回答呢?因为受访者通常觉得,如果我给了反面的评价,人们可能会觉得我这个人可能也是非常的消极,会造成我的负面形象,所以他不愿意做这个。还有一种想法就是,你们设计人员都有着很高的学历,很丰富的经验,所以如果你们设计处理的东西我不会用的话,只能说明我是一个蠢货、一个笨蛋,所以我才不会用,所以他们有时候目不会用的时候,会责怪自己我用不来,用不好这样子。还有一种原因,就是他们不想来伤害设计者的感情,所以他们给出过好的评价。

所有的问题在哪里呢?我们有的时候怎样才能够通过用户的可用性测试得到真正符合实际的结果?那么就是,你们要看有三种不同的东西。在三个测试方式里面,有相同的信息量和不相同的细节,但是我们怎么做呢?就是我们要三组(测试),在三组里面,每组里面只能够看到一样,一组产品,然后你让他们做一些标准的可用性测试,就像我们平时所做的一样,最后我们向厂家要建议,但是这一组只能够看到三个设计中的一个。那么,还有一个组呢,可以看到所有的三种产品,在他们使用之前就先给出一些评价,还有一种就是,在这里,看一下,我们本来想的,所有,那一些看到所有三个产品的人会给的评价低一点,我们还有一个想法,就是看到更多产品的人,他们可能会更加的挑剔。而第三我们认为,我觉得看了三种产品的人给我们的建议更多,因为他们有了比较就有了不同的意见。我们第一个假设的确是被证实如此了,他们看到三个产品就会给的设计的评分比较低一点,第二个他们变得更为挑剔,因为他们看得比较多。但是最后,看过三个产品的这一组给我们的意见并不是特别有建设性。我们有12个受访者看到所也的三个产品。那么,在这12个人当中,只有3个明确的表示我对其中的某一个设计并不喜欢。这其实是让我们非常惊奇的事情,接下来我们要对创意有一些建议,我们要回到最初始,你们可以在以后的用户测试当中使用这些东西,但是你可以知道,所有的教科书都告诉你们,不要测试所有的创意,而是把其中最有前景的一个创意拿出来测试,这样可以降低成本。但是实际上这并不是最有效的,我有一个学生叫做马瑞雅(音)她做了另外一件事情,在所有的测试都做完了以后她说,我们还有5分钟,你能不能把你觉得最理想的产品给画出来呢?受访者说,我画得不好,我不能做什么什么,她说没关系,你随便画一点,受访者还是说我画得不好。但是同样的这些人之前从来没有给过建议,或者有创意的想法的人,他们画出来了,但是他们画出来的结果非常的惊人,里看到这些圆圈了吗?是他们画出来的,他们看到这个平板式的产品的话就画出来这些,这是看到线性产品的人画出来的,而看过三个产品的人,他们画出来的东西,他把三个产品的优点结合在一起,然后画出来非常有建设性的东西。你知道我关于这个素描写过一整本书,最后我发现当这个受访对象什么有效的信息都没有给我的时候我很沮丧,最后我发现,我自己才是这个笨蛋,我自己教的是素描,但是我最后却没有让这些受访者画素描,反而是我的学生想到了,然后我发现这些受访者心里有很好的想法,他们能够画得出来,到最后我原来以为这个徒劳无功的测试最后却给我了一个意想不到的一个非常好的结果。有的学生是花了48个小时来做这样一个视频。有的时候你知道他们,这些工作是徒劳无功的,我们知道只要这些受访者进来做这个产品的测试,跟他们聊一下他们的感受,最后叫他们画一个这个素描,有的时候,所有我们需要的信息都可以在他们最后画出来的这个素描里面得到,包括他们的想法,把他们的想法视觉化。

有的时候,素描是一种非常有效的方法,可以让他们所也的有效的建议都体现出来。

有的时候,他们并不是专业的,他们画得也并不好,可能表达的意思也不是特别的准确、传情答意,但是他们画出来的想法却是非常好的。当你看过这三个产品以后,他把这三个产品里面所有他们认为好的优点都结合在一起,最后就给你指出了方向,什么才是他们最小的东西。大家还有什么问题吗?我知道我的时间来不及了,我知道应该给大家留一点时间提问的,最后,这是我介绍我的学生,马瑞安,就是我刚才提到的学生。我还想向大家感谢一下我的同事和学生所做出的努力。谢谢大家。如果现在还有时间接受提问的话我很愿意接受提问。

提问:大会可以把我的中文翻译成为英文吗?没有问题是吗?因为用英文可能这个说不清楚问题的意思。我购买了您的书之后,然后晚上也没有睡觉,就连夜看了一晚上,我觉得这里面的话,我看到您的这个意思就是说,用草图来表述这个设计,那我觉得就是说,用草图来绘制界面,绘制用户界面,哪怕是动态的去绘制,这个都没有问题。但是这个用户体验是用草图去描述,我觉得非常困难,就好象您书里讲的,您买的两个榨汁机,有一个榨汁机在摇它,在榨汁的时候,那种用户体验很难用草图描述的。这是我的第一个问题,怎样去用草图去具体的描述使用物品的感觉。

第二个问题,每一个设计者都会用草图,我们假如,可以用这个草图来描述用户体验,但是每一个人的描述方式又是不一样的,但是我们现在的设计团队是10到20人的小规模设计团队,我们在描述不一样的时候,我们可以开一个会,把各种方案讨论出来,一旦这个设计团队大到和我们编程实践团队一样大的时候,这个沟通就非常困难,我们是不是有一个非常系统,非常理论的方法,统一的语言,好象你这个草图语言,来体现这个设计原则。这是我的两个问题。
Bill  Buxton:你是两个问题,第一个是如何用草图勾勒出来这个用户体验,这个问题非常棒,感谢你提出这个精彩的问题。你买手机的时候,手机里带一个数码相机对不对?你使用到的是一种体验,这是你设计带来的直接的结果,但是你赋予给消费者的一个产品,所代表的是一种体验,他们把这种体验带回家,这体验要用户自己来感受,不是这个产品本身所彰显出来的。回答这个问题,用同样的这个技巧,你想一想,乔治他做过的事情,或者我其他的另外的学生,做的手表的项目,他把所有的东西用素描的方法,把所有的这种可以感受到的东西给勾勒了出来,具体的感受要最终使用这个产品的用户去诠释,去呈现。与其给他们这种统计数据,数码啊,或者是其他的图片,你给他一个产品,给他一个事务,跟他说,体验一下这个东西。

所以我这里很快的讲一个例子。我现在手里面有这种雷射的投射镜头可以把影像投射到平面板上,你照一个照片的话,你就可以把这个影像投射到这个平板上,你可以想象一下这种投射出来影像可以通过你的特殊控制变成一个触摸屏,就好像微软的界面一样,如果你用的手机也是这个样子,把这种影像投射出来的话,那这个手机就变成了一个面对面的交往的界面的载体了。所以我之前跟Donald  Norman聊天的时候,讲了这个手机,跟他聊了这个体验,他相信这个体验,我跟他说,你留着这个手机,以后也可以做这样的展示,你让别人也确信这个体验是真实存在的,我当时买的这个手机是400美金,它不是什么素描,也不是什么概念,它是实实在在的手机,这样你就实实在在对这种产品有一种感受,如何让人和人之间,消费者之间有一种感受的传输呢?我们不做过多的解释,把东西交给他,让他自身去做这种感受,做体验,如果你能够通过一些原则把这些实实在在的事物表达出来,你把东西给他,你试试这个东西,他会告诉你这个东西的魅力所在,不是你告诉他,而是他通过体验反过来告诉你。这不仅对于行政人员,对于所有的设计师来说这是非常重要的一种认知大家把它拉到统一的体验的平台上,我们把真正的主动权交给这个用户,然后再跟他们进行交流,他们体会到的这种感受比你所赋予这个产品而传达出来的理解力要高很多,这样他们会给你带来更深的反馈。
不知道有没有回答道到你的问题,谢谢你的这个精彩的问题。谢谢。

注:如有个别语义不通、错误地方,请见谅!

(责任编辑: 徐大维

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版