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

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

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

内容测试 Checklist

表 1. 内容测试 Checklist 总结

序号 Checklist 1.1 检查内容排列是否恰当 1.2 检查标签排列是否恰当 1.3 确保所有单词
大小写使用正确 1.4 确保所
有的错误消息中没有拼写错误 1.5 检查
产品页面中是否存在冗余信息 1.6 确保不可编辑区域呈现为黑色文字、灰色背景、黑色标签 1.7 确保产品在最大、最小和最优分辨率下都能正确显示 1.8 确保内容表述清晰准确

1.1 检查内容排列是否恰当

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

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

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

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

时间: 2024-09-22 20:45:18

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

网页设计中怎么把网页上的内容和数据库连接起来?

问题描述 网页设计中怎么把网页上的内容和数据库连接起来? 想做个网站,可是数据库不会连,怎么办?sql数据库代码怎么写? 解决方案 取决于你网站后台用的什么,php等都可以链接访问数据库. 解决方案二: (1)执行"开始'"控制面板'"性能和维护""管理工具""数据源(ODBC ),弹出"ODBC数据源管理器,对话框.切换到"系统DSN"选项卡. (2)单击"添加,按钮,弹出"创建新数据

WebBrowser截取网页上的验证码图片

  引言 最近和一位朋友探讨获取WebBrowser访问的网页中验证图片的方法,起先想到的就是通过WebClient直接去下载当前页面中引用的验证码图片,但继而想到这会涉及一些问题:一是验证码可能会在每次请求时都发生变化,二是将WebClient与WebBrowser的Cookies甚至Session关联起来是件很难的事. 而后就想到了可以放弃WebBrowser,始终使用WebRequest进行较为底层的访问,以避免多次获取验证码产生变化导致不一致的情况,不过这种办法操作起来还是比较复杂的.

小爬虫-一个网页上的.jpg图片下载下来

import re import urllib def getHtml(html): page = urllib.urlopen(html) Html = page.read() return Html def getImg(Html): r = r'src="(.*?\.jpg)"' #正则r用来筛选图片的地址 img_re = re.compile(r) imgHtml = re.findall(img_re, Html) x = 0 for imght in imgHtml: u

php实现异步将远程链接上内容(图片或内容)写到本地的方法_php技巧

本文实例讲述了php实现异步将远程链接上内容(图片或内容)写到本地的方法.分享给大家供大家参考,具体如下: /** * 异步将远程链接上的内容(图片或内容)写到本地 * * @param unknown $url * 远程地址 * @param unknown $saveName * 保存在服务器上的文件名 * @param unknown $path * 保存路径 * @return boolean */ function put_file_from_url_content($url, $sa

PHP在Windows IIS上传的图片无法访问的解决方法_win服务器

PHP在Windows IIS上传的图片无法访问的解决方法 首先登录到网站后台进行了测试发现上传的图片在确实浏览器打不开且出现了无法访问的错误信息:" 401 - 未 授权: 由于凭据无效,访问被拒绝." 然后又测试了该服务器上其他几个php项目发现也出现了一样的错误: 图片上传成功,但浏览器没有权限访问.因为测试的几个php系统是不一样的,有thinkphp,wordpress,百度ueditor编辑器. 所以这几个系统同时出现问题的概率实在是太小了,所以基本上排除了程序的bug,且

java如何实现QQ在网页上在线和下线的不同表示

问题描述 我想实现在网页上的在线QQ问答,能不能我的QQ上线时网页上的QQ图片显示的是在线图标,而我下线时QQ图片变暗,显示下线图片 解决方案 解决方案二:用java的话用两张图片解决方案三:能判断出qq的状态就可以了根据不同的状态显示不同的图片解决方案四:是啊,我也知道要判断出QQ的状态啊,但是我不知道怎么判断,怎么获取啊,解决方案五:n年前腾讯已经提供这个功能了,去查一下吧解决方案六:看一下吧..QQ专门有这功能.去找一下吧..好久了忘记什么网址去了.解决方案七:用到了session的监听器

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

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

PHP获取网页上任意表格中内容的通用程序的制作

程序|网页 转载请联系作者:Email: pengwuwang@21cn.com   darlingpeng@sina.com  在工作中,经常需要对网页上的表格内容进行处理,但是,由于表格内容制作过程中的随意性,跨行跨列经常发生,所以我作了这几个函数,以获取表格的内容,程序中重要的地方已作了注解,所以在此不再重复说明,经过测试,非常成功.所以拿出来供大家共享.<?php//作者: 王朋武//日期: 2005,3,31//目的: 获取网页上(任意跨行跨列的)表格中的内容function fun_

Word2010过滤网页上的超链接和图片方法

  我们时常会在某些网站上找一些自己想要的资料,但是许多网站上都有各种各样的格式.超链接.图片等,复制到Word里面后你会发现连同这些样式全部都粘贴到文档里面了.我们要的纯文本形式的,如果手工去除这些样式工作量可不小,而且又麻烦.怎样可以直接复制网页里面的内容时只粘贴纯文本到文档中,而且都将这些超链接.图片等样式全部过滤掉呢?下面就来为大家详解操作吧! Word2010过滤网页上的超链接和图片方法: 方法一:先复制网页上带样式的内容,然后进入Word2010界面,单击左上角的"粘贴"箭