购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.9 实验#9:oricity网站登录界面布局不合理

缺陷标题 oricity网站主页→登录→找回密码→我的日历页面登录页面布局不合理。

测试平台与浏览器 Windows 7+Chrome或IE。

测试步骤

(1)用Chrome/IE打开oricity网站主页http://www.oricity.com/。

(2)单击“登录”按钮。

(3)输入不存在的用户名与密码。

(4)在用户不存在出错提示页单击“我的日历”。

(5)查看页面。

期望结果 登录页面板块边框正常显示,页面布局合理。

实际结果 页面布局不合理,存在大块空白;IE浏览器登录模块右边框不能正常显示,如图2-11和图2-12所示。

图2-11 Chrome浏览器下边框正常显示

图2-12 IE浏览器右边框未能正常显示

专家点评

这个Bug有两个方面的界面设计问题:一是这个区域空白比较大,“用户名”与“密码”应该在同一行显示,不应该转为多行显示;二是登录四周的边线框在IE中不能正常显示,但在Chrome中可以。

页面布局不合理,往往一眼看上去没什么界面问题,但是影响了用户体验度。有一种专门针对用户体验的测试叫做可用性测试,检验其是否达到了可用性的标准。

网站可用性测试是为了实现跨形式的视觉一致性,包括测试页面布局合理性,屏幕分辨率改变时的显示,边距和列布局,表单的颜色和大小,标签使用的字体,按钮的大小,所使用的热键或快捷键,使用的动画、图形、按钮等控件的标签,同一字段的文本框的长度,以及日期和时间字段的格式等的可用性。 22WtDTLwW/HRsF/8XkK/L/zt2e2SDFE/fRMONinNrmhSassLL/N0ipDFUnGoE0u4

点击中间区域
呼出菜单
上一章
目录
下一章
×