[译]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/