GUI设计与测试案例分析

案例分析

（1）使对功能的访问复杂化

51Testing软件测试网&W7c |6l8M.J_ e

如何避免51Testing软件测试网cF|'b8Aw

应用程序菜单栏菜单中的内容应该是固定的，不应该随着应用程序的状态存在和消失。为了减少菜单的复杂性，可禁用不可用的命令，而不是移除它们。51Testing软件测试网x._"|"RyW _

（2）重复的菜单项

将一个命令放在菜单栏的多个菜单中51Testing软件测试网2`O(\ mr;g(T

如何避免

•        在开发过程中可以允许有菜单重复，但发布前一定要消除重复

•        遵照行业标准

51Testing软件测试网3|#MP}Px9m

（3）隐藏的功能51Testing软件测试网9em}iy}v

应用程序提供的某些功能并没有在程序的某个地方如菜单或按钮中清楚的显示出来。51Testing软件测试网6Z%_2I$OZ0X;^2o1K

如何避免51Testing软件测试网Um$u7j'XLg(h`

GUI设计中的一个原则是：应用程序的功能应该通过看见和指向来访问，而不应该通过记住和输入来访问。好的GUI设计要求提供一个能调用所有命令的手段。51Testing软件测试网:Gm_a.eq v

51Testing软件测试网 lb1Y(p4WK6knN;}}W

1. 隐藏的用户界面也可以，只要不是唯一手段。
2. 用户界面可视化和渐进式显示不矛盾

51Testing软件测试网(l `cW i8Se4I

51Testing软件测试网'W DB1f!k2u8K/X

错误4：没有键盘对应51Testing软件测试网[v/]*~T"^Y
K6]

图形用户界面主要使用鼠标、跟踪球或者触摸板之类的定点设备来操作的，但大多数GUI程序要求用户使用键盘来输入文本和数据51Testing软件测试网3m+LcO DeS:n7M8Z

51Testing软件测试网RK2u$WZ8nB+m

喜欢键盘的原因：51Testing软件测试网\F:`;x2y{6hl

1. 避免切换
2. 仍然使用前GUI时代的软件
3. 节约时间
4. 不能操作鼠标
5. 没有鼠标
6. 看不见

如何避免51Testing软件测试网2K*]l,pz:d

GUI应该为调用和控制所有的功能提供相应的键盘方法，这可以适应哪些喜欢用鼠标做所有事情的人。51Testing软件测试网*U0WiR5g?:Md+~

•       两种键盘对应方式：51Testing软件测试网/UVZ'fOI,I? }

–    键盘助记符51Testing软件测试网0\b|"]4U1jE0r&W

–    键盘加速符51Testing软件测试网7Lf;x
UCz

–    51Testing软件测试网K$@.BKs

（5）不规范的应用程序窗口51Testing软件测试网$wo3Ip sS}P `J

大多数基于GUI的应用程序都有一个主窗口，可能包含一些其它的基本窗口和对话框。一个常见的错误就是混淆了基本窗口和对话框的区别。51Testing软件测试网,v.K)O}B6v

基本窗口和对话框

（6）混淆基本窗口和对话框

主窗口就是一个对话框51Testing软件测试网;j.K g^ F&xXr

1. 没有菜单栏
2. 窗口中有控件
3. 底部是控件按钮

51Testing软件测试网A-oS0K2VT3s

正确的基本窗口和对话框例子

（6）命令只放在工具栏按钮中51Testing软件测试网._g n_8G7xH

51Testing软件测试网W.xUD0U:yc:o9I\\

现象：51Testing软件测试网[aN OQf6G

1. 菜单栏只包含工具栏的一个子集，而不是相反；
2. 菜单栏和工具栏包含不同的命令集合，可能不重叠；
3. 应用程序中根本没有菜单栏

如何避免51Testing软件测试网_l!D$P#`(J8S5N

•        基本窗口通常总是包含一个菜单栏，菜单栏包含应用程序所有的顶层命令，并分类进行组织；51Testing软件测试网2GR!Gi[/D4Pb3O

•        工具栏是可选的，可包含用户常用的命令；51Testing软件测试网)g]Qc8S,T,j+M

