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

图形用户界面（GUI） 开发与测试
范萍丽
2007-06-21
1
精选ppt
主要的UI设计指导原则：（引自Jeff Johnson的《GUI设计禁忌》）
关注用户及其任务，而不是技术
首先考虑功能，然后才是表示
从TAB顺序
习惯用法，阅读顺序，从左到右，从上到下。
13
精选ppt
(Shortcut Key & Accelerator& Pop Menu)快捷键、加速键和弹出菜单
使用非破坏性缺省按钮，回车、ESC键的正确使用。对于弹出模态窗体，有默认加速键，如回车表示激活当前窗口设置为default的按钮动作，esc表示关闭窗口。同时在调用default按钮动作和关闭动作时候，不应该做有破坏性的操作，避免用户错误操作产生危害程度，例如不能把删除数据等功能的按钮作为缺省按钮。当用户要提交很多数据时，应该屏蔽ESC，或者做退出提示，告诫用户是否保存提交。
尽量避免使用右键菜单， 如使用的话尽量在可视化界面上拥有对应的按钮或者菜单选项。因为右键菜单由用户点击鼠标左右键或者别的动作才能调出来显示给用户。无法清晰的显示给用户，所以对应选项应该可以通过别的途径得到的。
14
精选ppt
(ACTION)用户交互
要使一个功能有时允许有时不允许用户使用，则这个控件的不能随便隐藏，应该使用disable属性进行表示，以免用户发现控件失踪后措手无策。
窗口弹出位置要明显，点击一个控件，弹出窗口或者菜单，应该给人明显提示。对于弹出窗体,统一要求显示位置在屏幕中央，要求窗体是以模态显示，并且不出现在任务拦上。
执行动作要有提示。UI作为人机对话的工具，用户做了任何动作，应该给用户一个视觉或者听觉、触觉提示。而且这个提示应该行明显，但不应提示过长，可以有以下几种方法：弹出交互对话框让用户点击确认； 改变UI中控件参数提示：(处理不用用户确认的提示，有一定延时，或者用户按键后自动清除。)；改变标题栏字符串，显示“信息：提交成功”,或者专门设置一个状态栏、TLable等用来进行提示。
15
精选ppt
图形用户界面（GUI）的一些业界标准
1对于每个应用程序(Application)
在图形上双击启动应用：装入信息应显示应用名、版本号，以及以大图形代替原来的图形；
关闭应用时应有信息窗提示用户确认：“您确认要退出***？”；
试图同时打开两次应用时不允许，当应用正在装载时试一下第二次开启应用；(一般而言)
所有的屏幕都应响应帮助【F1】键且做同样的工作(显示相应的帮助信息)。
16
精选ppt
图形用户界面（GUI）的一些业界标准
2 对于应用中的每个窗口
如果窗口有最小化按钮，点一下它，应最小化到任务栏，且显示相应的图标; 再次单击这个图标，可以返回到窗口并恢复到窗口原有的大小；
窗口控件的大小、对齐方向、颜色、背景等属性的设置值是否和标准要求的一致；
检查窗口中的下拉菜单、工具条、滚动条、对话框、按钮、图标和其他控制的功能，是否错用窗口元素、是否符合标准要求；
17
精选ppt
图形用户界面（GUI）的一些业界标准
2 对于应用中的每个窗口
使用【TAB】键在窗口中移动光标/焦点，使用【Shift】+【Tab】组合键回移；
屏幕中各元素得到焦点的次序应从左到右，从上到下；
如果一个钮能产生一个新窗口，则它不应盖住先前的窗口，并能回到先前的窗口中；
一般情况下，窗口中的所有事情应既能用鼠标又能用键盘来完成。
18
精选ppt
通用界面元素设计与测试
文本框（Text Boxes）
 不要使用文本输入框来显示只读数据和信息。只读信息的文本框应该底色变灰，并且去掉文本框边框，和可编辑但未激活的状态区别开来。
 给日期，数字，单位等特殊文字选择框或特殊文本框，检测到非法输入后应给出说明并能自动获得焦点。
单选钮（Radio Buttons）
用左右键和上下键移动，或以及鼠标单击选中。
 单选框是一种多选一设置，可选数目在2-8之间。
 当空间不够时，单选框可以用循环按钮、下拉菜单、滚动列表框来代替。
复选框（Check Boxes）
　　　
在框中用鼠标单击，或在文本上设置/取消设置，试着用空格键做这件事。
 复选框和选项框按选择几率的高底而先后排列。
 复选框和选项框要有默认选项，并支持Tab选择。
19
精选ppt
通用界面元素设计与测试
命令钮（Command Buttons）
(1）如果它能导出一个新的窗口，使用户能输入或改变内容，则按钮的文字后带省略号（3个小点）；
(2)除确定（ok）或取消（Cancel）外，其他的按钮应有一个字符代表，这个字符在按钮上是以下划线表示的，用[ALT]+字符组合键的方式可