用户界面设计原则（转载）

[转]http://blog.sina.com.cn/s/blog_4fe3c4cd0100iu2r.html

http://www.uml.org.cn/jmshj/200801282.asp

良好的用户界面一般都符合下列的用户界面规范:

   1. 易用性原则

   按钮名称应该易懂，用词准确，没有摸棱两可的字眼，要与同一界面上的其他按钮易于区分，如能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则：
 完成相同或相近功能的按钮用Frame 框起来，常用按钮要支持快捷方式。
完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
按功能将界面划分局域块，用Frame 框起来，并要有功能说明或标题。   
 界面要支持键盘自动浏览按钮功能，即按Tab 键的自动切换功能。
界面上首先应输入的信息和重要信息的控件在Tab 顺序中应当靠前，位置也应放在窗口上较醒目的位置。
同一界面上的控件数最好不要超过10 个，多于10 个时可以考虑使用分页界面显示。
分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

默认按钮要支持Enter 操作，即按Enter 后自动执行默认按钮对应操作。
可输入控件检测到非法输入后应给出说明信息并能自动获得焦点。
Tab 键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
复选框和选项框按选择几率的高底而先后排列。
复选框和选项框要有默认选项，并支持Tab 选择。
选项数相同时多用选项框而不用下拉列表框。
界面空间较小时使用下拉框而不用选项框。
选项数较少时使用选项框，相反使用下拉列表框。
专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
对于界面输入重复性高的情况，该界面应全面支持键盘操作，即在不使用鼠标的情况下采用键盘进行操作。

 

   2. 规范性原则

   通常界面设计都按Windows 界面的规范来设计，即包含“菜单条、工具栏、工具箱厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具箱。
   规范性细则：
常用菜单要有命令快捷方式。
完成相同或相近功能的菜单用横线隔开放在同一位置。
菜单前的图标能直观的代表要完成的操作。
菜单深度一般要求最多控制在三层以内。
工具栏要求可以根据用户的要求自己选择定制。
相同或相近功能的工具栏放在一起。
工具栏中的每一个按钮要有及时提示信息。
一条工具栏的长度最长不能超出屏幕宽度。
工具栏的图标能直观的代表要完成的操作。
系统常用的工具栏设置默认放置位置。
工具栏太多时可以考虑使用工具箱。
工具箱要具有可增减性，由用户自己根据需求定制。
工具箱的默认总宽度不要超过屏幕宽度的1/5。
状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息、使用单位信息及软件开发商信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。
滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。
菜单和工具条要有清楚的界限；菜单要求凸出显示，这样在移走工具条时仍有立体感。
菜单和状态条中通常使用5 号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
右键快捷菜单采用与菜单相同的准则。

 

   3. 帮助设施原则

 

   系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。
   帮助设施细则：
帮助文档中的性能介绍与说明要与系统性能配套一致。
打包新系统时，对作了修改的地方在帮助文档中要做相应的修改，做到版本统一。
操作时要提供及时调用系统帮助的功能。常用F1。
在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
最好提供目前流行的联机帮助格式或HTML 帮助格式。
用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式.

   4. 合理性原则

   屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。
   合理性细则：
父窗体或主窗体的中心位置应该在对角线焦点附近。
子窗体位置应该在主窗体的左上角或正中。
多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。
重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
与正在进行的操作无关的按钮应该加以屏蔽。
对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。
非法的输入或操作应有足够的提示说明。
对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
提示、警告、或错误说明应该清楚、明了、恰当并且应避免英文提示的出现。

5. 美观与协调性原则

   界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。
   美观与协调性细则：
长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。
按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
按钮的大小要与界面的大小和空间要协调。
避免空旷的界面上放置很大的按钮。
放置完控件后界面不应有很大的空缺位置。
字体的大小要与界面的大小比例协调， 通常使用的字体中宋体9-12 较为美观，很少使用超过12号的字体。
前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows 界面色调。
如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
通常父窗体支持缩放时，子窗体没有必要缩放。
如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

   6. 菜单位置原则

   菜单是界面上最重要的元素，菜单位置按照按功能来组织。
   菜单设置细则：
菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows 风格。
常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。
一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头， 不常用的靠后放置；重要的放在开头，次要的放在后边。
如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
菜单深度一般要求最多控制在三层以内。
对常用的菜单要有快捷命令方式，组合原则见8。
对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式—即只有需要的菜单才显示—最好。
菜单前的图标不宜太大，与字高保持一直最好。
主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
主菜单数目不应太多，最好为单排布置。

 

   7. 独特性原则

   如果一味的遵循业界的界面标准，则会丧失自己的个性。在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
   独特性细则：
安装界面上应有单位介绍或产品介绍，并有自己的图标或徽标。
主界面，最好是大多数界面上要有公司图标或徽标。
登录界面上要有本产品的标志，同时包含公司图标或徽标。
帮助菜单的“关于”中应有版权和产品信息。
公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
应为产品制作特有的图标并区别于公司图标或徽标

 

   8. 快捷方式的组合原则

 

   在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows 及其应用软件中快捷键的使用大多是一致的。
   菜单中：
