Web软件测试heklist应用系列,第3部分颜色和字体.docVIP

第3部分：颜色和字体 颜色和字体测试包含的范畴 用户通过使用网页产品获取大量的数据信息，这些信息的显示方式包拈图形和文字两大部分。而在向用户呈现图形和文字的过程中，颜色和字体扮演了 非常重要的角色。合理恰当的颜色和字体设置可以保证用户以最高效、清晰的方式获取到需要的信息，而如果颜色和字体设置的不恰当，用户将花费更 多的时间获取相同的信息量，从而导致用户获取信息的效率下降。 本文中，将列举一些Web产品开发中需要注意的事项，通过避免这些事项，可以从一定程度上杜绝此类的问题给用户带来的不以体验，从而提高产品 的用户满意度。本文也会举例说明一些具体的Web产品缺陷实例。 颜色测试Checklist 1.2确保所有页面的背景颜色都被测试 1.2 确保所有页面的背景颜色都被测试 表1.颜色测试Checklist总结 序号 Checklist .1 检査超链接的颜色 1.3 检查警告消息的颜色是否符合规范 1.4 确保相似页面的颜色一致 1.5 确保前景色和背景色是易读的 1.6 确保不耍用红色高亮显示活跃组件 1.1检查超链接的颜色 超链接的颜色显示通常呈现三种形式：缺省颜色、有光标吋的颜色、访问后颜色，如图1所示。 图1.超链接的三种颜色显示 Default link text: The quick brown fox jumps over a lazy dog -并00649d Link text on hover The quick: brown fox jumps over a lazv doq - #05386b Link text visited: The quick brown fox jumps over a lazy dog — #745285 按照以上一致性的要求，可以保证用户在不同的产品之间切换时，能有一致的用户 感受和体验，对用户流畅的应用新的产品很有帮助。 1.2确保所有页面的背景颜色都被测试 对于一款用户用好的网页产品，所有页面的背景颜色需要具有一致性，以保证提供给用户一致的用户体验。 图2.页面背景颜色不一致实例 07AA980848407AA9800 07AA9808 484 07AA9800 FOFC F3F2F3F4 00896C08 7037 00896C00 FOFC pOF2 F0F0F3P7 020FEC08 27029 O20FEC00 FOFG FIFO F0F0F2F9 02104808 27048F0F FIFO F0F0F4F8 0211A008 27118 O211A000 F0F* FIFO roriFiFS 0211B808 27120 0211B600 F0F FIFO F0F1P2P0 0211BC08 27121 O211BC00 F0F FIFO F0F1F2F1 0212E008 27182 0212E000 FOF FIFO F0F1F8F2 02132408 27195F0F FIFO P0F1F9F5 02133408 27199FOF FIFO F0F1F9F9 02763808 32268F0F F1F2 F1F0F1FB 03532808 43580FOFC tlF6 F6F0F8F0 0389B408 汽A A 46371 C 4 41 0389400 FOFC 戸?汽，?戸 fc/ P7F1F2F1 ▲ A A汽愚汽 in 图2中所示，该实例中，当水平滚动条出现后，拖动水平 滚动条查看右侧内容，可以发现左右两侧的页面背景颜色是不一致的，这会让用户体验卜降，是产品的一个缺陷 1.3检查警告消息的颜色是否符合规范 警告消息耑要对用户进行醒目的提醒和警告，耑要很容易即可被用户发现。因此，通常警告消息的颜色设置为粉红色，如图3所示。 图3.警告消息实例 Q 111鬱 cHent conotcl to ttx DI扇 Wi癱t you wmr ttw 4v?r W31AV I 的》wAJ， 在网页产品幵发和测试过程屮，幵发测试人员sr要检查警■ 了 在网页产品幵发和测试过程屮，幵发测试人员sr要检查警 告消息的颜色是否保持一致，是否符合以上的颜色规范。 1.4确保相似页面的颜色一致 为了保持网页产品页面设计的一致性，为用户提供一致的体验，相似页面的颜色耑保持一致。 图4.相似页面背景色不一致实例 △ Ex