[译]36 Days of Web Testing(四)

Day 19: UX  用户体验

Why ?

最近UX变得越来越火,用户提现往往会直接联想到易用性和设计。

在我看来,UX不仅仅是这两点。UX, User Experience ,对我而言,不单单是产品,还应该包含客服、发布说明、文档、技术支持文档/站点/手册,性能,安全,易用性,可用性,可及性,适用性等。这个很大的话题。

How?

作为一名测试工程师,对于UX,好像我们可做的事情不是很多。下面列出的这些关于UX的点,可能并不适用于你的产品,但是在你测试的过程中,考虑下这些方面,也没坏处对吧。

Customer Support 客户支持

有客户支持吗?

我们的客户支持团队对我们的产品细节了解吗

我们的技术支持是否足够

是客户需要的吗

客服的联系方式正确吗

有没有在线客服?

客服提供的帮助是否正确、准确、并且能很容易的获得客服支持

发布公告

有提供发布公告吗?

文档准确吗?

文档完整吗?

是不是针对正确的目标群体(是不是太technical ,或 一点都不专业)

出错容忍

对于系统异常是否能容忍?

错误提示是否具有相关性?

系统能否帮助用户从异常中恢复回来?

文档

有没有?

需不需要?

是否准确?

性能

站点的性能是否可以满足如先前定义要求的/客户需要的那样?

对于系统系能是否有足够的了解

安全性

客户的信息安全吗?

客户知道他们的信息是安全的吗

客户是否再次确认信息安全

我们能证明客户的信息是安全的吗

Usability and Easy of Use  易用性

产品是不是很简单,很容易上手?

用户是否能很方便的找到他所想要的

所有的页面风格是否都是一致的

和期望是否一致

is the site behavious typical based on other systems/sites/application ?不理解

Accessibility 可达性

is the site accessible by people with accessibility requirements ?

需要这样吗

建议

在Web设计领域,有很多关于设计和用户行为的资料。这些可以提供你一些很棒的视野关于如何设计产品,才能和用户互动起来。作为一个名测试工程师,要用于探索“测试”领域外的东西。

链接:

UX on Wikipedia - http://en.wikipedia.org/wiki/User_experience_design
UX Booth - http://www.uxbooth.com/
UX Mag - http://uxmag.com/

 

Day20 修改地区设定  Change the locale

Why ?

浏览器的“地区”设定会影响页面的渲染以及其工作。

这是一个很简单的测试点,会暴露出一些多语言的问题,尤其是你的站点是支持多语言的。

How ?

各个浏览器修改“地区”设定的方法是不一样的,具体怎么修改可以google一下。

举例来讲Firefox:

Firefox >工具 > 选项 > 内容 > 语言

点击后,弹出一个窗口,可以修改浏览器的地区语言

浏览器的地区语言设定会驱使浏览器在页面载入时去寻找和“地区设定”相关的内容

如果你的站点目标用户是使用英语和法语的,根据检测到的浏览器地区语言设定来决定主页上的语言,试着删除掉所有的浏览器地区语言设置,看看会发生什么?如果添加了 en-us 而不是 en-gb ,看看是不是还会渲染成英语?

就这个点,你可以想到很多测试点,并就这些点深入测试下去

建议:

有一些浏览器插件可以使改变地区设定变得很容易。浏览器的地区语言设置和系统的地区语言是两个不同的概念哦。

链接:

Quick Locale switching extension - https://addons.mozilla.org/en-US/firefox/addon/quick-locale-switcher/
Changing Windows language - http://msdn.microsoft.com/en-us/library/ms144258.aspx
Changing MAC Language - http://support.apple.com/kb/HT2490#l6

 

Day21 调整窗体大小和分辨率 Resize the windows and resolution

Why ?

显示器的尺寸各有大小,站点/应用在这些显示器渲染时分辨率也是各不相同的,在不同分辨率下的显示可能会存在细微的差别。(如,按钮移位了啊)

手机,Pad等移动设备迅速普及,这就需要确保你的应用在这些更小的屏幕上也能显示正常。有时候,甚至需要专门的移动版本。

How ?

最简单的方法来测试就是改变浏览器窗体的大小,直接拖拉浏览器的边框收缩页面。这里存在一个最小的尺寸,低于这个尺寸在页面布局就可能会变形。大多数非自适应页面设计都是基于这个最小尺寸来设计的。

另外一个测试场景就是修改显示器的分辨率,看看在不同分辨率下网页的渲染。

试着在移动设备或pad上打开站点。有很多模拟器可以帮你测试。

有一些浏览器扩展插件,如FireSizer可以帮你这很容易的修改页面的分辨率。

Useful Hint

可以借助firefox插件来帮着调整浏览器窗体大小

链接:

A monster list of emulators - http://www.mobilexweb.com/emulators
Firefox window resizer extension - https://addons.mozilla.org/en-US/firefox/addon/window-resizer/

 

Day 22 阻止浏览器弹窗  Block pop-ups

Why ?

越来越多的站点或应用正利用浏览器弹窗来管理表单,警告或者其他功能。同时,浏览器弹窗也被大量的广告,市场宣传所应用。

How ?

试着关闭浏览器的弹窗功能,看看会发生什么。

一旦你关闭了浏览器的弹窗,当你访问的站点或应用尝试去打开一个浏览器弹窗时,你就会得到一个警告。

没有弹窗,系统还能正常工作吗?

如果你关闭了弹窗,是否会影响状态的变迁或流程呢?例如,用户点击一个按钮,弹出一个form的弹窗,这个弹窗可能会改变系统中某个地方的状态,现在弹窗被禁用了,状态是否可恢复呢?有没有其他途径访问这个form表单呢?这个功能是否继续可用呢?

Useful Hint

可以试着使用浏览器扩展插件来帮着管理弹窗

Useful Links

Chrome Pop-up blocker https://chrome.google.com/webstore/detail/nmpeeekfhbmikbdhlpjbfmnpgcbeggic
Ad Block blocker - https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/

posted on 2013-08-19 23:24  matt_chen  阅读(370)  评论(0编辑  收藏  举报

导航