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

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