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