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