用户界面设计的技巧与技术

《用户界面设计的技巧与技术》由会员分享，可在线阅读，更多相关《用户界面设计的技巧与技术（6页珍藏版）》请在金锄头文库上搜索。

1、 用户界面设计的技巧与技术 本节所包含的用户界面设计技巧将有助于提高面向对象界面的设计。 l、一致、一致，还是一致你能做的最重要的事情就是保证用户界面运作的一致性。对于列表框来说，如果双击其中的项,使得某些事件发生，那么双击任何其它列表框中的项，都应该有同样的事件发生。 所有窗口按钮的位置要一致，标签和讯息的措辞要一致，颜色方案要一致。用户界面的一致性使得在用户对于界面运作建立起精确的心理模型，从而降低培训和支持成本。 2、建立标准并遵循之在应用软件中保持一致的唯一途径就是建立设计标准并加以遵循。最好的办法是采取一套行业标准，对自身特殊的需要加以补充。已有的行业标准，如IBM标准(1993)与

2、Microsoft标准(1995)，通常可满足95到99的需要。采用行业标准，只需利用已有的成果，也使你的应用软件看起来或 感觉上更象用户已购买或建立的其它应用软件。应当在定义基础构造阶段就建立用户界面设计标准(Atablet，1998)。 3、阐明规则用户要知道怎么使用你为他们开发的软件。软件运作的一致性表明，规则你只需解释一 遍。这比一步步详细讲解如何使用应用软件每个特性要容易得多。 4、同时支持生手和熟手图书馆目录符号对图书馆系统的一般用户来说，也许就够用了，但对熟手用户，如图书管理员，很可能就没有那么有效了。图书管理员是受过专门训练，能够使用复杂的查询系统找到信息，因此，应当考虑建立一

3、套查询界面以满足他们的独特需要。 5、界面间切换很重要如果从一个屏幕转换到另一屏幕很困难，用户会很快灰心并放弃。当屏幕流程与用户想完成的工作流程相符，此软件对用户才有意义。由于不同用户工作方式不同，应用软件需要有足够得灵活，以支持他们不同的方式。在建模阶段，界面流程图可用来模拟屏幕之间的流程。 6、界面上的布局很重要在西方，人们是自左而右，从上而下阅读，基于人们的习惯，屏幕的组织也应当是自左而右，从上而下。屏幕小部件的布局也应以用户熟悉的方式进行。 7、讯息和标签措辞要适当屏幕上显示的文本是用户主要的信息源，如果文本措辞很糟，用户的理解就会很糟。要使用完整的措辞和句子，而不要用缩写和代码，使文

4、本易于理解。讯息措辞要积极，显示用户处于控制之中，并提示如何正确使用软件。例如，下面哪一条讯息更吸引人：你输入了错误信息 还是 帐号应为8位数? 此外，讯息措辞要一致，在屏幕上显示的位置要一致。尽管这样的讯息须输入名字 和应输入帐号 分别来说措辞上没问题，放在一起就不一致了。根据第一条讯息的措辞，第二条讯息更好的措辞应当是须输入帐号，这就使得两条讯息措辞一致了。 8、合理使用小部件为恰当的任务使用恰当的小部件，首先可以帮助增强应用软件的一致性，可能使得应用软件很容易构造。学会如何正确使用小部件的唯一途径是阅读和理解你们所采用的用户界面标准及准则。 9、对其它软件不盲从除非你知道一个应用软件是遵

5、循了你们的用户界面标准和和准则，否则你绝不能认定它做的都是对的。尽管看看人家怎么做，从中获得些主意是不错的想法，但在懂得怎样区分用户界面设计的好坏之前，你得留神。太多的开发者错误地模仿其它应用软件的用户界面，而那些界面却设计得很糟。 10、颜色使用要适当使用颜色要谨慎。如果使用了，也要使用指示符。问题就在于有些用户可能是色盲。如果在屏幕上使用了颜色来突出显示某些东西，假若想让色盲的用户注意到，那么需要做些另外的工作来突出它，如在其旁边显示一个符号。颜色的使用也得一致，以使整个应用软件有同样的观感。此外，在不同平台上，色彩的表现也是不一样的。在一个系统上看上去很好，在另一个系统上常常看上去却很糟

