购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

交互设计的基本原则

优秀的设计师提供愉悦的体验。体验?对,就是这个词!工程师却不大喜欢,认为它太主观了。但当我问到他们自己心仪的汽车或测试设备,他们用会心的微笑谈论它们的紧凑、内饰、加速时的推背感、漂移和转向时的轻松掌控,以及操作面板上按钮和开关的美妙触感。这就是体验。

体验非常重要,因为它体现了用户有多么怀念他们同产品的互动。互动时,人们总体感觉是正面的,还是令人沮丧和困惑?当家用科技产品难以理解,我们会迷茫、失望甚至生气,所有这些都是强烈的负面情绪。如果产品的易通性很好,人们会感到掌控、满足甚至骄傲所有这些强烈的积极情绪。认知和情感紧密地联系在一起,这意味着设计师在设计时必须牢记二者。

当与一个产品互动时,我们需要弄清楚如何操作。这意味着搞明白它做什么,它是如何工作的,以及如何操作,即可视性。可视性得自适当地运用五种基本心理学概念:示能,意符,约束,映射和反馈,这些在接下来的几章中会有所涉及。但还有第六个原则,或许是所有里面最重要的:系统的概念模型。概念模型让用户真正理解产品。所以,现在我开始逐一介绍这些基本原则,从示能、意符、映射到反馈,然后再介绍概念模型。在第三章和第四章将会涵盖约束的内容。

示能(Affordance)

我们生活在一个充满物质的世界里,许多东西是自然的,其余则是人工制品。每天我们都会遇到成千上万的物品,对我们来说,它们中的许多东西都是新的。许多新的物品同那些我们已经知道的物品很相似,也有很多物品比较独特,然而我们使用得也不错。这是怎么做到的?为什么当我们遇到很多不寻常的自然物品,我们知道如何与它们互动?为什么我们碰到如此多的手工制造和机器制造的产品,会有似曾相识的感觉?答案取决于几个基本原则。其中一些最重要的原则来自对示能的研究。

“示能”这个词,是指一个物理对象与人之间的关系(无论是动物还是人类,甚至机器和机器人,它们之间发生的任何交互作用)。示能是物品的特性与决定物品预设用途的主体的能力之间的关系。一把椅子提供了(“目的”)支撑,因此可以用来坐。大多数椅子可以单人携带(它们能够被搬动),但一些椅子只能由一个强壮的人或一群人来搬动,如果青少年或体质有点弱的人就无法搬动一把椅子,那么对这些人来说,椅子没有可移动性,因为它不支持搬移。

示能的体现,由物品的品质同与之交互的主体的能力共同决定。这个相互联系的示能定义,让许多人理解起来相当困难。我们习惯上认为,属性与物品相关。但示能不是一个属性,是一种关系。示能的存在与否取决于物品和主体的属性。

玻璃是透明的。同时,其物理结构阻挡了大多数有形物质的通过。结果就是,玻璃既提供视觉通透性,还提供支撑,但玻璃不是空气或大多数有形物质的通道(但粒子可以穿过玻璃)。通道的堵塞可以被认为是一种反示能,对交互作用的抵制。为了更有效,示能和反示能都必须被揭示出来,即可被觉察到。对玻璃来说有些困难。我们喜欢玻璃的原因是其相对透明,但是窗户这个非常有用的特性,同时隐藏了它阻挡其他物质的反示能的一面。结果就是,鸟儿们经常试图穿越窗户,却常常碰壁。而且每年有很多人在走路或跑步通过关闭的玻璃门或大落地玻璃窗时受伤。如果示能和反示能不能够被觉察到,就需要标识出来,有一些手段可以做到:我把这个属性叫意符(在下一节讨论)。

示能的概念和内涵来源于吉普森(J.J.Gibson) 。他是一位帮助我们理解人类感知的著名心理学家。我和他交往多年,有时在正式的会议和研讨会上,但更多富有成效的讨论发生在深夜的一堆啤酒旁。我们几乎对所有的事情都有不同看法。我曾是一名工程师,后来成了一名认知心理学家,试图了解大脑是如何工作的。他起初是一个格式塔心理学家,然后发展出以他的名字命名的理论:吉普森心理学(Gibsonian psychology),一种知觉的生态论。他认为世界中充斥着线索,人们仅仅需要运用“直接知觉”,把它们捡拾起来就可以了。我反驳说,没有什么是直接的,大脑需要处理那些到达感觉器官的信息,组成一个连贯的解释。“胡说,”他大声说,“不需要解释:它可以被直接感知。”然后他就把手放到他的耳朵边,得意扬扬地挥舞着,关掉他的助听器:意味着我的反驳会落在聋子的耳朵里。

