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中可以。

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

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