SoftEng 版 (精华区)

发信人: Sun (大灯泡), 信区: SoftEng
标  题: 用户界面设计技巧与技术（节选）(转载)
发信站: 哈工大紫丁香 (2000年06月24日18:44:33 星期六), 转信

【 以下文字转载自 Programming 讨论区 】
【 原文由 pilot 所发表 】
本来我的本科论文英汉翻译是Qt教程，在昨天晚上索然无味的翻译第11课时我突然
觉得这样不行，与我的论文内容比较Qt教程的内容与形式都不太合适，于是就翻译
了这篇文章，结果发现内容非常不错，值得向大家推荐，就贴上来了，同时贴了英
文版。不过你也许会发现我的话有些罗嗦，没办法，英汉翻译要求3000字啊。我花
了半天功夫才赶出这篇文章的。
（以后的ddmm有的抄了...）

用户界面设计技巧与技术（节选）
AmbySoft Inc. 白皮书

Scott W. Ambler
资深面向对象设计顾问
AmbySoft Inc.

本部分包括了有助于程序员进行面向对象的用户界面设计的一系列技巧。

1. 一致性，一致性，一致性！必须保证用户界面的一致性，这是最最重要的。如果你可
以通过在某个列表框里双击其中一个条目来出发一个事件，那你必须保证在所有的列表
框里双击条目都会产生相似的反应。所有窗口里的按钮都应该放在同一个位置，按钮标
题与提示的措辞应保持一致，还应保持一致的色彩设置。一致的用户界面会使得使用者
建立起关于应用程序工作流程的正确的理解，而关于应用程序工作流程的正确的理解会
带来更低的训练与支持费用与代价。

2. 制订并严格遵守标准。使得你能够真正的保持一致性原则的唯一一个解决办法是制订
一个用户界面设计标准并严格遵守。最好的办法是遵循当前的行业标准，同时根据你个
人的应用程序的特殊需要不断的加以增添和完善。行业标准，例如IBM（1993）与Micro
soft（1995）指定的用户界面设计规范可以满足一般用户界面设计者95%-99%的需要。采
用行业标准不仅可以吸收同行的优秀建议，而且可以更容易的使你的应用程序用户界面
与最终用户已经使用或者购买的其他同类软件产品的用户界面保持近似。

3. 更简单的解释你的规则。你的软件用户需要知道如何使用你为他们提供的软件产品。
如果你的应用程序界面严格遵守一致性原则的话某个界面使用规则你只需要解释一遍，
这比一步又一步的向用户解释每一个使用环节的每一个使用方法要简单的多。

4. 为初学者与专家都提供足够的支持。虽然一个图书目录能为一个随意的浏览者提供足
够的图书馆藏书信息，但这不是最有效的为专业用户以及图书馆员提供服务的方法。图
书馆员是经过专业训练的能够熟练运用复杂的信息检索系统在图书馆里查阅信息的人员
。这意味着你必须为专业人员准备一套更复杂但功能更强大的搜索手段来满足他们的特
殊需要。

5. 在窗口之间进行导航与指引是非常重要的。如果从一个窗口进入到另一个窗口变得很
困难或者复杂，你的用户会有强烈的失败感并放弃使用软件。用户会试图尽量使得自己
的工作流程与界面转接流程合拍，如果用户成功的做到这一点的话就会觉得在使用你的
应用程序时非常顺手。但必须注意，不同的使用者有不同的工作流程，你的界面转接流
程必须足够灵活以适应各种不同的用户习惯与需求。界面流程图可以很方便的用来设计
并实现一个优秀的用户界面窗口转接流程。

6. 在一个窗口中的使用导引也非常重要。西方人的阅读习惯是从左到右，由上至下。因
为人们已对此习以为常所以你在界面设计中必须遵循从左到右，由上至下的原则。如果
你将窗口中的控件元素以令人舒适的顺序加以组织的话用户在使用中会对界面产生一种
亲切感。

7. 适当的用户界面的标签与消息内容措辞。显示在用户界面上的文字是你的用户了解当
前系统状态的最主要也是最重要的信息来源。拙劣的措辞在用户看来只会导致拙劣的用
户界面。使用完整的词语与句子，尽量不采用缩写的短语与代码可以使你的信息被更好
的理解。信息的语气必须是确定的，暗示用户一切都处于控制之中，同时保证使用户得
知如何进行下一步动作。例如下列信息："你输入了错误的信息"或者"账号长度必须为8
位"。而且，提示信息必须保持一致的措辞以及显示位置的一致性。虽然"必须输入用户
名"、"应该输入账号"的措辞分开来看没有问题，但它们没有保持一致的措辞。因此，如
果以第一句为标准的话，第二句应改为"必须输入账号"来保持措辞的一致性。

8. 理解每一个控件。你必须保证使用正确的控件来完成某个特定的任务，这有助于增强
用户界面的一致性与第一次使用该应用软件时的简易性。保证正确的使用每一个控件的
唯一方法就是熟悉并且理解你所采用的用户界面设计标准与特点。

9. 仔仔细细的观察别的应用软件用户界面。除非你确定别的应用软件用户界面设计与你
的项目遵循同一个标准。绝对不能事先在潜意识中认为另外的应用软件用户界面设计是
正确的。虽然通过观察别的用户界面设计来吸取设计灵感与思想是个好办法，但在你能
够保证自己拥有判断一个优秀的用户界面与一个拙劣的用户界面之间的区别之前不要这
么做。已经有很多的开发者与设计者错误的模仿了某些后来证明是不正确的用户界面设
计思想。

