1、图形用户界面( GUI)开发与测试范萍丽2007-06-211主要的 UI设计指导原则:(引自 Jeff Johnson的 GUI设计禁忌 ) 关注用户及其任务,而不是技术 首先考虑功能,然后才是表示 从用户的视角看问题,使用用户的词汇进行描述 ,不必向用户暴露实现细节 使常用的用户任务简单化,不要让用户解决额外的问题 促进学习 ,保持一致性,引导用户的使用习惯 保持显示惯性,传递信息,而不仅仅是数据 设计应满足响应需求2议程 界面设计指南 (20分钟 ) 遵从窗口标准 (20分钟) 屏幕元素确认列表 (15分钟 ) 3概述 用户界面的需求通常是不明确的,一部分可能隐含在用户需求中,而另一部分
2、则是用户不可能预先想到的。因此,软件企业应积累用户界面开发和测试的成果,将一些元素和规则进行重用,从而高效地开发出用户乐意接受的界面。 企业应在测试过程中积累自己的图形用户界面测试用例(通常称为 GUI测试检查列表),形成自己的图形用户界面测试标准。 4界面设计指南 (Color)颜色 (Resource)资源 (Font)字体 (Text)文字表述 (STYLE)控件选择 (ALIGN)控件布局 (TAB ORDER)TAB顺序 (Shortcut Key & Accelerator & Pop Menu)快捷键、加速键和弹出菜单 (ACTION)用户交互 5(Color)颜色 统一色调,采
3、用标准 Windows的基本色调,做到与操作系统统一,读取系统标准色表。 整个界面色彩尽量少的使用类别不同的颜色。除非特殊场合,杜绝使用对比强烈,让人产生憎恶感的颜色。 同时色调也具有一定的含义,在整个系统中应保持色调含义的一致性,避免同一中颜色在不同的画面中表示不同的意义。6(Resource)资源计算机的资源包括图标资源和鼠标光标资源等。 图标资源也需要遵循统一的规则,因为不同的图标代表不同的意义。例如:我们用图标来表示保存,因此我们在整个系统中只要涉及到保存的话 ,都应该使用同一个图标,不论是用在工具栏上还是在菜单上 ,还是在按钮上。 图标、图像应该很清晰的表达出意思,遵循常用标准,或者
4、用户机器容易联想的到物件,绝对不允许画出默认奇妙的图案。 鼠标光标样式统一,使用系统标准。注意:本系统中不采用窗体做进度条,对于点击按钮后,鼠标变成沙漏形状,执行完成后 , 鼠标变回。7(Font)字体 系统中中文一律采用标准字体 “宋体 ”,英文一律采用标准 Microsoft Sans Serif ,除登录界面和图标中的特殊字体用图片实现 ,原则上不考虑特殊字体 (隶书、草书等 ,特殊情况可以使用图片取代 ),保证每个用户使用起来显示都很正常。 字体大小统一规定, MSS字体 8磅,宋体为 10磅,字体颜色一般采用系统默认颜色。 所有控件尽量使用大小统一的字体属性 ,除了特殊提示信息、加强
5、显示等例外情况。8(Text)文字表达 使用统一的语言描述,提到同一个概念时,用相同的术语描述。例如一个关闭退出功能按钮,统一描述为关闭,避免使用返回、退出描述。 通常情况下,每个窗口应该有一个唯一的标题,和触发它的菜单或按钮命令相对应。 在提示信息中多用 “您、请 ”等礼貌用语,不要用对用户来说晦涩的计算机用语,杜绝错别字。 断句逗号句号顿号分号的用法,提示信息比较多的话,应该分段。 错误消息对话框不仅仅指出问题,还要提供解决问题的建议。9(STYLE)控件选择 不要随意使用控件,控件功能要专一,风格统一。如果没有好的控件,则使用标准控件。 控件的风格统一。 同一类型的控件操作方式相同,避免出现一个控件双击可以执行某些动作,而同样控件,双击却没有任何反映。 一个控件只做单一功能,尽量不复用。10