界面设计

 

好的界面无论在任何时候更换操作员，新操作员总能够顺利地完成后面的操作，而不需要和原来的操作员进行沟通。

1、外观体现功能原则。

这里的外观，包括控件的外形图案和控件的位置。所有控件的外观应该能体现出他们的功能类别、作用范围。请看下面的对话框：

上面对话框的几个按钮的分布看似节省空间，其实显得没有条理。添加、删除两个按钮的作用对象是单个项目，应该外形相同，图案类似。帮助、保存、取消作用对象是整个对话框，外观要区分开来，并且按照windows统一的方式，确定、取消按钮在右下方。请看改正后的样子：

另外一个例子见下图：

左图中的恢复默认值按钮操作的范围应该是“显示”设置页，右图中的恢复默认值按钮操作的范围应该是所有设置，用户从按钮位置就能体会到作用范围，使用中才不会混淆。

如果对于控件较多的复杂界面，更要通过位置分组、大小颜色分组等方式来规划。如果仍然杂乱，可把一部分相对功能独立的功能放到弹出的子窗口内。

2、消除二义性原则。

二义性的概念为：同一个操作根据不同状态可能带来不同的结果，并且当前状态不是用户关注的对象。例如文字编辑有插入和改写状态，文字光标是用户关注的对象，如果两种状态下光标形状不同，就可以消除二义性，如果仅在某个角落显示当前状态或不显示状态，就会产生二义性，SQL Server 2000的查询分析器就有这种问题。

有二义性的界面很容易使用户在不知不觉中造成错误操作，如下例：

这是有二义性的界面，如果用户仅看按钮文字为打印，而没有注意到打印后保存的选择，就可能会在不想保存的时候进行了保存。消除方式1：关注对象反映操作结果，如下图：

说明：根据用户选中或不选中“打印后保存”的选择框，按钮文字会变为“打印并保存”或“打印”。因为按钮文字是用户关注的对象，所以这样可以消除二义性。消除方式2：拆分成多个功能处理。如下图：

将两种打印功能分开按钮，可以完全消除二义性。

3、对用户的操作进行合理响应。

一方面是响应时间，响应时间在1秒钟以内的可以不做任何处理（对B/S程序可适当放宽），如果响应时间长，则应该加以处理。在10秒以内的话鼠标可变为忙状态或出现明显的文字提示，如果会超过10秒应该出现进度条，如果执行时间很长，超过1分钟的话最好提供剩余时间显示并且允许中止。

另一方面是对操作是否需要响应和提示，一般原则是：操作结束出错必须提示，操作正常时，如果从界面上反映出操作结果，可不需提示，界面不能反映操作结果是需要提示。例如操作是删除一项内容，删除出错肯定要提示，删除成功时需要从界面上刷新显示，能够看到少了一项内容，不需要提示删除成功。如果操作是对数据库进行优化，界面上无法反映优化结果，这是无论优化成功或失败都应当提示结果。

4、最高境界，让界面消失。

怎样才算一个最好的界面设计呢，还是那句常言，没有最好，只有更好，总能找到可以改进的地方，何况技术会进步，需求会变化。虽没有最好，但如果用户相当满意，在同类软件中处于领先时，考虑改进成本，就不需要在无休止地优化下去了。这时的软件界面需要达到什么效果呢，简而言之，就是使界面消失，使用户忘掉界面的存在而专注于每项业务工作，这就是界面设计的最高境界。当然要达到这一程度是相当不易的，需要吸取用户意见并不断改进和磨合。

5、关注用户群的知识程度。

在界面设计的初期应该首先确定软件的使用者，也就是用户群。他们的微机知识水平、行业知识水平、年龄、职业、学习能力等相关条件，这样才能在界面设计中有针对性地进行处理。操作的复杂程度、语言信息的专业程度要和用户自身程度相匹配。

