GUI设计与案例分析.pptVIP

GUI设计与案例分析

;GUI应用领域

GUI设计与测试案例分析

GUI中的写实性

GUI设计原那么与禁忌

GUI测试要点与总结;GUI---GraphicalUserInterface

即人机交互图形化用户界面设计;一、GUI应用领域;;;;;;;;二、GUI设计与测试案例分析;如何防止

应用程序菜单栏菜单中的内容应该是固定的，不应该随着应用程序的状态存在和消失。为了减少菜单的复杂性，可禁用不可用的命令，而不是移除它们。;;案例2、;如何防止

GUI设计中的一个原那么是：应用程序的功能应该通过看见和指向来访问，而不应该通过记住和输入来访问。好的GUI设计要求提供一个能调用所有命令的手段。;;用动词来描述一个按钮是用来做什么的。

如果不是直接用动词描述，用户可能会感到困惑，并且增加学习的本钱。所以OK和Cancel并不是最正确选择，“Yes〞和“No〞那么更差。;;案例4、;;按钮的文本应该置于按钮本身而不是列在旁边。

研究显示多数触摸屏用户会触碰按钮的下半部，所以我们也建议把文字从垂直居中的位置上提一点，这样用户在按下按钮的同时，文本不容易被手指遮挡。;如果在一组按钮中一样的文字不断重复，那就把这些按钮放到一组，用一个标题来简化文本内容。或者有些情况下可以直接去掉这些重复的文字。这有助于帮助你的用户快速定位他需要进行的操作。;案例7、;直接将按钮的作用描述作为控件标签，便于用户理解。;三、GUI中的写实性;最左边的图显然是个特定的男士，而右边那个笑脸形象几乎能指代任何一个人。从这个例子看得出来，如果为了表达一个概念而使用隐喻，那视觉上的细节就必须减少。而事实上实际场合中我们所使用的界面控件一般不会去指代一个特定的东西。;接下来我们再来看看电脑上的实际例子，一个代表“主页〞的图标：;如：下面的图标会让人产生的联想;当然，细节也不能太少，保证必要的识别性肯定是前提，至少要让用户看得出这是什么东西：;例外情况：

当然也有一些领域是特别的，那就是程序图标，只用来指代你的程序。

如大家熟悉的PS的图标、QQ的图标等等;因此：就像开头所说，图形用户界面就是一堆符号，而符号的精髓就是简洁。让用户快速准确地读懂符号以及其背后的含义是我们每个GUI设计师的重要责任，过多华而不实的写实性只能在可用性上带来明显的问题。

在设计中增加细节的目的不是让界面和图标看起来像照片那样真实，而是提高识别性，帮助用户更好地和各种控件进行交互操作;四、GUI设计原那么与禁忌;GUI设计禁忌;;6、单项选择按钮之间间隔太大

7、当前无效的控件不充分置灰

8、显示对用户无意义的错误提示;GUI设计禁忌〔续〕;GUI设计禁忌〔续〕;五、GUI测试要点与总结

; 目前流行的界面风格有三种方式：多窗体、单窗体以及资源管理器风格，无论哪种风格，以下规那么是应该被重视的。

1：易用性：

按钮名称应该易懂，用词准确，摒弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知意最好。

理想的情况：是用户不用查阅帮助就能知道该界面的功能并进行相关的正确动作。;易用性细那么;易用性细那么〔续〕;易用性细那么〔续〕;易用性细那么〔续〕;2：标准性;标准性细那么;标准性细那么〔续〕;11):状态条要能显示用户切实需要的信息，常用的有：

目前的动作、系统状态、用户位置、用户信息、提示信息、错误信息等，如果某一动作需要的时间较长，还应该显示进度条和进程提示。;12)：滚动条的长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比。

13)：状态条的高度以放置五好字为宜，滚动条的宽度比状态条的略窄。

14)：菜单和状态条中通常使用5号字体。工具条一般比菜单要宽，但不要宽的太多，否那么看起来很不协调。

15):右键快捷菜单采用与菜单相同的准那么。;3：帮助设施

;帮助设施细那么;帮助设施细那么〔续〕;4：合理性;合理性细那么;合理性细那么〔续〕;5：美观与协调性

;美观与协调性细那么;美观与协调性细那么〔续〕;;6：菜单位置

;菜单设计测试细那么

;菜单设计测试细那么〔续〕

;6):菜单深度一般要求最多控制在三层以内。

7):对常用的菜单要有快捷命令方式，组合原那么见8。

8):对与进行的动作无关的菜单要用置灰的方式加以处理为好。;9)：菜单前的图标不宜太大，与字高保持一直最好。

10):主菜单的宽度要接近，字数不应多于四个，每个菜单的字数能相同最好。

11)：主菜单数目不应太多，最好为单排布置。;7：独特性;独特性细那么;8：快捷方式的组合;菜单中：

1):面向事务的组合有:

Ctrl-D删除；Ctrl-F寻找；Ctrl–H替换；Ctrl-I插入；Ctrl-N新记录；Ctrl-S保存Ctrl-O翻开