当我思索自己的问题——当面临一个新的状况时,人们怎么知道如何采取行动?我知道大部分答案将在吉普森的著作里。他指出,我们通过综合所有感官协同工作的结果得到关于世界的信息。“信息拾取”是他最喜欢的词语之一。吉普森认为,被我们所有的感觉器官接受并综合处理的信息——如景象、声音、气味、触摸、平衡、运动、加速度和身体的位置等——决定了我们的感知,没有内部处理或认知的必要。我和他对于人类大脑在内部处理中扮演的角色有不同意见,他的成就是关注出现在现实世界里的丰富信息。此外,关于有形物品如何传达出人们与它们互动的重要信息,这个特性被吉普森命名为“示能”。

示能是存在的,即使它们是不可见的。对于设计师来说示能的可见性至关重要:可见的示能对操控提供了有力线索。装在门把手位置的一小块平板暗示门可以被推开。球形门把手则意为旋转、推开或者拉开。狭长的槽是用来插东西的。球是用来被抛掷或弹跳的。不需要标签或说明书的帮助,预设用途(perceived affordances)帮助人们了解可以采取什么行动来操作。我把示能的符号提示功能叫作意符。

意符(Signifiers)

示能对设计师重要吗?在本书的第一版,我将术语“示能”介绍给设计界。设计圈喜欢这个概念,示能很快传播到设计教学和写作中。我很快就发现这个词无处不在。唉,这个词逐渐以与原来无关的方式使用着。

许多人觉得示能难以理解,因为它指的是一种相互关系,而不是物品或材料的属性。设计师习惯于处理固有的属性,因而有一个倾向说属性是一种示能。这还不是示能这个概念唯一的问题。

设计师要处理现实问题。他们要知道如何设计物品并让人理解。他们很快就发现为电子显示屏做图形设计时,需要一种方法来标示哪些部分可以感触,上滑、下滑,或侧滑,或点击。这个动作可以用鼠标、手写笔或手指来完成。在人们不碰任何物理装置的情况下,有些系统可以对身体的动作、手势和说话做出反应。设计师怎样描述它们正在做什么?没有合适的词来描述,所以他们使用了最接近的现成的词“示能”。不久,设计师们就会说“我放了一个示能在那里”,以此来描述它们为什么在屏幕上显示一个圆圈,表明那里可以触摸,无论是用鼠标或手指。“不,”我说,“这不是示能,这是一种表示触摸的沟通方式。你是在表明哪里可以触摸,在整个屏幕上都存在触摸的示能,你在试着表示应触摸的地方。那同说明可能进行什么操作不是一回事。”

不仅我的解释不能让设计圈满意,我自己也不开心。最终我放弃了:设计师需要一个词来描述他们正在做了什么,因而他们选择示能。他们能有什么选择呢?我决定提供一个更好的答案:意符。示能决定可能进行哪些操作。意符则点明操作的位置。这两者我们都需要。

人们需要某种方式了解他们将要使用的产品或服务,某些标识表明的用途,会发生什么,有什么样的替代方案。人们寻找蛛丝马迹,寻找任何可以帮助他们应对和理解的符号。任何可能标识出有意义的信息的符号非常重要。设计师需要提供这些线索。人们所需要的和设计师必须提供的,就是意符。除此之外,优良的设计要求对产品的目的、结构和设备的操作与使用者进行良好的交代。那就是意符的作用。

在古怪的偏重于标识和符号的符号学研究领域,“意符”这个词有漫长而辉煌的历史。但正如我以不同于初始者的意图,在设计界使用示能一词一样,我对意符的使用也与它在符号学领域的初始预期有所不同。对我来说,“意符”这个词指的是能告诉人们正确操作方式的任何可感知的标记或声音。

意符可以是蓄意的,故意为之,如门上设计“推”(PUSH)的标志,但也可能是偶然和意外的,例如我们根据前人走过田地的脚印,或冰雪覆盖的地面上留下的可见足迹来决定最佳路线。抑或我们根据在火车站候车的人的出现或离去,来确定我们是否错过火车。(在我的另一本书《设计心理学2:如何管理复杂?》中详细地解释了这些想法。)

图1.2 有问题的门:需要意符。

在没有提示的情况下,门上的硬件可以暗示正确的操作,是推,还是拉。上面A图中的两个门是一样的,但一个应当推开,另一个则应当拉开。扁平的横向把手明显地暗示着推的动作,但就像图中所标识的,左侧的门要向外拉,右侧的门要朝里推。下面B和C两幅图中,没有可见的意符或示能,怎么知道要推哪一边?试一下,也许会错。如果给门这样简单的物品也要加上外在的意符,即标识,那就是糟糕的设计。(摄影:作者)

意符是接收者的一个重要的沟通手段,不论这种沟通是否有意为之。无论有用的标识是有意放置还是偶然出现,没有必要区分它们。谁会在意一面旗帜是作为风向标有意放置的(如机场或帆船桅杆上的旗帜),还是某个国家的一种宣示或骄傲的象征(如公共建筑物上的旗帜)。当我把摆动的旗帜当作风向标时,不会在意它为什么出现在那儿。