•        理想情况下：用户应该可以根据需要增删工具栏按钮以定制工具栏51Testing软件测试网,l!Bx"W{%\ X%w5V

51Testing软件测试网M:?0YB1^

（7）将所有的菜单栏命令都放在工具栏

问题：51Testing软件测试网^&h_/G FZ*j
o
}g@

1. 很难分清各个按钮；
2. 使用也不方便；

如何避免51Testing软件测试网s{3k;j,w(q$nZ

•        仅包含常用的命令

•        理想情况下，用户可定制工具栏51Testing软件测试网^:?rI#b's,{Xk

（8）误用选择控件和标签页51Testing软件测试网6I/k!fu;V~-?.i

常用的选择控件：51Testing软件测试网%d Kg,Q`

–    单选框51Testing软件测试网BZ?5X|4pJ/S*T

–    复选框

–    下拉框51Testing软件测试网!c/LpW@

–    滚动列表框51Testing软件测试网y!A4h%Jy]%~
^l

–    按钮

标签页

（9）混淆复选框和单选框51Testing软件测试网}"v0C6}e]7r_

51Testing软件测试网R#TY7|l

微软Word字体选择（疑问，个人觉得这是个GUI BUG虽然是Microsoft的东西，请前辈们能给点意见，我Email：huangxiukui@163.comblog:http://www.51testing.com/?78029）51Testing软件测试网;F-r(N:ok(J[)v)}/R1Y

(10)一个单选按钮51Testing软件测试网&Vess3_0h Kg

(11)菜单中的单选和多选51Testing软件测试网,Xyc"e-fD:d9Z

如何避免51Testing软件测试网x7fIw\L

单选框

•       多选一51Testing软件测试网/|XGb {

•       可选值数量市固定的，2－8个51Testing软件测试网N[;i7Q;zY

•       有足够的显示空间51Testing软件测试网 B{S4`$O

多选框51Testing软件测试网:\%vf NE)a2rv

•        可表示单个开关设置51Testing软件测试网Nq'v,P9~~H

•        也可表示一组相关但互相独立的开关设置

(12)无初始值的多选一设置51Testing软件测试网
u6^1D-w@HR

第2个图无初始值

如何避免51Testing软件测试网dKD5MdA W4w

单选按钮的逻辑意义是多选一，而不是多选零或多选一

将整个设置与一个复选框相连，如复选框选中，单选框才被激活

（13）在非开/关设置中使用复选框

51Testing软件测试网wQ|6`I)~0m

如何避免51Testing软件测试网/L-G`6mn {1YD3zx

只有当两个值是很常见的，明显对立的时，才使用复选框51Testing软件测试网T&Y%vH-w(`9x

（14）使用命令按钮做为开关

如何避免51Testing软件测试网hr6~|r B q

（15）使用标签页作为单选按钮

51Testing软件测试网4B p7[jB[?5k3A

如何避免51Testing软件测试网Vk)r7H:[%AA

标签应只起导航作用，而不是设置51Testing软件测试网'RdH-cp.F8~V

（16）太多标签页

如何避免151Testing软件测试网}.};j#R$`RMY#D

51Testing软件测试网
eS
Gm7j+En L P~

合理地组织信息，避免大量的标签。51Testing软件测试网 OeaTY6l

如何避免2

51Testing软件测试网qR5]\+r9P~^

（17）提供错误的反馈信息，在“按下鼠标”时引发动作

如何避免

（18）不明确的选择

如何避免51Testing软件测试网[)F.B5];CjI.^"WP

•        仅显示一个主要选择区域，可能带有多个次要选择区域51Testing软件测试网DSb&Pb%y'p

•