空间可以多维存在，测试也可以，所谓的测试经验，只不过是测试思维的一部分而已...
WEB页面测试小结
个人认为界面测试的测试点以及应该注意的问题：51Testing软件测试网
t(Ugv+B6w;u(y+Z5|m
51Testing软件测试网g ]&L!Q;Q a h
1：界面的线条是否一致，每个界面中线条是否对齐，是否一致。（静态页面没有确认的情况下）
LT5T;^[Q x E6E051Testing软件测试网Kf*SA)o^R f'G
2：整个系统的界面是否保持一致51Testing软件测试网 ij*q!D Q.xC
#Z_:I%w"]0 3：界面中是否存在错别字51Testing软件测试网7|0LD K ^ {'u:s ^
51Testing软件测试网j4r P v'q
4：界面所有的按钮样式是否一致51Testing软件测试网$t'b]dB&X%xl _ `o
51Testing软件测试网*S_&moC I"Mnn N
5：每个界面是否同原静态页面设计一致（静态页面确认的情况下）
W4CxIR/x5t W051Testing软件测试网D)qhv)\-v2g i
6：操作是否友好
EU| g0RMf0
!PDu,x`i*Pfg0 7：界面所有的按钮、下拉框是否有响应
|4?e Zd t6O0
3a8?e5qE'm0 8：界面所有的链接是否正常51Testing软件测试网 T1y5X'~"m s9V
51Testing软件测试网Yy5m1Z D @ f
9：界面所有的输入框是否都进行校验（例如：搜索框、字段输入框）51Testing软件测试网*b!u wuO$T
51Testing软件测试网O:{(~s2l/\|9_Q)A
10：界面所有的列表页标题字是否会折行，标题字是否统一居中等，当然也可以居左，这需要同客户沟通（折行的话影响美观）51Testing软件测试网5` J1i V"I9} D"I
B%}w[g;b,t0 11：界面所有的展示图片是否样式一致51Testing软件测试网,I"\)OeF/o5X(V$|
K%t"T1Tw(o0 12：浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常51Testing软件测试网2Xc5G_;F
5B6cL+Zk-q0 13：每个页面的提示字体的颜色、格式是否统一准确51Testing软件测试网 }+Oi-w p:c
51Testing软件测试网N5t@R B
14：界面中所有字段后面是否都存在冒号，有冒号，查看是否冒号为统一的中文冒号还是英文冒号。51Testing软件测试网?|+we i&?9gp^
,ZQ&{ oi#MQ4Y0 15：界面中的提示说明叙述是否太啰嗦，有时候需要能简化尽量简化，并且字体显示格式一致，颜色统一。
@9[4O^ `'B bh0
~ AR2C'\O;G0T0 16：在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加时，查看前台是否有变化，并且查看界面的数据是否溢出框外。
0_J'V \xIjVex0n7Q0
9V waIB0 当然，我们在进行界面测试时，必须明确UI测试的目的，它是确保用户界面通过测试对象的功能来为用户提供相应的访问或浏览功能。
/o%Td8k,L RZ!K%^051Testing软件测试网2h:{+{BW8`lbX~
确保用户界面符合公司和行业的标准。
51Testing软件测试网g ]&L!Q;Q a h
1：界面的线条是否一致，每个界面中线条是否对齐，是否一致。（静态页面没有确认的情况下）
LT5T;^[Q x E6E051Testing软件测试网Kf*SA)o^R f'G
2：整个系统的界面是否保持一致51Testing软件测试网 ij*q!D Q.xC
#Z_:I%w"]0 3：界面中是否存在错别字51Testing软件测试网7|0LD K ^ {'u:s ^
51Testing软件测试网j4r P v'q
4：界面所有的按钮样式是否一致51Testing软件测试网$t'b]dB&X%xl _ `o
51Testing软件测试网*S_&moC I"Mnn N
5：每个界面是否同原静态页面设计一致（静态页面确认的情况下）
W4CxIR/x5t W051Testing软件测试网D)qhv)\-v2g i
6：操作是否友好
EU| g0RMf0
!PDu,x`i*Pfg0 7：界面所有的按钮、下拉框是否有响应
|4?e Zd t6O0
3a8?e5qE'm0 8：界面所有的链接是否正常51Testing软件测试网 T1y5X'~"m s9V
51Testing软件测试网Yy5m1Z D @ f
9：界面所有的输入框是否都进行校验（例如：搜索框、字段输入框）51Testing软件测试网*b!u wuO$T
51Testing软件测试网O:{(~s2l/\|9_Q)A
10：界面所有的列表页标题字是否会折行，标题字是否统一居中等，当然也可以居左，这需要同客户沟通（折行的话影响美观）51Testing软件测试网5` J1i V"I9} D"I
B%}w[g;b,t0 11：界面所有的展示图片是否样式一致51Testing软件测试网,I"\)OeF/o5X(V$|
K%t"T1Tw(o0 12：浏览器的兼容性问题，检查页面在不同浏览器下是否会发生异常51Testing软件测试网2Xc5G_;F
5B6cL+Zk-q0 13：每个页面的提示字体的颜色、格式是否统一准确51Testing软件测试网 }+Oi-w p:c
51Testing软件测试网N5t@R B
14：界面中所有字段后面是否都存在冒号，有冒号，查看是否冒号为统一的中文冒号还是英文冒号。51Testing软件测试网?|+we i&?9gp^
,ZQ&{ oi#MQ4Y0 15：界面中的提示说明叙述是否太啰嗦，有时候需要能简化尽量简化，并且字体显示格式一致，颜色统一。
@9[4O^ `'B bh0
~ AR2C'\O;G0T0 16：在web网站，一般经常是后台控制前台的显示，因此在对后台进行数据添加时，查看前台是否有变化，并且查看界面的数据是否溢出框外。
0_J'V \xIjVex0n7Q0
9V waIB0 当然，我们在进行界面测试时，必须明确UI测试的目的，它是确保用户界面通过测试对象的功能来为用户提供相应的访问或浏览功能。
/o%Td8k,L RZ!K%^051Testing软件测试网2h:{+{BW8`lbX~
确保用户界面符合公司和行业的标准。
通过用户界面测试来核实用户与软件的交互，UI测试的目标在于确保用户界面向用户提供了适当的访问和浏览对象功能的操作，除此之外，UI测试还却表UI功能内部的对象符号预期的要求，并遵循公司和行业的标准。
oxV v S x0
t F ^B*_F~0 接下来，具体的分析一下界面测试的依据从哪些方面着手。
la rd JT G.u051Testing软件测试网|&XS;s,QYfca ]Q o
测试目标：
4jlT.Zg8t"{!~051Testing软件测试网 GISP!Kh
1：窗口与窗口之间、字段与字段之间的浏览，以及各种访问方法（tab键、鼠标移动和快捷键）的使用51Testing软件测试网0P ~[.?%w Q9X,J
naLx&|wk0 2：窗口的对象和特征（例如：菜单、大小、位置、状态和中心）都符号标准51Testing软件测试网} ^ j/?9z"P)l
n f f4J G!d0 测试方法：为每个窗口创建或修改测试，以核实各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。
Ly&`cE]0
e'pEAL(Q |0 我们在实际工作当中，针对web应用程序，也就是经常所说的B/S系统，可以从如下方面来进行用户界面测试：51Testing软件测试网)oJO qQ-[6V
51Testing软件测试网WS'S4qRfp
1：导航测试51Testing软件测试网 M$CJ[;s.FM
51Testing软件测试网a\"LC.rPk
导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；
)B/l,J0L K/Z0
XZ0Q9N~0g Jm0 不同的链接页面之间，通过考虑下列问题，可以决定一个web应用系统是否易于导航；导航是否直观？web系统的主要部分是否可通过主页存取？web系统是否需要站点地图、搜索引擎或其他的导航帮助51Testing软件测试网:oR F2Kt.Bfs3U Yj3KN
51Testing软件测试网-k-k/r7D,wUd
当然，这些同美工以及客户需求有关。我们是根据已经确认的页面进行测试即可。51Testing软件测试网0P9Q;p![nN4O4VO3|
{(W)x `k6V ]d;}0 2：图形测试51Testing软件测试网lS+F+t"g$IF(G
,m}@&x*d"rk:Ov0 图形包括图片、动画、边框、颜色、字体、背景、按钮等。51Testing软件测试网i x.ft6z%p9\
+a1M A,Ol2_/y,h~6N L|(C0 （1） 要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量地小，并且要能清楚的说明某件事情。一般都链接到某个具体的页面51Testing软件测试网%[_Fh&X$} F
eHC` O4y0 （2）验证所有页面字体的风格是否一致51Testing软件测试网Z M E0C R
)S.x9Ga QX W0 （3）背景颜色与字体颜色和背景色相搭配
V femf7I1X8g0i0
h&M o O"a$s5p0 （4）图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k以下51Testing软件测试网8ML9g jV5|
51Testing软件测试网Ch9l&M)v R1{JUh
（5）演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。51Testing软件测试网+N0|$K)|'K_^M
\(a*B8r6b `It%z0 3：内容测试51Testing软件测试网z-N de!Hs$Q
| q4hwL Y%o q5M0 内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓“相关文章列表”
oHr WaDU8a0
4Kr4P k|0x U0 4：表格测试
+t0m4T KqC'_0
sj"d/G+K;t%U0 需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？51Testing软件测试网h {._ M#z
0mE+Y k;et {h Ed0 把价格放在左边，产品细节放在右边是否更有效？51Testing软件测试网 XwJ Xh%^ [O+s
51Testing软件测试网y'B9Q"|+m|
每一栏的宽度是否足够宽，表格里的文字是否都有折行？51Testing软件测试网 D&gc|5B C V
51Testing软件测试网 bu*Kv7^w9M ?/v+G
是否因为某一格的内容太多，而将整行的内容拉长？51Testing软件测试网7_8J XH;Z"y
51Testing软件测试网#KL y%E5Rq8y5E&\Y[
5：整体界面测试51Testing软件测试网)nB G}3Bp3f
~e7dz1V$I9bz7a|#J0 整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？51Testing软件测试网.Uj FzFF*LvR
51Testing软件测试网`4P5t7{o#h-u(^
对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。51Testing软件测试网Rb+B/M2@&k y
51Testing软件测试网R.B!TP3o"hL oct'O
对所有的用户界面测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与。
oxV v S x0
t F ^B*_F~0 接下来，具体的分析一下界面测试的依据从哪些方面着手。
la rd JT G.u051Testing软件测试网|&XS;s,QYfca ]Q o
测试目标：
4jlT.Zg8t"{!~051Testing软件测试网 GISP!Kh
1：窗口与窗口之间、字段与字段之间的浏览，以及各种访问方法（tab键、鼠标移动和快捷键）的使用51Testing软件测试网0P ~[.?%w Q9X,J
naLx&|wk0 2：窗口的对象和特征（例如：菜单、大小、位置、状态和中心）都符号标准51Testing软件测试网} ^ j/?9z"P)l
n f f4J G!d0 测试方法：为每个窗口创建或修改测试，以核实各个应用程序窗口和对象都可正确的进行浏览，并处于正常的对象状态。
Ly&`cE]0
e'pEAL(Q |0 我们在实际工作当中，针对web应用程序，也就是经常所说的B/S系统，可以从如下方面来进行用户界面测试：51Testing软件测试网)oJO qQ-[6V
51Testing软件测试网WS'S4qRfp
1：导航测试51Testing软件测试网 M$CJ[;s.FM
51Testing软件测试网a\"LC.rPk
导航描述了用户在一个页面内操作的方式，在不同的用户接口控制之间，例如按钮、对话框、列表和窗口等；
)B/l,J0L K/Z0
XZ0Q9N~0g Jm0 不同的链接页面之间，通过考虑下列问题，可以决定一个web应用系统是否易于导航；导航是否直观？web系统的主要部分是否可通过主页存取？web系统是否需要站点地图、搜索引擎或其他的导航帮助51Testing软件测试网:oR F2Kt.Bfs3U Yj3KN
51Testing软件测试网-k-k/r7D,wUd
当然，这些同美工以及客户需求有关。我们是根据已经确认的页面进行测试即可。51Testing软件测试网0P9Q;p![nN4O4VO3|
{(W)x `k6V ]d;}0 2：图形测试51Testing软件测试网lS+F+t"g$IF(G
,m}@&x*d"rk:Ov0 图形包括图片、动画、边框、颜色、字体、背景、按钮等。51Testing软件测试网i x.ft6z%p9\
+a1M A,Ol2_/y,h~6N L|(C0 （1） 要确保图形有明确的用途，图片或动画不要胡乱的堆在一起，以免浪费传输时间，web应用系统的图片尺寸要尽量地小，并且要能清楚的说明某件事情。一般都链接到某个具体的页面51Testing软件测试网%[_Fh&X$} F
eHC` O4y0 （2）验证所有页面字体的风格是否一致51Testing软件测试网Z M E0C R
)S.x9Ga QX W0 （3）背景颜色与字体颜色和背景色相搭配
V femf7I1X8g0i0
h&M o O"a$s5p0 （4）图片的大小和质量，一般采用jpg或gif压缩，最好能使用图片的大小减小到30k以下51Testing软件测试网8ML9g jV5|
51Testing软件测试网Ch9l&M)v R1{JUh
（5）演示文字回绕是否正确，如果说明文字指向右边的图片，应该确保该图片出现在右边，不要因为使用图片而使窗口和段落排列古怪或者出现骨性。51Testing软件测试网+N0|$K)|'K_^M
\(a*B8r6b `It%z0 3：内容测试51Testing软件测试网z-N de!Hs$Q
| q4hwL Y%o q5M0 内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓“相关文章列表”
oHr WaDU8a0
4Kr4P k|0x U0 4：表格测试
+t0m4T KqC'_0
sj"d/G+K;t%U0 需要验证表格是否设置正确，用户是否需要向右滚动页面才能看见产品的价格？51Testing软件测试网h {._ M#z
0mE+Y k;et {h Ed0 把价格放在左边，产品细节放在右边是否更有效？51Testing软件测试网 XwJ Xh%^ [O+s
51Testing软件测试网y'B9Q"|+m|
每一栏的宽度是否足够宽，表格里的文字是否都有折行？51Testing软件测试网 D&gc|5B C V
51Testing软件测试网 bu*Kv7^w9M ?/v+G
是否因为某一格的内容太多，而将整行的内容拉长？51Testing软件测试网7_8J XH;Z"y
51Testing软件测试网#KL y%E5Rq8y5E&\Y[
5：整体界面测试51Testing软件测试网)nB G}3Bp3f
~e7dz1V$I9bz7a|#J0 整体界面是指整个Web应用系统的页面结构设计，是给用户的一个整体感。例如：当用户浏览Web应用系统时是否感到舒适，是否凭直觉就知道要找的信息在什么地方？整个Web应用系统的设计风格是否一致？51Testing软件测试网.Uj FzFF*LvR
51Testing软件测试网`4P5t7{o#h-u(^
对整体界面的测试过程，其实是一个对最终用户进行调查的过程。一般Web应用系统采取在主页上做一个调查问卷的形式，来得到最终用户的反馈信息。51Testing软件测试网Rb+B/M2@&k y
51Testing软件测试网R.B!TP3o"hL oct'O
对所有的用户界面测试来说，都需要有外部人员（与Web应用系统开发没有联系或联系很少的人员）的参与，最好是最终用户的参与。
TAG: