- 细节决定交互设计的成败
- 张亮编著
- 1795字
- 2020-08-27 21:20:46
2.4 一致性
在北京开车的人都知道北京的公路立交桥是出了名的难走,有很多的关于这些立交桥的笑话,其中一个比较有名的是关于西直门立交桥的:说某敌国入侵北京,放了一个空降团在西直门立交桥上,结果转了一年还没下来,全军饿死在西直门立交桥上,不歼自灭。
这些立交桥之所以难走,一个重要的原因在于各个桥之间的设计缺乏一致性。我统计了一下,仅仅是在桥区左转就有四种可能的方式:
● 上桥之前出辅路,在桥下左转90度;
● 上桥后出辅路,在桥上右转270度,实现左转弯;
● 进入桥上的环岛行驶,然后在正确的路口驶出环岛;
● 某些桥区在直行方向的正上方又架起了一条更高的道路,左转车辆可以驶入这条道路,并直接在直行车辆的上方左转。
某些桥区还同时提供第一种和第三种方式。
从上面这个日常生活中的例子,我们已经能够看出一致性设计的重要性了。从其实质来看,一致性的设计使得人们能够把他们先前已经掌握的技能和知识应用到新的产品或环境中,而不用每次使用新的同类产品时都需要重新学习和理解。一致性的设计实际上和前文提到的把界面设计得和用户的心理模型相接近的原理也是相符的。如果市场上已经有了很多的同类产品,那么他们对于这些已有产品的使用经验就形成了他们对于这类产品的心理期望。如果你的产品的外观或使用方法刻意和这些已有产品不同,那么你就需要冒相当大的风险了。如果产品设计存在不一致性的设计,它将会增加用户的学习负担,有些时候还会降低用户的使用效率,甚至导致使用错误激增。比如说,标准键盘上的26个英文字母的位置分布是一致的,因此用户在使用不同的键盘来输入26个字母时不会出现问题。但是,其他符号或功能键的位置就不一致了,人们在按下这些按键时就会存在问题。例如,“PgUp”,“PgDn”,“Home”以及“End”这四个键在不同的键盘上的位置就不同,在笔记本上的位置尤其不同,因此你会发现在使用分布位置不同的键盘时,在按下这些键时经常会出错,于是你不得不放慢速度,先用眼睛看清楚其位置才行。
在软件界面设计中,一致性可以使得用户知道在哪些地方找到特定的功能或信息,同时还能使得他们知道这些功能的正确使用方法。例如,在标准的Windows应用程序中,窗口的最上方是窗口标题条,上面有最大化、最小化以及关闭窗口按钮,在接下来的窗口客户区域中,首先是菜单区域,然后可能会有工具栏区域,再下面是主要内容显示区域,最底部可能是状态信息显示区。在菜单的设计中,如果某个菜单条目的文字后面带有省略号,它一般表示在选择了这个菜单后不会立刻执行动作,而是首先会弹出一个对话框来要求用户提供更多的信息,然后在用户点击了对话框中的确定按钮后才会真正执行。
尽管上面这些标准化的做法显得相当简单和常见,不过还是有一些软件违背了一致性设计的做法,结果使得用户不知道如何操作。例如在Acrobat Reader 8中,在点击了“帮助”菜单下的“关于Acrobat Reader 8”菜单后,一个介绍Acrobat Reader的窗口会显示在屏幕中央,如图2-29所示。然而,这个窗口却没有普通窗口的标题条,而且窗口内也没有任何按钮表示出如何关闭该窗口,因此用户不能按照通常的关闭窗口的方法来关闭这个窗口。实际上,该软件采取了一种与众不同的操作方法来关闭该窗口:它要求用户在该窗口中的任意位置单击鼠标,或者是按下键盘上的“Esc”键。尽管这两种方法倒也不复杂,但是根本的问题在于用户无论如何也不会想到需要这样做。
图2-29 用户无法看出如何关闭这个非标准的窗口
为了做到一致性的设计,不同的软件平台都已经有了自己的一套标准的界面风格设计指南。作为界面设计人员,你所需要的就是尽可能去遵守这些指南或标准,从而可以保证有尽可能多的用户能够较快地理解和使用你所设计的界面。你可以从互联网上很容易地搜索到这样的一些标准。
你不仅需要把自己产品的界面做得同业界标准或他人产品相一致,同一个产品内部自身的一致性也同样重要,这能使得用户在掌握了某一部分的用法后就能很容易地理解和使用其他部分。在Lotus Notes 6.5中,一个明显的不一致性的问题就是它有关鼠标单击和双击操作的设计。图2-30 和图2-31 两幅图分别显示了该软件在两个状态下的界面。
图2-30 Notes在这个状态下接受单击操作
图2-31 Notes在这个状态下接受双击操作
从其外观来看,它们一模一样,每个功能都是用一个带有阴影的卡片来表示的,卡片上的文字标明了它对应的功能。然而,为了执行这些功能,在其中一幅图所表示的状态下需要单击鼠标,而在另一幅图状态下却需要双击才行。这将使得用户产生混淆,从而无法看出应当是单击还是双击。