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