Web 软件测试 Checklist 应用系列(3) 颜色和字体

颜色和字体测试包含的范畴

用户通过使用网页产品获取大量的数据信息,这些信息的显示方式包括 图形和文字两大部分。而在向用户呈现图形和文字的过程中,颜色和字体扮演了非常重要的角色。合理恰当的 颜色和字体设置可以保证用户以最高效、清晰的方式获取到需要的信息,而如果颜色和字体设置的不恰当,用 户将花费更多的时间获取相同的信息量,从而导致用户获取信息的效率下降。

本文中,将列举一些 Web 产品开发中需要注意的事项,通过避免这些事项,可以从一定程度上杜绝此类的问题给用户带来的不良体 验,从而提高产品的用户满意度。本文也会举例说明一些具体的 Web 产品缺陷实例。

颜色测试 Checklist

1.1 检查超链接的颜色

超链 接的颜色显示通常呈现三种形式:缺省颜色、有光标时的颜色、访问后颜色,如图 1 所示。

图 1. 超 链接的三种颜色显示

按照以上一致性的要求,可以保证 用户在不同的产品之间切换时,能有一致的用户感受和体验,对用户流畅的应用新的产品很有帮助。

1.2 确保所有页面的背景颜色都被测试

对于一款用户用好的网页产品,所有页面的背景颜色需 要具有一致性,以保证提供给用户一致的用户体验。

图 2. 页面背景颜色不一致实例

图 2 中所示,该实例中,当水平滚动条出现后,拖动水平滚动条查看右侧内容,可以发现左右两侧的页面背景颜色 是不一致的,这会让用户体验下降,是产品的一个缺陷。

1.3 检查警告消息的颜色是否符合规范

警告消息需要对用户进行醒目的提醒和警告,需要很容易即可被用户发现。因此,通常警告消息的颜 色设置为粉红色,如图 3 所示。

图 3. 警告消息实例

在网页产品开发和测试过程中,开发测试人员需要检查警告消息的颜色是否保持一致,是否符合以上的 颜色规范。

时间: 2024-08-04 06:33:23

Web 软件测试 Checklist 应用系列(3) 颜色和字体的相关文章

Web软件测试 Checklist 应用系列(1) 数据输入

该系列文章分为以下几个部分: 第 1 部分:数据输入 主要介绍 Checklist 在表格输入.数据验证.数据一致性.日期输入.数字输入.文字字符输入区检查等 多个方面的应用. 第 2 部分:导航和链接 主要介绍在 Web 产品的导航和链接中应用 Checklist,以确保 Web 产品中的所有链接和页面可以正常到达 . 第 3 部分:颜色和字体 Checklist 在 Web 测试中的重要性 Checklist(检查清单)从名字字面意思即可理解,是用于检查 的一系列条目.之所以需要 Check

Web 软件测试 Checklist 应用系列(5) 用户可用性和访问控制

用户可用性和访问控制测试包含的范畴 用户可用性和访问控制是用户访问数据过程的两面.从可用 性的角度看,用户希望拥有一个尽量开放的环境,能轻松准确的获取到自己期望的信息:从访问控制的角度看 ,需要确保用户对数据的访问得到严格的控制,只有授权用户才可以访问相应数据.这两个方面,正是我们在 网页产品测试中需要注意的两个方面,同时,我们需要考虑两者之间的权衡,倒向任何一个极端都不是用户期 望看到的理想情况. 用户可用性测试 Checklist 1.1 检 查所有字体大小以确保内容可读 字体大小要适当,当

Web 软件测试 Checklist 应用系列(2) 导航和链接

导航和链接测试包含的范畴 在 Web 开发测试中,导航和链接为用户提供了丰富的操作体验,用户 可以通过导航和链接实现对各类数据的访问.导航,从基本意义上理解,就是当用户触发该导航操作后,用户 界面将被指向当前系统的另外一个目的页面的过程,换句话说,导航实现了在系统内部从一个数据页面到另外 一个数据页面的变化过程,这有助于用户更加方便快捷的访问关联的数据内容.链接,在这里我们指的是从 Web 产品内部直接连接到外部目的地址的超链接. 对于本文中提到的导航和链接,简单来说,可以这 样理解:导航是 W

Web 软件测试 Checklist 应用系列(4) 内容、图片和按钮

内容.图片和按钮测试包含的范畴 在网页产品中,用户获得数据的来源中很重要的两个方面是文字 内容(本文简称"内容")和图片.内容主要以文字为主体传递信息,而图片则以图表的形式以更加醒目的方 式向用户提供信息.两部分内容相互补充,均不可或缺.按钮则用于针对用户的点击执行相关的操作,从而实 现与用户的互动,在用户体验中具有非常重要的作用. 本文中将列举部分在网页产品测试中应用广泛 的 Checklist 条目,这些条目均需要在开发和测试过程中加以注意.文中也将列举测试过程中遇到的一些实 例,

Web软件测试Checklist应用之数据输入

Checklist 汇集了有经验的http://www.aliyun.com/zixun/aggregation/9621.html">测试人员总结出来的最有效的测试想法,可以直接有效的指导测试工作,开阔测试人员的思路,能够快速的发现产品的缺陷并实现较好的测试覆盖,更重要的是该 Checklist 在不同的项目中具有很强的通用性. 该系列文章分为以下几个部分: Web 软件测试 Checklist 应用系列,第 1 部分:数据输入 主要介绍 Checklist 在表格输入. 数据验证.数据

IOS中修改导航默认标题颜色、字体

// 设置导航默认标题的颜色及字体大小 self.navigationController.navigationBar.titleTextAttributes = @{UITextAttributeTextColor: [UIColor whiteColor], UITextAttributeFont : [UIFont boldSystemFontOfSize:18]};

《Python语言程序设计》——3.8 绘制带颜色和字体的图形

3.8 绘制带颜色和字体的图形 关键点:turtle对象包含设置颜色和字体的方法. 前一节介绍了如何用Turtle模块绘制图形.通过学习掌握如何使用运动方法移动笔以及用笔的方法将笔抬高.降低和控制笔的粗细.本节将介绍更多有关笔的控制方法,如何设置颜色和字体以及编写文本. 表3-7罗列出控制绘图.颜色和填充的笔的方法.程序清单3-6是一个用不同颜色绘制三角形.正方形.五边形.六边形和圆的简单程序,如图3-4所示.程序也为图形添加了 文本. 程序清单3-6 ColorShapes.py 除了给每个图

C++基于对话框的程序,运行时候编辑框不显示颜色,字体也不变化,怎么回事?

问题描述 C++基于对话框的程序,运行时候编辑框不显示颜色,字体也不变化,怎么回事? 我添加三处代码如下:就是不显示颜色和字体 HBRUSH CADODataBase2Dlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) { try { HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor); // TODO: Change any attributes of the DC here if

Palettab:在Chrome新标签页随机推荐颜色和字体

摘要: 今天介绍的Palettab是Chrome的一个扩展工具,它可以在新的标签页随机推荐颜色和字体,激发你的创作灵感. 它其实是COLOURlovers一个拥有4百万用户,以色彩为主题的专业社群讨论网站旗下 今天介绍的Palettab是Chrome的一个扩展工具,它可以在新的标签页随机推荐颜色和字体,激发你的创作灵感. 它其实是COLOURlovers--一个拥有4百万用户,以色彩为主题的专业社群讨论网站旗下的产品,它每次推荐的调色板含有五种风格的颜色组合,当Palettab不断有颜色增加时,