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

内容、图片和按钮测试包含的范畴

在网页产品中,用户获得数据的来源中很重要的两个方面是文字 内容(本文简称“内容”)和图片。内容主要以文字为主体传递信息,而图片则以图表的形式以更加醒目的方 式向用户提供信息。两部分内容相互补充,均不可或缺。按钮则用于针对用户的点击执行相关的操作,从而实 现与用户的互动,在用户体验中具有非常重要的作用。

本文中将列举部分在网页产品测试中应用广泛 的 Checklist 条目,这些条目均需要在开发和测试过程中加以注意。文中也将列举测试过程中遇到的一些实 例,供大家参考。

内容测试 Checklist

1.1 检查内 容排列是否恰当

为了给用户提供良好的用户体验,同时为了符合业界普遍的 UI 设计标准,文本内容 的排列要整齐、有序,易于阅读。否则,排列凌乱的文本内容将给用户留下不够专业的印象。

下面的 例子展示了一类数量显示栏没有对齐导致的缺陷实例。

图 1. 数量显示栏未对齐缺陷实例

该实例 中,图表左侧纵轴上的数量显示存在未对齐的问题。从图上可以看出,整数位 1,000,000 和 2,000,000 两个 数字显示与其他数字的显示不在同一条竖直线上,这是产品的显示缺陷。

时间: 2024-08-01 08:45:37

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

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

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

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

颜色和字体测试包含的范畴 用户通过使用网页产品获取大量的数据信息,这些信息的显示方式包括 图形和文字两大部分.而在向用户呈现图形和文字的过程中,颜色和字体扮演了非常重要的角色.合理恰当的 颜色和字体设置可以保证用户以最高效.清晰的方式获取到需要的信息,而如果颜色和字体设置的不恰当,用 户将花费更多的时间获取相同的信息量,从而导致用户获取信息的效率下降. 本文中,将列举一些 Web 产品开发中需要注意的事项,通过避免这些事项,可以从一定程度上杜绝此类的问题给用户带来的不良体 验,从而提高产品的用户

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

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

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

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

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

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

Checklist在测试网页上的内容、图片和按钮时的应用

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

Web 2.0如何创造内容

web 近几年,围绕Web 2.0这一话题展开的讨论层出不穷,从数量上讲,真的可以称得上是多如牛毛,不过,还是忍不住要老调重弹,再拿"Web 2.0"说事,今天谈论的主题是--Web 2.0,如何创造内容? Web是一个浩瀚的大平台,Web 2.0正是借助于这个平台生根.发芽.成长.壮大.有人把Web 2.0称作是一种理念,也有人把它归结为技术,并为此争论不休.不过,对于普通网民朋友来说,有多少人会去关注这种无聊的争吵呢?甚至相当比例的人听都没有听说过,他们想要得到的只是超酷.超眩的感

web怎么显示android本地下的图片

问题描述 web怎么显示android本地下的图片 项目需要用H5加载个本地的图片显示,网上查到大家说是使用图片的Base64加到 H5的img标签中,可是我获取到了Base64码,可还是显示不出来啊, 图片是在mipmap下的. 下面是我获取Base64码的代码: 请问有哪位大神知道怎么显示本地图片呢?求赐教,谢谢了. 解决方案 Web GDI+显示图片

内容管理系统-有谁知道cms发布新闻到不同平台内容图片和表格的处理方式吗

问题描述 有谁知道cms发布新闻到不同平台内容图片和表格的处理方式吗 因为目前的状况是产品内容有两端(pc和无线端),那么这两端的处理方式必然是不同的,其中很显眼的就是图片和表格的问题. 于是乎,想请教一下各位大神,在发布同一内容到两种平台时,图片和表格如何适配不同的平台,是有怎样好的处理办法的? 分两次内容编辑发布的这种方式虽然可实现要求,但无疑增加了操作成本,问题是如何在只发布一次内容时适配不同平台? 谢谢啦! 解决方案 用bootstrap这样的css框架,可以很好地适配不同的分辨率.而不