想想看一个书签,当阅读一本书时它是有意放置在某个位置的标识。但是书的物理特性也赋予书签一个附属的意符,即它的位置表明还有多少内容仍然待读。大多数的读者已经学会了使用这个附属的意符帮助他们沉浸在阅读的乐趣中。还有几页了,我们知道快读完了。如果是折磨人的内容,例如学校安排的功课,人们总是通过知道“还有几页就完成了”来安慰自己。电子图书没有纸质书籍的物理结构,所以除非软件设计师特意提供线索,否则读者无法了解任何剩余文本的信息。

不论其性质,有意或无意设置,意符能为自然的世界和社会活动提供有价值的线索。在这个社会化的、科技掌控的世界里,我们需要探究物品的内在运作方式,包括它们是什么,以及它们如何运作。我们竭尽全力从生产厂家方面寻找线索,并以这种方式,像侦探一样,寻找任何我们可能会发现的说明指导。如果幸运,体贴的设计师提供线索。否则,我们必须运用自己的创造力和想象力。

示能、预设用途和意符有许多共同之处,所以让我暂停一下来讲述它们明确的区别。

示能揭示了世界上作为主体的人、动物或机器如何与其他东西进行互动的可能性。一些示能是可感知的,其他则是不可见的。意符指的是信号。一些意符是生活中的符号、标签和图样,如门上用符号标记的“推”、“拉”或“出口”,或指示所要采取行动的箭头和图示,或是朝向某个方向的手势,或其他的说明。一些意符仅仅是预设用途,譬如门的把手,或某个开关的物理结构。请注意,某些预设用途可能并不真实:它们可能看起来像门,或者需要推的位置,或某个入口处的障碍,而事实上它们不是。这些是误导性的符号,往往是无意的,但有时故意如此,比如试图阻止人们做他们还没有准备好的操作,或者就像游戏一样,其中一个挑战就是找出哪些是真实的,哪些不是。

图1.3 滑动门:很少好用。

很少见到正确标示的滑动门。上面的两幅图片显示了美国铁路公司列车上通向卫生间的滑动门。手柄的形状清楚地暗示着“拉”,但实际上,它需要旋转,然后门向右侧滑动。图C显示了中国上海的一个商铺的门,主人用标识解决了问题“勿推!”,它同时用英语和中文标出来。美国铁路公司列车上卫生间的门或许可以使用同样的标识。(摄影:作者)

图1.4 不能排水的洗手池:错误的意符。

图A,我在伦敦一家酒店的洗手池洗手,然后碰到一个问题,如何排掉脏水。我到处寻找控制机构,没有找到。我还试着用调羹撬开水漏的塞子(图B),也失败了。最终,我不得不离开房间,到前台寻求帮助。(是的,我就是那样做的。)前台告诉我“向下按水漏的塞子”。哦,它打开了(图C和D)。但其他人怎么发现这个诀窍呢?为什么我要把干净的手指伸到脏水里去打开塞子呢?这里的问题已经不仅仅是缺少意符,生产这种水漏塞子,并要求人们在使用时不得不搞脏已经洗干净的手,这本身就是错误的决策。(摄影:作者)

这儿有一个我最喜欢的误导意符的例子,我曾经在公园里看到一排穿越服务区道路的竖直管道。这排管道会挡住在那条道路上行驶的汽车和卡车:它们是反示能的好例子。但令我惊奇的是,我看见一辆公园的车轻松地穿过管道。嗯?我走过去仔细查看了一下:管道是橡胶做的,所以车辆能够轻松地碾过橡胶管。这是个非常聪明的意符,对普通人显示道路封锁了(通过一个明显的反示能),但对于那些了解的人则允许通行。

总结一下:

·示能是人和环境之间可能的互动。有些示能是可见的,另有一些不是。

·预设的用途经常表现为意符,但经常模棱两可。

·意符是一种提示,特别告诉用户可以采取什么行为,以及应该怎么操作。意符必须是可感知的,否则它们不起作用。

在设计中,意符比示能更重要,因为它们起到沟通作用,告知用户如何使用这款设计。一个意符可以是词语、图形化的插图,或仅仅只是预设用途明确的一个装置。富有创造力的设计师将设计中的意符部分串联成一个连贯的体验。大多数情况下,设计师可以专注于意符的设计。

图1.5 偶然的示能可能会变成强有力的意符。

在韩国科学技术院(KAIST)工业设计系的大楼,图示的这面墙就是反示能的例子,它防止人们滚落到楼梯栏杆以外。墙的顶部是平的,是整个设计偶然附带的设计结果。但平整的表面意味着支撑,一旦有人发现它可以放置丢弃的空饮料瓶,那么废弃的瓶子就变成了意符,告诉其他人这里可以丢弃杂物了。(摄影:作者)

因为示能和意符是优良设计的重要的基本原则,它们经常会出现在本书的字里行间。当你看到用户将手写字母贴在门上、开关上或产品上时,试图说明如何操作,什么该做,什么不该做,那你就看到了糟糕的设计。 TQrTZ2+iuVEBYQNhxpcbsCSfaSmZVvYtFGFn5tukgFwNHWhPvLmmBxJ58jgQUdta

点击中间区域
呼出菜单
上一章
目录
下一章
×