图形用户界面(GUI)开发与测试.ppt

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