zoukankan      html  css  js  c++  java
  • [译]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/

  • 相关阅读:
    原生CSS、HTML 和 JavaScript 实现酷炫表单
    Vite2 如何设置打包后文件名
    读罢effective java,并不感觉特别好
    第六章部分习题答案
    第七章部分习题答案
    第八章部分习题答案
    mybatis 3.3.0之前版本的一个空指针BUG
    避免使用finalize方法
    mlp房价预测
    逻辑回归
  • 原文地址:https://www.cnblogs.com/matt123/p/3269175.html
Copyright © 2011-2022 走看看