在测试网页产品的消息和帮助方面应用Checklist的情况

清楚有效的消息提示和帮助信息能">帮助用户更快捷的使用产品,并获得良好的用户体验。消息为用户提供的是执行相关任务的状态和结果;帮助则为用户提供相关功能的解释说明。

顾名思义,消息是指传递信息的载体。用户通过消息来了解系统当前运行的状态,当系统出现异常时,用户通过消息来了解需要采取的动作。产品的帮助信息,可以为用户提供必要的产品说明和信息,以保证用户能了解如何安装、配置和使用产品。

消息测试 Checklist

表 1. 表 1. 消息测试 Checklist 总结

序号 Checklist 1.1 确保系统消息框能正确展开和收起 1.2 确保所
有的消息正确显示 1.3 确保消息内容足够清楚以告诉用户确切的错误所在 1.4 确保警告和错误消息无拼写错误 1.5 当页面有非法输入时,提交后应定位光标到出错区域 1.6 确保所有的消息标题为粗体

1.1 确保系统消息框能正确展开和收起

系统消息框这里是指位于网页底部用于显示最近页面的状态及输出结果,以帮助用户了解最近页面上的相关操作及结果。该消息框不止可以查看最近一条状态,用户可以通过单击该消息框展开它,从而查看更多的历史记录和状态,再次单击可以折叠收起历史记录。这就提供了一个方便的途径可以满足用户查看历史状态的需求。

在网页测试过程中,测试人员需确保该消息框能正确的展开和收起。测试中需要测试展开后接着就收起的流程,以及消息框展开后,用户在页面上执行部分其他操作后再收起消息框。以上两种情况都要测试到,并确保两种情况下,消息框都能正确的展开和收起。

图 1. 系统消息框展开收起测试实例

图 1 中所示的实例中,我们将系统消息框展开后,在页面上做了额外的其他操作,然后试图去收起该消息框,但无法实现,点击消息框的动作不能让其收起。这也是产品的缺陷。

1.2 确保所有的消息正确显示

消息的目的是向用户传递信息,因此,正确有效的显示是消息的首要要求。消息的表达应该简洁、清楚,没有冗余和不可理解的信息。

图 2. 不合理消息显示实例

如上图 2 中显示的是一条不恰当显示的消息,该消息中包含一些冗余的不可理解的内容“...”””,此类信息内容不但不会为用户提供有用的信息,反而会给用户带来困扰,应加以修正。

1.3 确保消息内容足够清楚以告诉用户确切的错误所在

错误消息需要提供给用户准确的错误描述,告知用户错误究竟出在哪里,而不能包含模棱两可的内容,更不能存在误导性或者不可理解的内容。

图 3. 模糊不可理解的错误信息实例

上图 3 中所示,该消息包含这样的消息描述“Connection refused: connect”,从这段文字,用户并不能知道它要传递的信息是什么,也不知道错误究竟出在哪里。这里显示的消息,实际上是产品内部设计的一些中间输出,是给开发人员所用,而不容易被用户所理解,所以应该更换为用户易于理解的文字,这也是产品的缺陷。

时间: 2024-09-28 00:37:32

在测试网页产品的消息和帮助方面应用Checklist的情况的相关文章

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

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

用户体验参考:网页产品原型设计到网站界面

这篇文章详细讲述了网页设计的整个过程,从网页产品原型设计,纸稿,黑白稿到真正的网站界面.每一步都为我们用实例讲述了详细的设计和用户体验思考过程.作为网页设计师很值得参考和借鉴其中的经验. 可行性评估 主要执行人员:UI.UE.需求部门.程序部需沟通人员:销售部 当产品经理确定基本的思路后,会先会跟我们沟通,并说明这个产品的思路.受众及一些自己的想法.接着会拿来一个结构图来和我们探讨实现方面的可行性.我们也会准备相关资料与其进行沟通,主要会从数据报告.功能性及可行性三方面下手,在探讨的同时会指出功

触屏手机网页产品设计用户体验设计经验分享

文章描述:历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 历时数月,连番经历了多个基于触屏手机原生浏览器的网页产品设计与开发.对触屏手机用户体验设计有了进一步的认识,也颇想分享些心得. 上篇包括以下一些内容: >>精神与基础 何谓高端--高端设计精神 平台间平衡 不同分辨率及比例间移植 浏览器框架 >>设计"泛"过程 移动场景下的用户需求 少即是多的设计原则 界面气质 -------

利用谷歌Analytics统计精准测试网页打开速度

  有机构曾经做过一个调查统计,网民打开网页平均可容忍的承受时间是多少?20秒.这个调查结果已经是一年前的数据了,相信现在一个网页如果10秒钟都打不开访问者将毫不留情地关闭你的页面.如果你在网页内容上花了很多心思,但访客都打不开网页,再多的努力也白费了.所以网站的网页打开速度测试是站长必须要做的.一次或几次的网页加载速度测试的结果并不具有很强的代表性.只有当统计次数达到一定量的时候,打开速度的测试值才会更真实.新版的Google Analytics(Google提供的免费网页访问统计工具)就提供

如何测试网页在不同移动设备的各种分辨率下的显示效果?

问题描述 如何测试网页在不同移动设备的各种分辨率下的显示效果? 我想开发在便于移动设备浏览的网页.由于移动设备种类多,分辨率也各不相同.这给调试带来了困难,大家是如何解决这个问题的? 解决方案 感谢 Hooopo 的回答,Chrome很好用,我发现Opera也有类似功能,下面的是我在Opera Mobile 模拟器下的效果: 更多效果请看:http://www.opera.com/developer/tools/mobile/ 解决方案二: Chrome浏览器的调试工具很不错,可以指定User

做一个手机网页,查看消息列表,列表用的是table,要求用户点击消息字体变灰

问题描述 做一个手机网页,查看消息列表,列表用的是table,要求用户点击消息字体变灰 做一个手机网页,查看消息列表,列表用的是table,要求用户点击消息字体变灰 解决方案 给tr添加click事件,然后设置颜色,如果你要持久化还需要和数据库打交道,保存状态到数据库中 <table><tr onclick=""this.style.color='#666'""><td>信息1</td></tr><t

力科12位高精度HDO示波器入选测试测量产品类别的最热门产品

Teledyne LeCroy(力科)在2012年10月发布的12位高精度HDO系列示波器,在短短2个月的时间内就被快速的入选为EDN 评选出的全球2012年度100个最热门新产品.EDN 2012年评选出的100个最热门新产品来自于13个产品类别,力科的12位高精度HDO示波器为9个入选的测试测量产品类别的最热门产品之一. Teledyne LeCroy(力科)新发布HDO系列12-bit ADC高分辨率示波器提供比传统8-bit示波器多达16倍更高分辨率和更高测量精度,能够看到更加干净.锐利

《移动App测试的22条军规》——第23章,第6节测试微信App的消息显示和通知展示

23.6 测试微信App的消息显示和通知展示以Android操作系统为例,我们不仅需要检查安装微信App时向用户申请的权限(如图23.18所示),还需要验证在微信App收到新的消息时,如何通过通知向用户进行消息展示(如图23.19所示).

《移动App测试的22条军规》—App测试综合案例分析23.6节测试微信App的消息显示和通知展示

23.6 测试微信App的消息显示和通知展示以Android操作系统为例,我们不仅需要检查安装微信App时向用户申请的权限(如图23.18所示),还需要验证在微信App收到新的消息时,如何通过通知向用户进行消息展示(如图23.19所示).