[转]如何做好界面测试
上一篇 /
下一篇 2010-12-15 13:07:41
/ 个人分类:软件测试
一个好的系统界面能让页面清晰易懂,用户不需要太多的学习,就能快速的使用系统,让系统变得不言而喻。怎样让系统页面清晰易懂,或者说,如何让一切变得不言而喻?
第一.建立清楚的视觉层次
我们在浏览网页的时候,实际上通常是在扫描,而不是在阅读。让页面的可视元素清晰明了可以让页面更加清晰易懂。重要的部分需要突出,逻辑相关的部分视觉上也相关,逻辑上包含的部分视觉上进行嵌套。页面结构清晰,可以让用户自然而然的将页面的布局结构转换为内容的逻辑结构。
第二.尽量使用用户习惯的用法
比如:一些图片下面方一些文字,或者鼠标指上图片时的提示性说明。使用一些用户常见的方法可以保持一种熟悉感,而不用花额外的时间学习如何使用。比如业务人员最关心的就是报文到达情况,那么就应该将报文迟报、缺报等情况明确的显示在首页,这样业务人员在进入系统界面时就能直观的看到他们需要关注的数据。
第三.把页面划分为明确定义的区域
功能模版要划分清晰,每个功能模块下的子功能取名要正确,这样用户在使用时就会很方便的找到自己想要关注的东西。这样一般需要多级模块,可以采用树状结构或者横竖结构等。
第四.明确标识可以点击的地方
在业务人员查看报文实时监控时,应该在系统显眼位置,一般是左上方或者右上方用一些html标签(颜色根据用户要求定)指明可以点击查看报文的详细情况。同时,应该设定查询,一般需要时间查询和设备查询等功能,可以手动输入和选择输入。
人们在网上做的多数事情是寻找下一个地方点击。所以明确标识哪些地方可以点击很重要。例如将报文的到报情况导出为excel表格,由原来的按钮修改成带有excel图片的按钮。当业务人员看到这么一个似曾相识的按钮,就可以马上知道这个就是他们需要的导出excel功能按钮。其实继续使用链接,用户看的仔细一点再尝试也不会花太长时间。但迫使用户思考下意识就可以知道的东西也是在考验用户的耐心和好感。
第五.降低视觉噪声
对于一般商业或办公型web系统,如果页面上所有内容感觉都在吸引用户的注意,效果可能适得其反。还有一些细节噪声,虽然不那么明显,但也会带来不好的体验,比如在文字分类之间加入明显的分割线,这些明显的分割线就会带来视觉噪声,不利于明显的表达文字。当然,像动感地带,飞信等网站,那么内容效果做得花样点是无可厚非的。
相关阅读:
- 用户体验反思 (lizhm, 2009-11-17)
- 了解用户的态度和习惯:可用性测试 (fishy, 2010-1-29)
- 对“淘宝网”的用户体验小测试 (51testing, 2010-2-03)
- B2C电子商务网站用户UE和用户UI测试重点 (xiaoningln, 2010-3-16)
- 数据库与用户体验 (fishy, 2010-4-09)
- FEST-Swing -Swing GUI testing (zhoujun0121, 2010-4-24)
- 用户体验之:如何让页面清晰易懂? (fishy, 2010-5-05)
- WEB界面测试要素 (lovewedy, 2010-8-03)
- 思考:OEM UI界面抑制了Android的发展? (xin_晴, 2010-8-06)
- WEB测试中的界面测试用例设计 (fengzi2009F, 2010-9-22)
收藏
举报
TAG:
用户体验
易用性
界面