版权归原作者所有,如有侵权,请联系我们

[科普中国]-用户界面一致性

科学百科
原创
科学百科为用户提供权威科普内容,打造知识科普阵地
收藏

用户界面一致性,是指对软件的人机交互、操作逻辑、界面美观的整体设计的基本特性或特征相同,其它特征或特性相类似。

用户界面的设计分析了软件设计过程中用户界面设计的重要性,讨论了软件开发中的用户界面设计存在的系统响应时间、用户帮助设施以及出错信息处理等问题,提出了用户界面设计的相似性、灵活性、直观性、实用性准则,并介绍了用户界面的设计技巧。1

一致性在用户界面设计中,一致的外观可以在应用程序中创造一 种和谐美。如果界面缺乏一 致性,会使应用程序看起来非常混乱 ,没有条理,降低了人们使用该应用程序的兴趣。为了保持视觉上的一致性,在开发应用程序之前应先创建整体设计策略。例如在VB应用程序中,控件的类型、控件的尺寸、分组的标准以及字体的选取等设计元素都应该事先确定;在为控件设置属性时也要保持一致,如果在一个地方为可编辑的文本使用白色背景,除非有很好的理由,否则不要在别的地方又使用灰色。1

界面间的切换要灵活由于不同用户的工作方式不同,应用 程序需要有足够的灵活性以支持他们不同的方式。如果从一个界面转换到另一 界面很困难,用户会很快灰心并放弃。当屏幕流程与用户想完成的工作流程相符,这样的软件对用户来说才有意义。1

界面上的布局要符合用户的习惯对于大多数自然语言来说,都习惯于在一页之中从左到右、自上到下地阅读。对于计算机屏幕也如此,大多数用户的眼睛会首先注视屏幕的左上部位,所以最重要的元素应放在屏幕的左上部位。例如,如果窗体上的信息与用户有关,则它的名字字段应当显示在它能最先被看到的地方。而命令按钮,如‘’确定‘’或‘’下一个‘’,应当放置在屏幕的右 下方(因为用户在未完成对窗体的操作之前,通常不会访问这些按钮)。 基于这种习惯,屏幕的组织应当是从上而下,自左向右。1

颜色的使用要恰当在界面上使用颜色会增加用户视觉上 的感染力,颜色能够引发人们强烈的情感。每个人对颜色的喜爱有很大的不同,用户的品味也会各不相同。一般说来,最好保守传统,采用一 些柔和的、中性化的颜色。有时为了突出或吸引人们对重要区域的注意可以使用少量明亮的色彩。用户不同对颜色的要求也不同,例如明亮的红色、绿色和黄色适用于小孩子使用的应用程序,但在银行应用程序中不一定适合。在颜色搭配上要注意遵循对比原则 :在浅色背景上使用深色文字,在深色背景上使用浅色文字。1

区域排列及数据的对齐方式要恰当当屏幕有多个编辑区域,要以视觉效果和效率来组织这些区域。编辑区域左对齐是最好的方法。换句话说,要使编辑区域左边界在一条直线上且上下排列。与之相应的标签则应右对齐,置于编辑区域旁。这是屏幕上组织区域的一个整洁有效的方式。对一列列的数据,一 般文字、单个数字、日期等左对齐;数字、时间、日期加时间等右对齐。1

出错信息的处理要恰当一般来说,用户在使用程序的过程中总会出现这样那样的问题。程序设计人员在设计用户界面时,应尽量全 面地考虑可能出现的错误,并判断哪一个需要与用户交互作用,哪一个可以按事先安排的方案解决。例如对于偶尔出现的错误,需要为解决这种情况做出判断,并能和用户进行交互,通常采用对话框来提示这些信息,在设计时一定要采取用户容易理解的语言来提示。1

尽量减少用户操作越少的输入操作意味着越高的生产率,同时也意味着较低的出错机率。使用一次按键、鼠标选择而不是通过 输入一长串字符进行选择,这类操作具有潜在的好处。此外还要避免多余数据的输入,如在两个地方输入相同信息会让用户觉得厌烦,这不仅浪费精力,而且容易出错,对于这种情况系统应当帮助用户将信息复制过去,同时用户仍可以通过重新输入覆盖已有的信息。1