6、。展示会上我们经常听到展示者这样说： 在我家中的机器上看上去可是很好的呀。 11、遵循对比原则打算在应用软件中使用颜色，要确保屏幕的可读性。最好的方法是遵循对比原则：在浅色背景上使用深色文字，在深色背景上使用浅色文字。蓝色文字以白色为背景很容易读，但以红色为背景很难辨认。问题出在蓝色与红色之间没有足够反差，而蓝色与白色之间则反差很大。 12、字体使用要适当老式英语字体可能在莎士比亚的剧本封面看上去很合适，但在屏幕上却很难认。要用那些可读性好的字体，如serif或Times Roman。此外，字体的使用要一致。节俭、有效地使用两、三种字体的屏幕看上去远胜于使用五、六种字体的屏幕。要记住每次改变了

7、字体的大小、风格(粗体、斜体、下 划线，)、样式或颜色，都是在使用不同的字体。 13、灰掉而不是移走在某些时刻，用户经常只能访问应用软件的某些功能。在删除一个对象之前，要先选中它，由此加深用户的心理模型，软件应当用删除按钮及(或)菜单项去做一些事。按钮应当移去还是灰掉?灰掉它，决不能移走!当用户不该使用时就灰掉它，可使用户对如何使用应用软件建立精确的心理模型。如果仅仅移走一个小部件或菜单项，而不是灰掉它，用户很难建立精确的心理模型，因为用户只知道当前可用的，而不知道什么是不可用的。 14、使用非破坏性的缺省按钮通常每个屏幕定义一个缺省按钮，如果用户按了回车键调用此按钮。问题是有时用户会意外敲击

8、回车键，结果激活了缺省按钮。缺省按钮决不能有潜在的破坏性，如删除或保存 (也许用户根本不想保存)。 15、区域排列当屏幕有多个编辑区域，要以视觉效果和效率来组织这些区域。如图1所示，编辑区域左对齐是最好的方法。换句话说，要使编辑区域左边界在一条直线上且上下排列。与之相应的标签则应右对齐，置于编辑区域旁。这是屏幕上组织区域的一个整洁有效的方式。 16、数据对齐要适当对一列列的数据，通常的作法是整浮点数右对齐，字符串左对齐。 17、屏幕不能拥挤拥挤的屏幕让人难以理解，因而难以使用。实验结果(Mayhew，1992年)显示屏幕总体盖度不应超过40，而分组中屏幕盖度不应超过62。 18、有效组合逻辑上

9、关联的项目在屏幕上应当加以组合，以显示其关联性。反之，任何相互之间毫不相关的项目应当分隔开。在项目集合间用间隔对其进行分组或用方框也同样可做到这一点。 19、在操作焦点处打开窗口当用户双击一个对象显示其编辑详情屏幕，用户的注意力亦集中于此。 因而在此处而不是其它地方打开窗口才有意义。 20、弹出菜单不应是唯一的功能来源如果主要功能被隐藏起来，用户就不能学会怎样使用软件。开发人员最让人灰心的作法是滥用弹出菜单，也称作上下文相关菜单。一种使用鼠标的典型方法，是用来显示一个隐藏的弹出菜单，提供针对当前工作的屏幕区域特定功能的访问。 界面设计基础 1.什么是好的界面 设计用户界面时，最好是先看看Mic

10、rosoft或其他公司比较优秀的应用程序，我们会发现许多通用的东西，比如工具栏、状态条、工具提示、上下文菜单以及标记对话框等。也可以凭借自己使用软件的经验，想一想曾经使用过的一些应用程序，哪些很好用。 另外，还要注意到大多数成功的应用程序都提供多种选择，来适应不同用户的偏爱。例如MicrosoftWindows的资源管理器允许用户通过菜单，用键盘或者鼠标拖放来复制文件。提供同一功能的多种操作方式，会扩大应用程序的吸引力。至少应该使所有的功能都能被鼠标和键盘所访问。 2.Windows界面准则 Windows操作系统的主要优点就是为所有的应用程序提供了公用的界面。知道如何使用基于Windows应