10. 适当的使用色彩。必须加以控制的使用色彩，如果你在某一处使用了色彩来表达信
息的话就必须保证用户还可以从别的方面获得同样的信息，因为很有可能你的软件用户
是一个色盲。如果你使用高亮色来突出屏幕上的某个信息，你就必须同时使用一种别的
手段来保证色盲用户也能正确的注意到这个信息，比如在画面上显示一个提示符号。使
用色彩同样要求保持严格的一致性以保证用户界面的一致性。另外，在不同的平台之间
很难保证一致的色彩表现，在一个系统上表现不错的色彩设计在另一个系统上很可能表
现很糟糕。我们经常在一些会议上听到某些人说"在我家里的机器上看起来很不错的。"

11. 遵循色彩对比度规则。如果你决定在界面上使用色彩你就必须保证在各种可能情况
下窗口文本的可读性。最好的解决办法是遵循色彩对比度规则：即在浅色背景上显示深
色文本或者在深色背景上显示浅色文本。阅读白色背景上的蓝色文本非常轻松但红色背
景与蓝色文本搭配就不是那么令人舒适了，因为红色与蓝色没有足够的对比度来保证文
本的可读性，而白色与蓝色就有足够的对比度。

12. 使用适当的字体。古体字如果出现在威廉·莎士比亚的剧本封面上看起来确实很不
错，但如果显示在屏幕上就会使用户阅读起来很困难。使用容易阅读的字体，例如Time
s Roman等印刷字体。另外在使用字体时应该很小心的保持一致性。一个使用了两到三种
不同字体效果的窗口比使用了五、六种字体的窗口看起来要舒服的多。记住当你每一次
改动字体的大小、类型（粗体、斜体、下划线、……）、字体、颜色时你实际上都是在
使用另一种不同的字体。

13. 禁止使用，而不是不显示。你会发现在某一个特定的时候无法为你的用户提供应用
程序的所有功能，例如在用户删除一个条目之前必须先选择一个条目，而在选择一个条
目之前删除功能是无法使用的。这时（在选择一个条目之前）是禁止使用删除按钮还是
根本不显示删除按钮？答案是前者。在一个控件无法使用时禁止它会使你的用户建立对
你的软件产品的工作流程的准确理解。如果你不显示该控件的话就会增加用户对软件产
品工作流程建立准确的理解的难度，因为用户现在只知道什么是可用的，而不知道什么
是不可用的。这时那句古老的格言"Out of sight is out of mind"就显得很有道理。

14. 使用非破坏性的默认按钮。一般每一个窗口都有一个默认的按钮，当用户按下回车
键时就相当于按下该按钮。问题是用户偶尔会因为无意按下回车键而使得该默认按钮生
效。因此必须保证默认的按钮功能不存在潜在的破坏性，比如删除或者保存（因为用户
这时候很可能并不想保存）。

15. 区域的组织排列。当一个窗口有一个以上的输入框控件的时候，如果你加以组织排
列的话窗口看起来会很吸引人并且提高了用户的工作效率。正如第一节所述，左对齐是
最好的控件排列方法，也就是说所有输入控件的左边界处于同一条竖直线并一个一个的
从上到下排列起来。同时每个输入控件相应的标签以右对齐的方式位于输入控件的左边
。这是组织窗口区域的最简单而有效的方式。

16. 对齐数据。一般来说一列数据应以下列方式对齐：整形数右对齐，浮点数以小数点
为标准对齐，字符串左对齐。

17. 不要把窗口塞的过于拥挤。拥挤的窗口非常难于理解并且难于使用。试验结果表明
（Mayhew，1992）整体窗口布局的密度不应大于40%，局部密度不应该大于62%。
18. 将窗口元素加以有效的分组。逻辑上有关联的条目应该放到一起以表明它们在逻辑
上的关联性，相互毫无关系的条目则应该分开。你可以用空白区域将它们分开，也可以
使用箱型控件分别加以包括以达到分组的目的。

19. 当前要处理的窗口应该显示在用户关心的地方。当你的用户通过双击一个对象来显
示其编辑/细节窗口时他（或她）的注意力都被集中到了这一点。因此接下来显示的窗口
也应该显示在这一区域而不是别的什么地方。

20. 弹出菜单不应该是用来调用软件功能的唯一手段。如果你隐藏了软件产品的主要功
能的话用户是不会试图自己去发掘它们的。开发者最容易犯的错误就是滥用弹出菜单，
也叫上下文相关菜单。一般来说当用户使用鼠标在屏幕上显示弹出菜单时该菜单内容应
该只与用户当前点击区域的内容有关。
--


               〓〓★〓〓

        比别人飞的更高,更快,更强!

※ 来源:·哈工大紫丁香 bbs.hit.edu.cn·[FROM: mtnews.hit.edu.cn]
※ 修改:·pilot 於 06月24日12:04:56 修改本文·[FROM: mtnews.hit.edu.cn]
--
※ 转载:．哈工大紫丁香 bbs.hit.edu.cn．[FROM: 202.118.239.238]