常见的问题是出错后的提示信息，既然是给用户看的，就要确定以用户的知识水平能够看懂，最好要指出问题的可能原因和解决途径。程序内部的错误描述不要显示，如果为了便于解决问题确实需要知道，可采用显示错误代码、保存错误日志、发送错误报告等方式。

其他方面还应注意的问题还有很多，比如提供给工作人员的查询界面就应该与领导查询的操作不同。提供给初级用户的操作就和熟练用户的不同，当然也可能两种方式并存以利于初级用户经过学习使用后熟练程度的提高。给专业用户比如开发人员使用的功能就可以使用专业术语。总之，站在使用者的角度设计界面是自始而终都要考虑的基本点。

6、操作界面的统一性原则。

人们对于重复操作自然的会形成习惯，习惯性的操作效率是相当高的。大家在使用windows过程中也会形成习惯，所以界面设计中要符合大家的操作习惯，还有一点，界面中一些频繁使用的功能要有助于形成习惯。

windows窗口按钮的常见布局很有特点，界面遵守这样的布局有利于人们习惯性操作，减少出错机会，例如下两图：

　

宽形对话框一般横向内容较多，习惯把确定和取消按钮放在右下方，确定在左，取消在右。窄形对话框一般竖向内容较多，习惯把确定、取消按钮放在右上方，确定在上、取消在下。如果还有其他按钮比如帮助，可以放在与按钮在同一行/列上的其他位置，并且与确定、取消按钮分开一定距离。对话框没有最大化按钮，一般也没有最小化按钮，长宽比例为0.707即根号２的一半比较美观，这个比例和纸张比例一样，对折后长宽比例不变。

还有，对话框一般可用回车键表示确定，ESC键表示取消，F1表示帮助等，加上快捷键并不困难，对常用的对话框可大大提高操作效率。

为了有助于用户形成习惯，界面设计要遵循统一性原则。例如常用的新增/修改/删除按钮和操作的方式要统一，不同界面中快捷键的统一定义要统一等，总之各个界面操作起来相似程度越大越好，这样会减少用户学习的时间、减少出错机会。同时从程序设计角度来看也增加了代码的复用程度，并便于代码维护。

7、对频繁使用的功能重点优化原则。

为了提高用户的操作效率，对于频繁使用的功能一定要优化操作步骤，并提供键盘和鼠标多种操作方式。如果有机会最好从一线使用人员那里详细了解业务的操作步骤，并听取一线人员的意见来改进操作。

9、功能可见原则。

一个窗口中提供哪些功能，应该从窗口控件中直接看到。可见的控件包括固定菜单、带文字按钮、由可见文字提示的功能（如显示：双击图片进行编辑），半可见性控件包括只有图案的按钮，不可见的控件或控制方式有：双击、右键菜单、自动出现和消失的控件、快捷键、文字脚本命令。不可见的命令方式只能作为可见命令的补充，用以提高效率和增强方便性，不要作为唯一的方式存在，因为这给用户学习使用造成障碍。只有图案的按钮是半可见性的，因为对图案的理解无法统一，用户只知道这是一个功能而不能确定是什么用途，需要加上悬停文字提示，如果窗口面积允许，还是尽量加上按钮文字为好。

10、控件布局、简洁规整。

从简洁来说，一个窗口的控件不要太多，和当前业务关系不大的功能不要出现，即使象信息录入窗口那样项目众多的窗口，也可以通过分页的方式减少界面控件。因为太多控件的堆积使界面看上去很杂乱，从中找到关注的项目时效率很低。

从规整来讲，一点是控件外观统一、排列整齐，更重要的而且易被忽视的一点是要分类排列。分类可以方便记忆并帮助用户高效地找到需要的项目，可以按控件的状态分比如只读的与可编辑的文字框从外观、位置区分，还可以按控件表示的内容分，比如与人员相关的和与物资相关的分开，与物资相关的还可以按大型、小型，属于不同地区等方式有序排列。这样的界面就比随意放在一起的界面操作效率高得多。