11、用程序的用户，很容易学会使用其他应用程序。而与创建的界面准则相差太远的应用程序不易让人喜欢。菜单就是这方面很好的一个例子-大多数基于Windows的应用程序都遵循这样的标准：文件菜单在最左边，然后是编辑、工具等可选的菜单，最右边是帮助菜单。子菜单的位置也很重要。用户本期望在编辑菜单下找到复制、剪切与粘贴等子菜单，若将它们移到文件菜单下会引起用户的混乱。不要偏离已经创建的准则太远，除非有很好的理由这样做。 3.控件的位置 通常，在用户界面中，应该将重要的或者频繁访问的元素放在显著的位置上，而不太重 要的元素就应当降级到不太显著的位置上，以确保越是重要的元素越要很快地显现给用户。对于大多数自然语言

12、来说，我们都习惯于在一页之中从左到右、自上到下地阅读。对于计算机屏幕也如此，大多数用户的眼睛会首先注视屏幕的左上部位，所以最重要的元素应放在屏幕的左上部位。例如，如果窗体上的信息与用户有关，则它的名字字段应当显示在它能最先被看到的地方。而命令按钮，如确定或下一个，应当放置在屏幕的右下部位（因为用户在未完成对窗体的操作之前，通常不会访问这些按钮）。 应当尽量把元素按功能或关系进行逻辑地分组，比如定位数据库的按钮（如下一条、最后一条）应当被形象地分成一组，而不是分散在窗体的四处。再如，通常将各字段与地址分在一组，因为它们联系紧密。在许多情况下，可以使用框架控件来进行分组。 4.界面元素的一致性 在

13、用户界面设计中，一致性是一种优点。一致的外观与感觉可以在应用程序中创造一种和谐。如果界面缺乏一致性，则很可能引起混淆，并使应用程序看起来没有条理，甚至可能引起对应用程序可靠性的怀疑。 在VisualBasic中虽然有大量的控件可供使用，但应尽可能地选择能很好适合特定应用程序的控件子集。例如，虽然列表框、组合框、网络以及树等控件都可用来表示信息列表，最好还是尽可能使用一种类型。 还有，尽量恰当地使用控件，虽然TextBox控件可以设置成只读，并用来显示文本，但Label控件 通常更适用于该目的。在为控件设置属性时要保持一致性，如果在一个地方可编辑的文本使用白色背 景，除非有很好的理由，否则不要在

14、别的地方又使用灰色。 在应用程序中不同的窗体之间保持一致性对其可用性有非常重要的作用。如果在一个窗体上使用 了灰色背景以及三维效果，而在另一个窗体上使用白色背景及二维效果，则这两个窗体就显得毫不相干。 5.空白空间 有的用户界面中使用空白空间有助于突出元素和改善可用性。一个窗体上有太多的控件会导致界 面杂乱无章，使得寻找一个字段或者控件非常困难，在设计中需要插入空白空间来突出设计元素。各控件之间一致的间隔以及垂直与水平方向元素的对齐可以使设计更可用。就像杂志中的文本那 样，安排得行列整齐、行距一致，整齐的界面也会使其容易阅读。 VisualBasic提供了几个工具，使得控件的间距、排列和尺寸的

15、调整非常容易。排列、按相同大小制作、水平间距、垂直间距和在窗体中央等命令都可以在格式菜单中找到。 6.颜色 在界面上使用颜色可以增加视觉上的感染力，少量明亮色彩也可以有效地引起人们对重要区域的 注意。但是，应当尽量限制应用程序所用颜色的种类，而且色调也应该保持一致。如果可能的话，最好坚持标准的16色调色板。 7.图像和图标 图片与图标的使用也可以增加应用程序在视觉上的趣味，但是，细心的设计也是必不可少的，如 果用户不能很容易地识别图标所表示的功能，就会很糟糕。在设计工具栏图标时，应查一下其他的应 用程序以了解已经创建了什么样的标准。例如，许多应用程序用一张角上有卷边的纸来表示新建文 件图标。也许还有更好的比喻来表示这一功能。但改用其他的表示方法会引起用户的