面向事务的组合有：Ctrl-D 删除；Ctrl-F 寻找 ；Ctrl –H 替换；Ctrl-I 插入 ；Ctrl-N 新记录 ；Ctrl-S 保存 Ctrl-O 打开。
列表：Ctrl-R ，Ctrl-G 定位；Ctrl-Tab 下一分页窗口或反序浏览同一页面控件；。
编辑：Ctrl-A 全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z 撤消操作；Ctrl-Y 恢复操作。
文件操作：Ctrl-P 打印；Ctrl-W 关闭。
系统菜单：Alt-A 文件；Alt-E 编辑；Alt-T 工具；Alt－W 窗口；Alt－H 帮助。
MS Windows 保留键：Ctrl-Esc 任务列表 ；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用 ；Enter 缺省按钮/确认 操作 ；Esc取消按钮/取消操作；Shift-F1 上下文相关帮助 。
按钮中：
   可以根据系统需要而调节，以下只是常用的组合。
   Alt-Y 确定(是）；Alt-C 取消；Alt-N 否；Alt-D 删除；Alt-Q 退出；Alt-A 添加；Alt-E 编辑；Alt-B 浏览；Alt-R 读；Alt-W 写。这些快捷键也可以作为开发中文应用软件的标准，但亦可使用汉语拼音的开头字母。

9. 排错性考虑原则

   在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题，使出错的可能降至最 小。如应用出现保护性错误而退出系统，这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路，并费时费力地重新登录，而且已进行的操作也会因 没有存盘而全部丢失。
   排错性细则：
最重要的是排除可能会使应用非正常中止的错误。
应当注意尽可能避免用户无意录入无效的数据。
采用相关控件限制用户输入值的种类。
当用户作出选择的可能性只有两个时，可以采用单选框。
当选择的可能再多一些时，可以采用复选框，每一种选择都是有效的，用户不可能输入任何一种无效的选择。
当选项特别多时，可以采用列表框，下拉式列表框。
在一个应用系统中，开发者应当避免用户作出未经授权或没有意义的操作。
对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。
对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
对错误操作最好支持可逆性处理，如取消系列操作。
在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。
对可能造成等待时间较长的操作应该提供取消功能。
特殊字符常有；；’”><，｀‘：“［”｛、\|｝］+=）-(_*&&^%$#@!~，。?/还有空格。
与系统采用的保留字符冲突的要加以限制。
在读入用户所输入的信息时，根据需要选择是否去掉前后空格。
有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

 

   10. 多窗口的应用与系统资源原则

   设计良好的软件不仅要有完备的功能，而且要尽可能的占用最底限度的资源。
在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。
在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS 系统资源。
关闭所有窗体，系统退出后要释放所占的所有系统资源 ，除非是需要后台运行的系统。
尽量防止对系统的独占使用。

 

   了解了良好的用户界面的规范，那么我们测试工作该如何下手？该注意那些方面呢？

   1. 一致性
   如果你可以在一个列表的项目上双击后能够弹出对话框，那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。
   2. 设置标准并遵循它
可以参数一些工业标准，如IBM的界面设计规范或MS的设计规则，它提供了90％你所需要的规范。
   3. 设置向导
如果用户使用了一个功能后，不知道如何做下一个，他们就会放弃。如果*作流程和手工工作流程一致，用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。
   4. 提示信息必须恰当且规范
提示信息必须容易理解并且口径统一，比如“您输入了错误的数据”、“用户数据不能超过8位”。一致的措词，提示信息还应该出现在一致的位置，如弹出提示窗 口、窗口的上方或窗口的下方。对用户的称呼应该统一，比如有时提示“用户输入了错误的数据”，有时提示“您输入了错误的数据”，有时又提示“使用者输入了 错误的数据”，这样会使用户无所适从。
   5. 借鉴好的程序
多了解同类软件的界面，并加以分析与了解，直到能够区别好的用户界面与差的用户界面。但不能够简单的模仿别人的界面，而使得自己的软件没有特色
   6. 功能的统一
有一些很常用的功能，如添加、修改、删除、查看，同一个软件中，这些功能应该有相同的处理方法。
   7. 变灰的功能
有时有些功能不可用，最好不要删除这些按钮若项目，而是使他们变灰为不可用状态，这样有助于用户理解整个程序的功能。
   8. 默认按钮
使用不具有破坏功能的默认按钮，在每个窗口中，为了方便用户，一般都定义了一个默认按钮，当用户敲回车键时可以快速执行某功能，但有时用户会不小心按错回车键，这时候执行了默认功能后，不能产生不可还原的操作，比如删除或保存。

   按照上面的规范和测试的细则检验过被测试的软件。相信软件界面上能显得更加规范和容易被用户所接受。

 

 

 

用户界面测试用例

指标		检查项	测试人员评价
合适性 和正确性		用户界面是否与软件的功能相融洽？
		是否所有界面元素的文字和状态都正确无误？
容易理解		对于常用的功能，用户能否不必阅读手册就能使用？
		是否所有界面元素（例如图标）都不会让人误解？
		是否所有界面元素提供了充分而必要的提示？
		界面结构能够清晰地反映工作流程？
		用户是否容易知道自己在界面中的位置，不会迷失方向？
		有联机帮助吗？
风格一致		同类的界面元素是否有相同的视感和相同的操作方式？
		字体是否一致？
		是否符合广大用户使用同类软件的习惯？
及时反馈信息	是否提供进度条、动画等反映正在进行的比较耗时间的过程？
	是否为重要的操作返回必要的结果信息？
出错处理	是否对重要的输入数据进行校验？
	执行有风险的操作时，有“确认”、“放弃”等提示吗？
	是否根据用户的权限自动屏蔽某些功能？
	是否提供Undo功能用以撤销不期望的操作？
适应各种水平的用户	所有界面元素都具备充分必要的键盘操作和鼠标操作吗？
	初学者和专家都有合适的方式操作这个界面吗？
	色盲或者色弱的用户能正常使用该界面吗？
国际化	是否使用国际通行的图标和语言？
	度量单位、日期格式、人的名字等是否符合国际惯例？
个性化		是否具有与众不同的、让用户记忆深刻的界面设计？
		是否在具备必要的“一致性”的前提下突出“个性化”设计？
合理布局 和谐色彩		界面的布局符合软件的功能逻辑吗？
		界面元素是否在水平或者垂直方向对齐？
		界面元素的尺寸是否合理？行、列的间距是否保持一致？
		是否恰当地利用窗体和控件的空白，以及分割线条？
		窗口切换、移动、改变大小时，界面正常吗？
		界面的色调是否让人感到和谐、满意？
		重要的对象是否用醒目的色彩表示？
		色彩使用是否符合行业的习惯？

 

 

良好的用户界面一般都符合下列的用户界面规范:

   1. 易用性原则

   按钮名称应该易懂，用词准确，没有摸棱两可的字眼，要与同一界面上的其他按钮易于区分，如能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则：
 完成相同或相近功能的按钮用Frame 框起来，常用按钮要支持快捷方式。
完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
按功能将界面划分局域块，用Frame 框起来，并要有功能说明或标题。   
 界面要支持键盘自动浏览按钮功能，即按Tab 键的自动切换功能。
界面上首先应输入的信息和重要信息的控件在Tab 顺序中应当靠前，位置也应放在窗口上较醒目的位置。
同一界面上的控件数最好不要超过10 个，多于10 个时可以考虑使用分页界面显示。
分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

默认按钮要支持Enter 操作，即按Enter 后自动执行默认按钮对应操作。
可输入控件检测到非法输入后应给出说明信息并能自动获得焦点。
Tab 键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
复选框和选项框按选择几率的高底而先后排列。
复选框和选项框要有默认选项，并支持Tab 选择。
选项数相同时多用选项框而不用下拉列表框。
界面空间较小时使用下拉框而不用选项框。
选项数较少时使用选项框，相反使用下拉列表框。
专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
对于界面输入重复性高的情况，该界面应全面支持键盘操作，即在不使用鼠标的情况下采用键盘进行操作。

 

   2. 规范性原则

   通常界面设计都按Windows 界面的规范来设计，即包含“菜单条、工具栏、工具箱厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具箱。
   规范性细则：
常用菜单要有命令快捷方式。
完成相同或相近功能的菜单用横线隔开放在同一位置。
菜单前的图标能直观的代表要完成的操作。
菜单深度一般要求最多控制在三层以内。
工具栏要求可以根据用户的要求自己选择定制。
相同或相近功能的工具栏放在一起。
工具栏中的每一个按钮要有及时提示信息。
一条工具栏的长度最长不能超出屏幕宽度。
工具栏的图标能直观的代表要完成的操作。
系统常用的工具栏设置默认放置位置。
工具栏太多时可以考虑使用工具箱。
工具箱要具有可增减性，由用户自己根据需求定制。
工具箱的默认总宽度不要超过屏幕宽度的1/5。
状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息、使用单位信息及软件开发商信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。
滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。
菜单和工具条要有清楚的界限；菜单要求凸出显示，这样在移走工具条时仍有立体感。
菜单和状态条中通常使用5 号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
右键快捷菜单采用与菜单相同的准则。

 

   3. 帮助设施原则

 

   系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。
   帮助设施细则：
帮助文档中的性能介绍与说明要与系统性能配套一致。
打包新系统时，对作了修改的地方在帮助文档中要做相应的修改，做到版本统一。
操作时要提供及时调用系统帮助的功能。常用F1。
在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
最好提供目前流行的联机帮助格式或HTML 帮助格式。
用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式.

   4. 合理性原则

   屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。
   合理性细则：
父窗体或主窗体的中心位置应该在对角线焦点附近。
子窗体位置应该在主窗体的左上角或正中。
多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。
重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
与正在进行的操作无关的按钮应该加以屏蔽。
对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。
非法的输入或操作应有足够的提示说明。
对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
提示、警告、或错误说明应该清楚、明了、恰当并且应避免英文提示的出现。

5. 美观与协调性原则

   界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。
   美观与协调性细则：
长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。
按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
按钮的大小要与界面的大小和空间要协调。
避免空旷的界面上放置很大的按钮。
放置完控件后界面不应有很大的空缺位置。
字体的大小要与界面的大小比例协调， 通常使用的字体中宋体9-12 较为美观，很少使用超过12号的字体。
前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows 界面色调。
如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
通常父窗体支持缩放时，子窗体没有必要缩放。
如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

   6. 菜单位置原则

   菜单是界面上最重要的元素，菜单位置按照按功能来组织。
   菜单设置细则：
菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows 风格。
常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。
一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头， 不常用的靠后放置；重要的放在开头，次要的放在后边。
如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
菜单深度一般要求最多控制在三层以内。
对常用的菜单要有快捷命令方式，组合原则见8。
对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式—即只有需要的菜单才显示—最好。
菜单前的图标不宜太大，与字高保持一直最好。
主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
主菜单数目不应太多，最好为单排布置。

 

   7. 独特性原则

   如果一味的遵循业界的界面标准，则会丧失自己的个性。在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
   独特性细则：
安装界面上应有单位介绍或产品介绍，并有自己的图标或徽标。
主界面，最好是大多数界面上要有公司图标或徽标。
登录界面上要有本产品的标志，同时包含公司图标或徽标。
帮助菜单的“关于”中应有版权和产品信息。
公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
应为产品制作特有的图标并区别于公司图标或徽标

 

   8. 快捷方式的组合原则

 

   在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows 及其应用软件中快捷键的使用大多是一致的。
   菜单中：
面向事务的组合有：Ctrl-D 删除；Ctrl-F 寻找 ；Ctrl –H 替换；Ctrl-I 插入 ；Ctrl-N 新记录 ；Ctrl-S 保存 Ctrl-O 打开。
列表：Ctrl-R ，Ctrl-G 定位；Ctrl-Tab 下一分页窗口或反序浏览同一页面控件；。
编辑：Ctrl-A 全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z 撤消操作；Ctrl-Y 恢复操作。
文件操作：Ctrl-P 打印；Ctrl-W 关闭。
系统菜单：Alt-A 文件；Alt-E 编辑；Alt-T 工具；Alt－W 窗口；Alt－H 帮助。
MS Windows 保留键：Ctrl-Esc 任务列表 ；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用 ；Enter 缺省按钮/确认 操作 ；Esc取消按钮/取消操作；Shift-F1 上下文相关帮助 。
按钮中：
   可以根据系统需要而调节，以下只是常用的组合。
   Alt-Y 确定(是）；Alt-C 取消；Alt-N 否；Alt-D 删除；Alt-Q 退出；Alt-A 添加；Alt-E 编辑；Alt-B 浏览；Alt-R 读；Alt-W 写。这些快捷键也可以作为开发中文应用软件的标准，但亦可使用汉语拼音的开头字母。

9. 排错性考虑原则

   在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题，使出错的可能降至最 小。如应用出现保护性错误而退出系统，这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路，并费时费力地重新登录，而且已进行的操作也会因 没有存盘而全部丢失。
   排错性细则：
最重要的是排除可能会使应用非正常中止的错误。
应当注意尽可能避免用户无意录入无效的数据。
采用相关控件限制用户输入值的种类。
当用户作出选择的可能性只有两个时，可以采用单选框。
当选择的可能再多一些时，可以采用复选框，每一种选择都是有效的，用户不可能输入任何一种无效的选择。
当选项特别多时，可以采用列表框，下拉式列表框。
在一个应用系统中，开发者应当避免用户作出未经授权或没有意义的操作。
对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。
对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
对错误操作最好支持可逆性处理，如取消系列操作。
在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。
对可能造成等待时间较长的操作应该提供取消功能。
特殊字符常有；；’”><，｀‘：“［”｛、\|｝］+=）-(_*&&^%$#@!~，。?/还有空格。
与系统采用的保留字符冲突的要加以限制。
在读入用户所输入的信息时，根据需要选择是否去掉前后空格。
有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

 

   10. 多窗口的应用与系统资源原则

   设计良好的软件不仅要有完备的功能，而且要尽可能的占用最底限度的资源。
在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。
在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS 系统资源。
关闭所有窗体，系统退出后要释放所占的所有系统资源 ，除非是需要后台运行的系统。
尽量防止对系统的独占使用。

 

   了解了良好的用户界面的规范，那么我们测试工作该如何下手？该注意那些方面呢？

   1. 一致性
   如果你可以在一个列表的项目上双击后能够弹出对话框，那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。
   2. 设置标准并遵循它
可以参数一些工业标准，如IBM的界面设计规范或MS的设计规则，它提供了90％你所需要的规范。
   3. 设置向导
如果用户使用了一个功能后，不知道如何做下一个，他们就会放弃。如果*作流程和手工工作流程一致，用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。
   4. 提示信息必须恰当且规范
提示信息必须容易理解并且口径统一，比如“您输入了错误的数据”、“用户数据不能超过8位”。一致的措词，提示信息还应该出现在一致的位置，如弹出提示窗 口、窗口的上方或窗口的下方。对用户的称呼应该统一，比如有时提示“用户输入了错误的数据”，有时提示“您输入了错误的数据”，有时又提示“使用者输入了 错误的数据”，这样会使用户无所适从。
   5. 借鉴好的程序
多了解同类软件的界面，并加以分析与了解，直到能够区别好的用户界面与差的用户界面。但不能够简单的模仿别人的界面，而使得自己的软件没有特色
   6. 功能的统一
有一些很常用的功能，如添加、修改、删除、查看，同一个软件中，这些功能应该有相同的处理方法。
   7. 变灰的功能
有时有些功能不可用，最好不要删除这些按钮若项目，而是使他们变灰为不可用状态，这样有助于用户理解整个程序的功能。
   8. 默认按钮
使用不具有破坏功能的默认按钮，在每个窗口中，为了方便用户，一般都定义了一个默认按钮，当用户敲回车键时可以快速执行某功能，但有时用户会不小心按错回车键，这时候执行了默认功能后，不能产生不可还原的操作，比如删除或保存。

   按照上面的规范和测试的细则检验过被测试的软件。相信软件界面上能显得更加规范和容易被用户所接受。

 

 

 

用户界面测试用例

指标		检查项	测试人员评价
合适性 和正确性		用户界面是否与软件的功能相融洽？
		是否所有界面元素的文字和状态都正确无误？
容易理解		对于常用的功能，用户能否不必阅读手册就能使用？
		是否所有界面元素（例如图标）都不会让人误解？
		是否所有界面元素提供了充分而必要的提示？
		界面结构能够清晰地反映工作流程？
		用户是否容易知道自己在界面中的位置，不会迷失方向？
		有联机帮助吗？
风格一致		同类的界面元素是否有相同的视感和相同的操作方式？
		字体是否一致？
		是否符合广大用户使用同类软件的习惯？
及时反馈信息	是否提供进度条、动画等反映正在进行的比较耗时间的过程？
	是否为重要的操作返回必要的结果信息？
出错处理	是否对重要的输入数据进行校验？
	执行有风险的操作时，有“确认”、“放弃”等提示吗？
	是否根据用户的权限自动屏蔽某些功能？
	是否提供Undo功能用以撤销不期望的操作？
适应各种水平的用户	所有界面元素都具备充分必要的键盘操作和鼠标操作吗？
	初学者和专家都有合适的方式操作这个界面吗？
	色盲或者色弱的用户能正常使用该界面吗？
国际化	是否使用国际通行的图标和语言？
	度量单位、日期格式、人的名字等是否符合国际惯例？
个性化		是否具有与众不同的、让用户记忆深刻的界面设计？
		是否在具备必要的“一致性”的前提下突出“个性化”设计？
合理布局 和谐色彩		界面的布局符合软件的功能逻辑吗？
		界面元素是否在水平或者垂直方向对齐？
		界面元素的尺寸是否合理？行、列的间距是否保持一致？
		是否恰当地利用窗体和控件的空白，以及分割线条？
		窗口切换、移动、改变大小时，界面正常吗？
		界面的色调是否让人感到和谐、满意？
		重要的对象是否用醒目的色彩表示？
		色彩使用是否符合行业的习惯？

良好的用户界面一般都符合下列的用户界面规范:

   1. 易用性原则

   按钮名称应该易懂，用词准确，没有摸棱两可的字眼，要与同一界面上的其他按钮易于区分，如能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则：
 完成相同或相近功能的按钮用Frame 框起来，常用按钮要支持快捷方式。
完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
按功能将界面划分局域块，用Frame 框起来，并要有功能说明或标题。   
 界面要支持键盘自动浏览按钮功能，即按Tab 键的自动切换功能。
界面上首先应输入的信息和重要信息的控件在Tab 顺序中应当靠前，位置也应放在窗口上较醒目的位置。
同一界面上的控件数最好不要超过10 个，多于10 个时可以考虑使用分页界面显示。
分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab

默认按钮要支持Enter 操作，即按Enter 后自动执行默认按钮对应操作。
可输入控件检测到非法输入后应给出说明信息并能自动获得焦点。
Tab 键的顺序与控件排列顺序要一直，目前流行总体从上到下，同时行间从左到右的方式。
复选框和选项框按选择几率的高底而先后排列。
复选框和选项框要有默认选项，并支持Tab 选择。
选项数相同时多用选项框而不用下拉列表框。
界面空间较小时使用下拉框而不用选项框。
选项数较少时使用选项框，相反使用下拉列表框。
专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
对于界面输入重复性高的情况，该界面应全面支持键盘操作，即在不使用鼠标的情况下采用键盘进行操作。

 

   2. 规范性原则

   通常界面设计都按Windows 界面的规范来设计，即包含“菜单条、工具栏、工具箱厢、状态栏、滚动条、右键快捷菜单”的标准格式，可以说：界面遵循规范化的程度越高，则易用性相应的就越好。小型软件一般不提供工具箱。
   规范性细则：
常用菜单要有命令快捷方式。
完成相同或相近功能的菜单用横线隔开放在同一位置。
菜单前的图标能直观的代表要完成的操作。
菜单深度一般要求最多控制在三层以内。
工具栏要求可以根据用户的要求自己选择定制。
相同或相近功能的工具栏放在一起。
工具栏中的每一个按钮要有及时提示信息。
一条工具栏的长度最长不能超出屏幕宽度。
工具栏的图标能直观的代表要完成的操作。
系统常用的工具栏设置默认放置位置。
工具栏太多时可以考虑使用工具箱。
工具箱要具有可增减性，由用户自己根据需求定制。
工具箱的默认总宽度不要超过屏幕宽度的1/5。
状态条要能显示用户切实需要的信息，常用的有：目前的操作、系统状态、用户位置、用户信息、提示信息、错误信息、使用单位信息及软件开发商信息等，如果某一操作需要的时间较长，还应该显示进度条和进程提示。
滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。
状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。
菜单和工具条要有清楚的界限；菜单要求凸出显示，这样在移走工具条时仍有立体感。
菜单和状态条中通常使用5 号字体。工具条一般比菜单要宽，但不要宽的太多，否则看起来很不协调。
右键快捷菜单采用与菜单相同的准则。

 

   3. 帮助设施原则

 

   系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。
   帮助设施细则：
帮助文档中的性能介绍与说明要与系统性能配套一致。
打包新系统时，对作了修改的地方在帮助文档中要做相应的修改，做到版本统一。
操作时要提供及时调用系统帮助的功能。常用F1。
在界面上调用帮助时应该能够及时定位到与该操作相对的帮助位置。也就是说帮助要有即时针对性。
最好提供目前流行的联机帮助格式或HTML 帮助格式。
用户可以用关键词在帮助索引中搜索所要的帮助，当然也应该提供帮助主题词。
如果没有提供书面的帮助文档的话，最好有打印帮助的功能。
在帮助中应该提供我们的技术支持方式，一旦用户难以自己解决可以方便的寻求新的帮助方式.

   4. 合理性原则

   屏幕对角线相交的位置是用户直视的地方，正上方四分之一处为易吸引用户注意力的位置，在放置窗体时要注意利用这两个位置。
   合理性细则：
父窗体或主窗体的中心位置应该在对角线焦点附近。
子窗体位置应该在主窗体的左上角或正中。
多个子窗体弹出时应该依次向右下方偏移，以显示窗体出标题为宜。
重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
与正在进行的操作无关的按钮应该加以屏蔽。
对可能造成数据无法恢复的操作必须提供确认信息，给用户放弃选择的机会。
非法的输入或操作应有足够的提示说明。
对运行过程中出现问题而引起错误的地方要有提示，让用户明白错误出处，避免形成无限期的等待。
提示、警告、或错误说明应该清楚、明了、恰当并且应避免英文提示的出现。

5. 美观与协调性原则

   界面应该大小适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。
   美观与协调性细则：
长宽接近黄金点比例，切忌长宽比例失调、或宽度超过长度。
布局要合理，不宜过于密集，也不能过于空旷，合理的利用空间。
按钮大小基本相近，忌用太长的名称，免得占用过多的界面位置。
按钮的大小要与界面的大小和空间要协调。
避免空旷的界面上放置很大的按钮。
放置完控件后界面不应有很大的空缺位置。
字体的大小要与界面的大小比例协调， 通常使用的字体中宋体9-12 较为美观，很少使用超过12号的字体。
前景与背景色搭配合理协调，反差不宜太大，最好少用深色，如大红、大绿等。常用色考虑使用Windows 界面色调。
如果使用其他颜色，主色要柔和，具有亲和力与磁力，坚决杜绝刺目的颜色。
大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
界面风格要保持一致，字的大小、颜色、字体要相同，除非是需要艺术处理或有特殊要求的地方。
如果窗体支持最小化和最大化或放大时，窗体上的控件也要随着窗体而缩放；切忌只放大窗体而忽略控件的缩放。
对于含有按钮的界面一般不应该支持缩放，即右上角只有关闭功能。
通常父窗体支持缩放时，子窗体没有必要缩放。
如果能给用户提供自定义界面风格则更好，由用户自己选择颜色、字体等。

   6. 菜单位置原则

   菜单是界面上最重要的元素，菜单位置按照按功能来组织。
   菜单设置细则：
菜单通常采用“常用--主要--次要--工具--帮助”的位置排列，符合流行的Windows 风格。
常用的有“文件”、“编辑”，“查看”等，几乎每个系统都有这些选项，当然要根据不同的系统有所取舍。
下拉菜单要根据菜单选项的含义进行分组，并切按照一定的规则进行排列，用横线隔开。
一组菜单的使用有先后要求或有向导作用时，应该按先后次序排列。
没有顺序要求的菜单项按使用频率和重要性排列，常用的放在开头， 不常用的靠后放置；重要的放在开头，次要的放在后边。
如果菜单选项较多，应该采用加长菜单的长度而减少深度的原则排列。
菜单深度一般要求最多控制在三层以内。
对常用的菜单要有快捷命令方式，组合原则见8。
对与进行的操作无关的菜单要用屏蔽的方式加以处理，如果采用动态加载方式—即只有需要的菜单才显示—最好。
菜单前的图标不宜太大，与字高保持一直最好。
主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。
主菜单数目不应太多，最好为单排布置。

 

   7. 独特性原则

   如果一味的遵循业界的界面标准，则会丧失自己的个性。在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。
   独特性细则：
安装界面上应有单位介绍或产品介绍，并有自己的图标或徽标。
主界面，最好是大多数界面上要有公司图标或徽标。
登录界面上要有本产品的标志，同时包含公司图标或徽标。
帮助菜单的“关于”中应有版权和产品信息。
公司的系列产品要保持一直的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。
应为产品制作特有的图标并区别于公司图标或徽标

 

   8. 快捷方式的组合原则

 

   在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些 在西文Windows 及其应用软件中快捷键的使用大多是一致的。
   菜单中：
面向事务的组合有：Ctrl-D 删除；Ctrl-F 寻找 ；Ctrl –H 替换；Ctrl-I 插入 ；Ctrl-N 新记录 ；Ctrl-S 保存 Ctrl-O 打开。
列表：Ctrl-R ，Ctrl-G 定位；Ctrl-Tab 下一分页窗口或反序浏览同一页面控件；。
编辑：Ctrl-A 全选；Ctrl-C 拷贝；Ctrl-V 粘贴；Ctrl-X 剪切；Ctrl-Z 撤消操作；Ctrl-Y 恢复操作。
文件操作：Ctrl-P 打印；Ctrl-W 关闭。
系统菜单：Alt-A 文件；Alt-E 编辑；Alt-T 工具；Alt－W 窗口；Alt－H 帮助。
MS Windows 保留键：Ctrl-Esc 任务列表 ；Ctrl-F4 关闭窗口； Alt-F4 结束应用；Alt-Tab 下一应用 ；Enter 缺省按钮/确认 操作 ；Esc取消按钮/取消操作；Shift-F1 上下文相关帮助 。
按钮中：
   可以根据系统需要而调节，以下只是常用的组合。
   Alt-Y 确定(是）；Alt-C 取消；Alt-N 否；Alt-D 删除；Alt-Q 退出；Alt-A 添加；Alt-E 编辑；Alt-B 浏览；Alt-R 读；Alt-W 写。这些快捷键也可以作为开发中文应用软件的标准，但亦可使用汉语拼音的开头字母。

9. 排错性考虑原则

   在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题，使出错的可能降至最 小。如应用出现保护性错误而退出系统，这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路，并费时费力地重新登录，而且已进行的操作也会因 没有存盘而全部丢失。
   排错性细则：
最重要的是排除可能会使应用非正常中止的错误。
应当注意尽可能避免用户无意录入无效的数据。
采用相关控件限制用户输入值的种类。
当用户作出选择的可能性只有两个时，可以采用单选框。
当选择的可能再多一些时，可以采用复选框，每一种选择都是有效的，用户不可能输入任何一种无效的选择。
当选项特别多时，可以采用列表框，下拉式列表框。
在一个应用系统中，开发者应当避免用户作出未经授权或没有意义的操作。
对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。
对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
对错误操作最好支持可逆性处理，如取消系列操作。
在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的操作。
对可能造成等待时间较长的操作应该提供取消功能。
特殊字符常有；；’”><，｀‘：“［”｛、\|｝］+=）-(_*&&^%$#@!~，。?/还有空格。
与系统采用的保留字符冲突的要加以限制。
在读入用户所输入的信息时，根据需要选择是否去掉前后空格。
有些读入数据库的字段不支持中间有空格，但用户切实需要输入中间空格，这时要在程序中加以处理。

 

   10. 多窗口的应用与系统资源原则

   设计良好的软件不仅要有完备的功能，而且要尽可能的占用最底限度的资源。
在多窗口系统中，有些界面要求必须保持在最顶层，避免用户在打开多个窗口时，不停的切换甚至最小化其他窗口来显示该窗口。
在主界面载入完毕后自动卸出内存，让出所占用的WINDOWS 系统资源。
关闭所有窗体，系统退出后要释放所占的所有系统资源 ，除非是需要后台运行的系统。
尽量防止对系统的独占使用。

 

   了解了良好的用户界面的规范，那么我们测试工作该如何下手？该注意那些方面呢？

   1. 一致性
   如果你可以在一个列表的项目上双击后能够弹出对话框，那么应该在任何列表中双击都能弹出对话框。要有统一的字体写号、统一的色调、统一的提示用词、窗口在统一的位置、按钮也在窗口的相同的位置。
   2. 设置标准并遵循它
可以参数一些工业标准，如IBM的界面设计规范或MS的设计规则，它提供了90％你所需要的规范。
   3. 设置向导
如果用户使用了一个功能后，不知道如何做下一个，他们就会放弃。如果*作流程和手工工作流程一致，用户就会努力去完成它。最好的方式来引导用户就是在桌面上设置一个流程向导。
   4. 提示信息必须恰当且规范
提示信息必须容易理解并且口径统一，比如“您输入了错误的数据”、“用户数据不能超过8位”。一致的措词，提示信息还应该出现在一致的位置，如弹出提示窗 口、窗口的上方或窗口的下方。对用户的称呼应该统一，比如有时提示“用户输入了错误的数据”，有时提示“您输入了错误的数据”，有时又提示“使用者输入了 错误的数据”，这样会使用户无所适从。
   5. 借鉴好的程序
多了解同类软件的界面，并加以分析与了解，直到能够区别好的用户界面与差的用户界面。但不能够简单的模仿别人的界面，而使得自己的软件没有特色
   6. 功能的统一
有一些很常用的功能，如添加、修改、删除、查看，同一个软件中，这些功能应该有相同的处理方法。
   7. 变灰的功能
有时有些功能不可用，最好不要删除这些按钮若项目，而是使他们变灰为不可用状态，这样有助于用户理解整个程序的功能。
   8. 默认按钮
使用不具有破坏功能的默认按钮，在每个窗口中，为了方便用户，一般都定义了一个默认按钮，当用户敲回车键时可以快速执行某功能，但有时用户会不小心按错回车键，这时候执行了默认功能后，不能产生不可还原的操作，比如删除或保存。

   按照上面的规范和测试的细则检验过被测试的软件。相信软件界面上能显得更加规范和容易被用户所接受。

 

 

 

用户界面测试用例

指标		检查项	测试人员评价
合适性 和正确性		用户界面是否与软件的功能相融洽？
		是否所有界面元素的文字和状态都正确无误？
容易理解		对于常用的功能，用户能否不必阅读手册就能使用？
		是否所有界面元素（例如图标）都不会让人误解？
		是否所有界面元素提供了充分而必要的提示？
		界面结构能够清晰地反映工作流程？
		用户是否容易知道自己在界面中的位置，不会迷失方向？
		有联机帮助吗？
风格一致		同类的界面元素是否有相同的视感和相同的操作方式？
		字体是否一致？
		是否符合广大用户使用同类软件的习惯？
及时反馈信息	是否提供进度条、动画等反映正在进行的比较耗时间的过程？
	是否为重要的操作返回必要的结果信息？
出错处理	是否对重要的输入数据进行校验？
	执行有风险的操作时，有“确认”、“放弃”等提示吗？
	是否根据用户的权限自动屏蔽某些功能？
	是否提供Undo功能用以撤销不期望的操作？
适应各种水平的用户	所有界面元素都具备充分必要的键盘操作和鼠标操作吗？
	初学者和专家都有合适的方式操作这个界面吗？
	色盲或者色弱的用户能正常使用该界面吗？
国际化	是否使用国际通行的图标和语言？
	度量单位、日期格式、人的名字等是否符合国际惯例？
个性化		是否具有与众不同的、让用户记忆深刻的界面设计？
		是否在具备必要的“一致性”的前提下突出“个性化”设计？
合理布局 和谐色彩		界面的布局符合软件的功能逻辑吗？
		界面元素是否在水平或者垂直方向对齐？
		界面元素的尺寸是否合理？行、列的间距是否保持一致？
		是否恰当地利用窗体和控件的空白，以及分割线条？
		窗口切换、移动、改变大小时，界面正常吗？
		界面的色调是否让人感到和谐、满意？
		重要的对象是否用醒目的色彩表示？
		色彩使用是否符合行业的习惯？

 

用户界面设计原则

2008-01-28 来源：ChinaUI

（一）软件产品界面设计原则

1.设计原则

（1）用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度，视实际情况而定。确定类型后要针对其特点预测他们对不同界面的反应。这就要从多方面设计分析。

（2）信息最小量原则。人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。

（3）帮助和提示原则。要对用户的操作命令作出反应，帮助用户处理问题。系统要设计有恢复出错现场的能力，在系统内部处理工作要有提示，尽量把主动权让给用户。

（4）媒体最佳组合原则。多媒体界面的成功并不在于仅向用户提供丰富的媒体，而应在相关理论指导下，注意处理好各种媒体间的关系,恰当选用。（详见媒体的选择）

2.界面分析与规范

在人机界面设计中，首先应进行界面设计分析，进行用户特性分析，用户任务分析，记录用户有关系统的概念、术语，这项工作可与多媒体应用系统分析结合进行，囊括于用户分析报告里。

3.人机界面的类型

任务设计之后，要决定界面类型。目前有多种人机界面设计类型，各有不同的品质和性能，下图进行了详细的描述。
创造性地使用多媒体环境，将会使应用程序功能大大增强。要做到这一点,需从如下两方面考虑:

媒体的选择

（1）媒体的功能：

 没有任何一种媒体在所有场合都是最优的，每种媒体都有其各自擅长的特定范围，各种媒体功能参考如下：
①文本：在表现概念和刻划细节时可用表现。
②图形：擅长表达思想轮廓及蕴含与大量数值数据内的趋向性信息，在空间信息方面有较大优势。
③动画：可用来突出整个事物，特别适于表现静态图形无法表现的动作信息。
④视频影像：适于表现其它媒体所难以表现的来自真实生活的事件和情景。
⑤语音：能使对话信息突出，特别是在于影像，动画集合时能传递大量的信息。
⑥姿态与动作：在与别的媒体结合时具有较强的信息引用能力，可以在相关信息之间建立起时间、空间以及逻辑上的联系。

（2）媒体选择的结合与互补：

 脚本设计可根据内容需要分配表达的媒体，这里要特别注意媒体间的结合与区别。提出几条原则如下：
①人们在问题求解过程中的不同阶段对信息媒体有不同需要。一般在最初的探索阶段采用能提供具体信息的媒体如语音、图像等，而在最后的分析阶段多采用描述抽 象概念的文本媒体。而一些直观的信息(图形、图像等)介于两者之间，适于综合阶段。
②媒体种类对空间信息的传递并没有明显的影响，各种媒体各有所长。
③媒体结合是多媒体设计中需要研究的新课题。媒体之间可以互相支持，也会互相干扰。多种媒体应密切相关，扣紧一个表现主题，而不应把不相关的媒体内容拼凑在一起。
④目前，媒体结合在技术上主要通过在一个窗口中提供多种媒体的信息片段(空间结合)和对声音、语音、录相等随时间变化的动态媒体加以同步实现(时间序列组合)。
⑤媒体资源并非愈多愈好，如何在语义层上将各种媒体很好的，结合以更有效地传递信息，是要很好地探索的研究课题，也是应用系统人机界面设计的关键问题。

（二）用户心理学——认知原则的应用

认知心理学，从广义上来说，就是关于认识的心理学。人类认识客观事物，主要就是通过感觉、知觉、注意、记忆、思维想象等来进行，因此，凡是研究人的认识心 理过程的，都属于认识心理学。实际上，我们这里所指的认知心理学是指纯粹采用信息加工观点来研究认知心理学过程的心理学，也就是运用信息论以及计算机的类 比、模拟、验证等方法来研究的的知识是如何获得、如何存贮、如何交换、如何取使用的。所以，我们这里所指的现代认知心理学实质是信息加工心理学。一般地， 人们将信息加工心理学又称为狭义的认知心理学。

1.认知过程

看和听的过程构成知觉，图像和声音作为刺激的特征被接收并以抽象的方式被编码，把输入和记忆中的信息进行对比得出对刺激的解释，这一过程就是认知。人体信 息处理器包括感官，短期记忆、长期记忆及与其相联系的动作处理器和认知处理器。每种知觉均有一个对应的短期存储器和处理器，人体信息模型总体框图如左图 4.3.1所示。其中认知处理器执行的工作就是我们通常所说的思维。思维的结果或被存储起来，或送至动作处理器控制行动。

2.认知心理学

（1）现代认知心理学的核心： 现代认知心理学的理论实质，就是以计算机信息加工的观点来研究人的心理学活动，把人脑看作是一种如同计算机的信息加工系统。

（2）现代认知心理学两个关键的重要概念： 现代认知心理学的学说内容集中体现在两个关键的重要概念上。现代认知心理学的一个重要的中心概念，就是“信息”。在某种程度上说，抽掉了“信息”的概念，认知心理学的理论也就会散架解体，难以存在。 现代认知心理学的另一个重要的中心概念，就是“信息加工系统”。信息加工系统的理论，是现代认知心理学理论的主体。

（3）现代认知心理学的研究方法：现代认知心理学的研究方法有实验法、观察法(包括自我观察法)以及计算机模拟法等。

3.人机交互设计遵循的认知原则

根据用户心理学和认知科学，提出了如下基本原则指导人机界面交互设计。
　（1）一致性原则。即从任务、信息的表达、界面控制操作等方面与用户理解熟悉的模式尽量保持一致。
　（2）兼容性。在用户期望和界面设计的现实之间要兼容，要基于用户以前的经验。
　（3）适应性。用户应处于控制地位，因此界面应在多方面适应用户。
　（4）指导性。界面设计应通过任务提示和反馈信息来指导用户，做到“以用户为中心”。
　（5）结构性。界面设计应是结构化的，以减少复杂度。
　（6）经济性。界面设计要用最少的支持用户所必须步骤来实现一个操作。

在上述基本原则指导下，提出以下几点针对界面设计与屏幕设计的参考:

　（1）由具体到抽象。即首先通过多媒体界面给用户提供具体的对象。然后从具体对象、内容中让学习者归纳出抽象的概念或原理，或用模拟系统来引导出抽象的原理。
　（2）由可视化的内容显示不可见的内容。尽可能利用数字、图解、动画、色彩等清晰爽目的对象显示原理、公式或抽象的概念。
　（3）由模拟引导创新。突出人机交互，尽量启发用户的积极思维和参与，并激起用户的学习和创造欲望。
　（4）合理运用再认与再忆，减少用户短期记忆的负担。所谓再认就是从系统给定的几个可能答案中要用
户选择一个正确的或最好的。再忆即要求用户输入正确的答案或关键字。
　（5）考虑用户的个别差异，使用用户语言。

以上5点具体体现了“由易而难，逐步强化。”这一源于认知心理学的原则。

（三）——界面结构与实现

界面设计的第一步是将任务设计的结果作为输入，设计成一组逻辑模块，然后加上存取机制，把这些模块组织成界面结构。存取机制可以是分层、网络的或直接的， 机制的类型主要由任务结构决定，也取决于设计风格。例如，菜单提供了层次结构，图标则是直接存取，也可以是层次的，而命令语言可提供网络也可提供直接存取 机制。第二步是将每一模块分成若干步，每步又被组装成细化的对话设计，这就是界面细化设计。

界面设计包括如下几点：

1.界面对话设计

2.数据输入界面设计

3.屏幕显示设计

4.控制界面设计

1.界面对话设计

在界面设计中要使用对话风格的选择，并加上用户存取和控制机制。对话是以任务顺序为基础，但要遵循如下原则：

　（1）反馈（Feed back）：随时将正在做什么的信息告知用户，尤其是响应时间十分长的情况下。
　（2）状态(Status)：告诉用户正处于系统的什么位置，避免用户在错误环境下发出了语法正确的命令。
　（3）脱离（Escape）：允许用户中止一种操作，且能脱离该选择，避免用户死锁发生。
　（4）默认值（Default）：只要能预知答案，尽可能设置默认值，节省用户工作。
　（5）尽可能简化对话步序：使用略语或代码来减少用户击键数。
　（6）求助（Help）：尽可能提供联机在线帮助。
　（7）复原（Undo）：在用户操作出错时，可返回并重新开始。

在对话设计中应尽可能考虑上述准则，媒体设计对话框有许多标准格式供选用。另外，对界面设计中的冲突因素应进行折衷处理。

2.数据输入界面设计

数据输入界面往往占终端用户的大部分使用时间，也是计算机系统中最易出错的部分之一。其总目标：简化用户的工作，并尽可能降低输入出错率，还要容忍用户错误。

这些要求在设计实现时可采用多种方法：

（1）尽可能减轻用户记忆，采用列表选择。

对共同输入内容设置默认值；使用代码和缩写等；系统自动填入用户已输入过的内容。

（2）使界面具有预见性和一致性。

用户应能控制数据输入顺序并使操作明确，采用与系统环境(如Windows操作系统)一致风格的数据输入界面。

（3）防止用户出错。

在设计中可采取确认输入(只有用户按下键，才确认)，明确的移动(使用TAB键或鼠标在表中移动)，明确的取消，已输入的数据并不删除。对删除必须再一次确认，对致命错误，要警告并退出。对不太可信的数据输入，要给出建议信息，处理不必停止。

（4）提供反馈。

要使用户能查看他们已输入的内容，并提示有效的输入回答或数值范围。

（5）按用户速度输入和自动格式化。

用户应能控制数据输入速度并能进行自动格式化，对输入的空格都能被接受。

（6）允许编辑。

理想的情况，在输入后能允许编辑且采用风格一致的编辑格式。

数据输入界面可通过对话设计方式实现，若条件具备尽可能采用自动输入。特别是图像、声音输入在远程输入及多媒体应用中会迅速发展。

3.屏幕显示设计

屏幕的设计主要包括布局(Layout)，文字用语(Message)及颜色等，下面针对其进行讲解：

（1）布局  

屏幕布局因功能不同考虑的侧重点不同。各功能区要重点突出，功能明显。无论哪一种功能设计，其屏幕布局都应遵循如下五项原则：
　　①平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。
　　②预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。
　　③经济原则。即在提供足够的信息量的同时还要注意简明，清昕。特别是媒体，要运用好媒体选择原则。
　　④顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。
　　⑤规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。

在屏幕布局中，还要注意到一些基本数据的设置。

（2）文字与用语  

文字和用语除作为正文显示媒体出现外，还在设计题头、标题、提示信息、控制命令，会话等功能时要展现。对文字与用语设计格式和内容应注意如下：
　　①要注意用语简洁性。避免使用计算机专业术语；尽量用肯定句而不要用否定句；用主动语态而不用被动语态；用礼貌而不过分的强调语句进行文字会话；对不 同的用户，实施心理学原则使用用语；英文词语尽量避免缩写；在按钮，功能键标示中应尽量使用描述操作的动词；在有关键字的数据输入对话和命令语言对话中采 用缩码作为略语形式；在文字较长时，可用压缩法减少字符数或采用一些编码方法。
　　②格式。在屏幕显示设计中，一幅画面不要文字太多，若必须有较多文字时，尽量分组分页，在关键词处进行加粗、变字体等处理，但同行文字尽量字型统一。英文词除标语外，尽量采用小写和易认的字体。
　　③信息内容。信息内容显示不仅采用简洁、清楚的表达，还应采用用户熟悉的简单句子，尽量不用左右滚屏。当内容较多时，应以空白分段或以小窗口分块，以 便记忆和理解。重要字段可用粗体和闪烁吸引注意力和强化效果，强化效果有多样，针对实际进行选择。

（3）颜色的使用  

颜色的调配对屏幕显示也是重要的一项设计，颜色除是一种有效的强化技术外，还具有美学价值。使用颜色时应注意如下几点：
　　①限制同时显示的颜色数。一般同一画面不宜超过4或5种，可用不同层次及形状来配合颜色，增加变化。
　　②画面中活动对象颜色应鲜明，而非活动对象应暗淡。对象颜色应尽量不同，前景色宜鲜艳一些，背景则应暗淡。
　　③尽量避免不兼容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用。
　　④若用颜色表示某种信息或对象属性，要使用户懂得这种表示，且尽量用常规准则表示。

总之，屏幕显示设计最终应达到令人愉悦的显示效果，要指导用户注意到最重要的信息，但又不包含过多的相互矛盾的刺激。

4.控制界面设计

控制会话设计
菜单界面设计
功能键设计
图标设计
窗口设计
直接操作界面
命令语言界面设计

（四）——界面设计与评价

评价是人机界面设计的重要组成，应该在系统设计初期就进行，或在原型期就进行，就能及早发现设计缺陷，避免人力、物力浪费。

对界面设计的质量评价通常可用四项基本要求衡量：
　（1）界面设计是否有利于用户目标的完成?
　（2）界面学习和使用是否容易?
　（3）界面使用效率如何?
　（4）设计的潜在问题有哪些?

而对界面的总体设计和具体功能块设计，可用上面提到的各类界面设计准则就其应用对象进行综合测试。详见界面评测示例与分析。具体要求的界面品质,仅提出如下几项供参考：

　（1）实用性。衡量界面在帮助用户完成任务时的满意程度，这点只能从用户调查表中获取数据。
　（2）有效性。度量指标有错误率、任务完成时间、系统各设备使用率等。
　（3）易学习性。从系统开始使用一段时间后，错误率下降情况、完成任务时间减少的情况、正确调用设备及命令的情况以及用户知识增加的状况来衡量。
　（4）系统设备及功能使用面。若有些设备或功能任何用户都未用过，则可能设计有误。
　（5）用户满意程度。以用户满意程度，发现问题多少及使用兴趣来衡量。

界面评估采用的方法已由传统的直觉经验的方法，逐渐转为科学的系统的方法进行。传统经验方法有如下几种：

　（1）实验方法。在确定了实验总目标及所要验证的假设条件后，设计最可靠的实验方法是随机和重复测试最后对实验结果分析总结。
　（2）监测方法。即观察用户行为。观察方法有多种，如直接监测，录像监测，系统监测等。执行时一般多种方法同时进行。
　（3）调查方法。这种方法可为评价提供重要数据，在界面设计的任何阶段均可使用。调查方式可采用调查表(问卷)或面谈方式。但应该指出，这种方法获得数据的可靠性和有效性，不如实验法和监测法。

另一种不同于经验方法的是形式化方法。这种方法建立在用户与界面的交互作用模型上。它与经验方法区别在于不需要直接测试或观察用户实际操作，优点是可在界面详细设计实现前就进行评价。但无法完全预知用户所反映的情况，所以目前多用比较简单可靠的经验方法。

（五）——界面评测示例与分析

从目标表达是否清晰，准确。表达是否恰当，信息量是否完整；其媒体创意设计新颖，界面结构与屏幕结构设计布局合理，其操作简单是否合理等测试分析。

（六）——人机界面的发展

人机交互界面研究已经历了两个界限分明的时代，第一代是以文本为基础的交互, 如菜单、命令、对话等，难用且不灵活。第二代则是直接操作界面，它引出更自然的视觉通信交互。而下一代则是交互多媒体集成方法，需要大量使用语言，自然语 言和高级图形，也可使用其它交互媒体，如人的动作、手势和三维图像等。而人机交互界面的研究已超越心理学，并进入到社会学的研究，界面技术与多媒体技术， 通信技术，特别适于人工智能技术愈来愈密不可分。下面就个方面进行一下介绍

　1.人机界面发展概述；
　2.用户界面管理程序；
　3.自适应人机界面；
　4.智能界面管理系统；
　5.对话形式规范说明；
　6.界面系统设计方法的改进；
　7.人机界面总结。

人机界面发展概述

1.人机界面领域的形成

从计算机问世以来，早期用户是以计算机专业人员为主，但随着计算机广泛进入人们的工作生活领域，计算机用户发生了改变，非计算机专业的普通用户成了用户的 主体。这一重大转变使计算机的可用性问题变得日益突出起来。人机界面应当是什么样的？如何去建造这样的界面？人们开始关注和研究这些问题。这些问题既涉及 人也涉及计算机及一些相关的学科如：心理学、人的因素学（Human Factors）、社会学、语言学等。随着计算机技术的发展，应用领域的拓宽，从而带来了不同的理论方法。 八十年代以来，人机界面的研究有了前所未有的发展，微型计算机的迅速普及为此起了重要的推动作用。

2.有关人机界面的会议、刊物

3.研究人机界面的各种理论和方法:

(1)分析与评价技术:

用于分析、评价用户界面有效性的理论和经验方法，如任务分析、话语分析、内容分析及可用性评价等。

(2)设计方法论:

用来产生好的用户界面设计的方法与技术，如：软件心理学、环境因素设计法、多方参与设计法以及支持设计过程的工具和表记法。

(3)开发工具和方法:

支持用户界面开发的工具箱、用户界面管理系统（UIMS）、快速原型法和程序设计辅助工具等。

(4)交互方式与设备:

新的输入／输出设备和设备运用策略，包括视觉、声音、触觉、姿态等通信模态及多种模态的集成。

(5)关键用户界面成分：

如用户界面隐喻（metaphor）、用户界面风格、智能 界面技术、取消、超文本／超媒体以及联机帮助。

(6)用户模型：

包括用户行为模型、关于系统的用户内心模型、用户个体差异等。

(7)特定应用的用户界面设计： 　　

满足某类应用问题对人机交互作用的特定限制条件和要求的用户界面设计。如：虚拟现实、智能辅导系统、信息检索、Internet/WWW、CAD/CAM、专家系统过程控制、决策支持等。

(8)计算机辅助协同工作（CSCW）：

关于如何使用计算机系统帮助人的群体有效协同工作的研究，包括现场观察研究、理论模型、群体用户界面开发设计等。

(9)法律与标准：

关于用户界面的专利和版权问题、用户界面的标准化。

这些研究方向目前大多处于十分活跃的发展阶段，并且有着较强的分化和相互渗透倾向，有些方向甚至有可能发展为具有相当规模的相对对立的研究领域

用户界面管理程序(User Interface Manager)

1.UIM的引出与形成

用户界面管理程序是一种功能完备的软件构件，它可取代管理用户界面的一切功能。由于大多数应用软件用于交互系统，而且许多软件的工作量是为实现用户界面，所以重复编程浪费了时间和人力。由此引出了UIM。

2.UIM的特点

可作为一种多方面适用的、可再用的界面模块负责所有界面呈现和对话管理。

3.UIM的功能

是负责所有界面呈现和用户管理，下图描述了其模式：

一个完整的UIM的方案是提供界面构件和管理工具，它们能帮助程应用序员快速构造界面，并在原型开发周期中评估设计。

4.UIM的简单开发工具

屏幕描绘仪，屏幕设计工具。

智能界面管理系统

1.简介:

智能界面是用户界面管理程序[UIM]的一个典型。它是一种功能完备的软件构件，可以取代管理用户界面的一切功能。只是不包括与作业处理相应的应用软件。

2.智能界面管理系统的设计目标：

多方面适用且可重用的界面模块，既与用户联系，又与应用软件联系。

3.智能界面管理系统要求：

要能适应于不同类型的应用软件，也要能无须做实则性的修改即可在不同系统环境间移植。

4.智能管理系统的研究：

集中于如何从界面中分类除应用软件以及提供界面构件和管理工具，从而能帮助应用程序人员快速构造界面，并在原型开发中就能评估界面设计。

5.对话形式规范化说明

对话的形式规范说明的必要性:

I.用形式化体系设计的界面,可增强可靠性。
　II.可用软件模块构造界面，实现可重用性。

已存在的几种形式规范描述：

　　1.用Z语言对界面行为进行行为描述（Sufran,1986）。
　　2.用路径代数（Alty,1984）描述对话序列。
　　3.代数形式化体系描述系统的交互集（Dix和Runciman,1985）。

形式化技术的不同点在于它们的表达能力和灵活性，但总的目的是向人们演示，对话行为可作有限的描述。 例如：“所见即所得”（What You See Is What You Get）原则，按生成型工程原理GUEPS可细化为因果语句和状态约束集描述界面怎样正常工作，怎样不能正常工作。 形式规范化面临着许多问题，关键在于对什么内容形式，但其仍在发展。

形式规范的发展方向：

是把软件工程原则和认知问题用于交互，病推导出一系列用于设计的上下文无关的原则，实现界面工程化设计。

人机界面设计方法的改进

人机界面设计是系统设计过程的一部分，所以必须结合到现代系统开发方法中去。目前的系统开发方法对界面设计问题和用户关注太少或更本没加注意，以致用户批评仍持续不断。界面设计共同课题是让用户关心和介入。其目的在于促进人在系统开发中的参与与作用。

以用户为中心的设计方法：

　　1.用户参与设计——用户应当积极主动加入设计过程，并进入设计组共同进行决策。
　　2.以用户为中心的设计——系统设计必须根据用户的需要来确定,而不能由功能过程需求,或硬件限制等来推动。
　　3.迭代设计（原型设计）——人机交互文献特别强调，在设计期间必须注意原型及其细化周期的概念。

人机界面的评估也是重要的研究课题方法：

　（1）诊断分析——确定界面设计的不良特性；
　（2）监视——误差率、命令使用频率和使用持续时间；
　（3）实验分析——收集评估数据。

人机界面的总结

随着人机界面在计算机容量、网络技术、图形技术、多媒体技术以及新型输入输出设备方面的迅速发展，将使今后的人机界面具有一些新的特点：

（1）人与计算机的交互操作变得更接近于同现实世界的交互操作，为减轻人在交互作用上的认识负担和更多地利用人从演化和经历中获得的自然技能提供了新的可能性。
　（2）人机界面将越来越多地具有多模态高宽带的特点。更多的人的感受表达模态将被用于和计算机的信息交流，甚至以设想最重要把人的神经细胞的直接触发和测取作为交互的通道，为此同时输入输出设备之间的区别将变得越来越不明显。
　（3）网络技术尤其是Internet的普及使今后的计算机用户具有更多的群体特点，从而对适应人的群体社会化组织和行为规律的群体用户界面将会有大的需求。

人机界面设计下一代方法是交互的集成方法。 它将大量地使用语音、自然语言和高级图形，也可用其它交互媒体，如眼的动作和手势、姿态等，还可用三维图像以生动地引导解释交互和任务。

总之，未来的人机界面设计对研究和设计者者提出了多方面的挑战。许多信息技术领域的公司企业，这些年纷纷对与用户界面开发有关的专业人员提出要求，很多大学适应这种要求，设立了相关的课题甚至专业。