11、怎样选用按钮。

常用按钮有文字按钮、图标按钮、文字加图标按钮。他们对比如下：

按钮类型	占用面积	按钮尺寸	含义	适用于
文字按钮	较大	不易统一	较明确	窗口面积允许，按钮不多
图标按钮	较小	统一	不够明确	窗口面积紧张，功能使用频繁，易形成习惯
文字+图标	最大	不易统一	较明确	窗口面积充足，按钮较少

注意：按钮文字不要太简单，含义不要模糊，才能体现它的优势。

12、减少用户出错原则。

用户在使用软件时犯一些错误是难免的，软件设计时要考虑到对用户负责，尽量减少用户错误的发生，减少错误造成的损失。具体需要注意以下几点：1>对数据删除的操作提醒确认，如果删除操作可能频繁使用，可以提醒时默认确定删除，否则要默认取消删除。2>对大量录入数据的界面，在退出或关闭界面时提醒是否保存，默认保存。（如果用户并没有录入任何数据不要提示）。3>对多步骤的操作提供中止功能，否则用户只能一条路走到底，很让人讨厌。4>尽量提供撤销功能。尽管实现起来有一定难度，但对于使用频繁的功能如果可以撤销，这无疑是一项先进而体贴的特性。

13、业务操作流程直观原则。

业务流程一般有一个以上的步骤来完成，假如把去医院看病当作一个业务，流程简化成三个步骤：挂号->诊断->治疗（或取药）。一个业务可能有多个流程或叫多种方式来完成，比如看病业务的急救流程有两个步骤：诊断->治疗。对带流程的业务进行界面设计时，较好的方式是把操作步骤安排成流程图似的效果，使用户看上去直观易懂，例如：图xxx，在每个具体的操作上，也应该反映出当前业务有哪些步骤，当前操作是哪一个步骤。图xxx

14、状态可见性原则。

从业务角度来说，界面应该明显体现出当前正在进行的是什么业务，已经进行到了业务的哪一个步骤，从操作角度来说，界面应该明显体现出不同的操作状态，例如对于录入界面是正在编辑的状态还是正在修改的状态还是只读状态，修改状态时正在对哪条记录修改，对于查询界面应体现出查询的数据来源是什么，使用的什么条件，从按钮来说要体现出是否可用。

15、屏幕分辨率自动适应。

用户的屏幕分辨率可能会各不相同，这就要求程序应该自动适应分辨率，至少对于现在流行的800x600、1024x768的屏幕应该不会产生内容显示不全、控件位置错位等情况。

16、对话框的缩放功能。

对于内容可能较多的对话框，比如其中列表的项目可能很多，或者需要输入较多文字，对话框应该设计成大小可缩放的形式。这样方便用户调整对话框的大小、位置，以适应各种不同的需求，比如与其他程序中的内容对比，与其他程序中的文字互相复制粘贴。

17、关于树的使用。

树的特点：可以把复杂的层次结构条理清晰地组织起来；可以方便处理数目不定的项目；可以同时打开不同层次的节点以方便在不同节电间交互数据。

树虽然有不少优点，但滥用树也会造成使用不便。树的特长在于组织数据而不是组织功能，如果用户来组织功能，那么功能可能会放在未展开的节点中而不能直观看到，常用功能从树中打开也会效率低下，功能因树的展开多少而改变位置也会造成使用困难。所以不要把树当作组织各种项目的万能良方，从各方面考虑，可能会找到比树更合适的界面处理方式。

 

add 1、数据一致性原则。

不要出现同一界面上的数据不一致的现象，例如选择日期后按查看按钮，下面出现该日期的数据，如果更改了日期而没有按按钮，那么界面上的日期和下面的数据就会不一致。改进的方案是日期不能直接修改，用选择日期按钮代替查看按钮，选择日期按钮弹出模式对话框，在对话框里面选择新日期，如果确定才查看新日期的数据。这样就消除了数据不一致性。