图形用户界面(gui)开发及测试.ppt

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