图形用户界面设计的原则与发展趋势通过对图形用户界面一致性、逻辑性、启示性和习惯用法等设计原则的研究,从中可以看出图形用户界面设计不但要符合设计的审美原则,更要遵循用户的认知心理和行为方式,体现了用户界面设计具有多学科交叉的显著特点。图形用户界面仍然是未来最主要的用户界面形式,这要求从事用户界面的设计师应掌握相关领域的更多理论知识。2

界面风格一致性的设计原则用户界面的一致性主要是指呈现给使用者的通用操作序列、术语和信息的措辞,界面元素的布局、颜色搭配方案和排版样式等都要保持一致。具有高度一致的用户界面可以让各个部分的信息安排得井然有序,给用户以清晰感和整体感,有利于用户对界面运作建立起精确的心理模型,从而降低培训和支持成本。曾经尝试在使用的手机上安装了一个阅读文本文件的软件,只从这个软件功能来看,它的确在手机上阅读小说的最好软件之一,虽然这个软件的启动速度有些慢,但运行速度却相当令人满意。可是这个备受广大手机用户好评的软件却有一个明显缺陷。当手机使用其他软件时,界面的右下角通常是‘’确定‘’‘’查看‘’或‘’打开‘’之类的选项,对应的键盘操作是右边的功能键。但这个阅读小说的软件却将界面右下角设为‘’退出‘’选项,这样使得使用者总是犯习惯性的错误,想要打开一本存储在手机中的电子书,却把这个刚刚启动的软件关闭了。不一致的界面布局是导致操作失误的根本原因。

因此,除特殊情况外,图形用户界面的设计风格都应保持高度的一致性,一致性是界面设计是否成功的重要因素之一。保证一致性的一个有效方法是撰写正式的‘’设计风格标准‘’文件。这一文件规定在一个产品或系列产品的图形用户界面设计中都必须遵守的设计准则。‘’设计风格标准‘’规定的设计准则应当非常具体,其中可能包括所使用的图标、尺寸、字体等内容和格式的例子。它可以有效地用于图形用户界面的管理和调整,是设计大型、复杂图形用户界面或多人多部门共同协作的设计工作必不可少的。2

界面具有启示性的设计原则启示性是Donald Norman在研究日常物品的设计时提出的术语,定义为事物被感觉到的特性和实际特性,主要是确定事物可能使用方式的基本特征,也就是说启示性指的是物品的某个属性,而这个属性可以让使用者知道如何使用这个物品。例如不同形状的门把手分别暗示着‘’推‘’‘’拉‘’或‘’旋转‘’。图形用户界面中的图形元素(如按钮、图标、滚动条、窗口和链接等)同样可以暗示它们所代表的功能,或启发用户如何使用它们。2

界面设计应遵循习惯性用法习惯性用法是基于学习和使用习惯的方式。遵循习惯性用法的界面不关注技术知识或人的直觉功能,也不会引发人的联想。图形用户界面容易使用的主要原因是限定了一系列用户和系统进行交互的词汇。由指向、单击(点击)和拖动等不可分割的动作和反馈机制形成基本的使用词汇,用基本的使用词汇可以构成一系列组合词汇,形成更为复杂的组合用法。例如双击、单击并拖动等操作方法,以及按钮、复选框等操作对象。

界面设计师经常寻找合适的隐喻来进行界面设计,隐喻界面依赖于用户在界面视觉提示与功能之间建立直觉的联系。用户可以用物理世界的生活经验来理解用户界面,有效的隐喻有助于用户学习和理解界面的使用方法。但Alan Cooper认为‘’用隐喻进行用户界面设计‘’是一个错误的观念。首先,隐喻不具有可扩展性。在简单程序的简单过程中有效的隐喻,随着程序复杂性的增加,可能会失败。其次,隐喻依赖于设计师与用户之间有相似的联想方式,但是如果用户没有和设计师相似的文化背景,就容易产生歧意。另外,隐喻把我们的理念和物理世界束缚在一起,有很大的局限性。2

本词条内容贡献者为:

李嘉骞 - 博士 - 同济大学