html常见可用性错误.pdfVIP

常见可用性错误——布局外观错误 1 布局、外观错误 1.1 页面宽度 1.1.1 页面内容宽度选择不当 问题 设计页面宽度时不考虑使用 800*600 分辨率的用户 蓝 分析 根据 W3Counter 在 2006 年 7 月 9 日发布的全球 Web 调查显示，使用 800*600 分辨率的 用户仍占 11%，所以在设计页面宽度时，要照顾这部分用户。 色 游戏站的用户大多是游戏玩家，他们中间绝大多数人的浏览器分辨率是 1024*768 或更 高的分辨率，所以游戏专题为了获得更好的效果，可以在 1024*768 分辨率下设计页面宽度， 一般为 900~1000 像素宽。但不排除其中也有一部分 800*600 分辨率的用户，为了保证这些 用户能在第一屏获得更好的效果，要把主要内容放在页面左侧。 经 公司首页、毒霸、WPS、词霸等站，应尽量保证 800*600 分辨率下不出现横向滚动条， 即页面宽度为公司常用的 760 像素宽。 除了固定页面的宽度，设置页面宽度的像素值外，还可以将页面宽度设为 100%，以保 证各个分辨率下的用户都不出现横向滚动条。对于信息量比较大的页面建议使用 100%宽度。 但 100%宽度的页面会增加宽屏用户浏览网页时视线移动的距离，可以用 Javascript 控制这 类页面的宽度，给它限定一个最大绝对值。 典 案例 作者：aslancn 来自：蓝色经典 第 1／31页 mxss[1/18/2008]整理制作 常见可用性错误——布局外观错误 蓝 神州学习网，面向的用户中有很多是大学生用户，目前大学里 800*600 的显示器还是占 不小的比例的。而这个网站采用 1024 下的页面宽度，显然会失去一部分用户。毕竟类似的 学习网站还有很多。 色 经 典 我们政府的网站，面向的用户是全国人民，不应该采用 1024 分辨率下的设计宽度。 1.1.2 页面内容宽度不一致 问题 页面中的一部分内容宽度超出主体内容的宽度 分析 作者：aslancn 来自：蓝色经典 第 2／31页 mxss[1/18/2008]整理制作 常见可用性错误——布局外观错误 设计师常常有这样的设计稿：页面主体宽 760 像素，照顾分辨率 800*600 的用户。同时 为了使 1024*768 分辨率下的用户浏览起来不至于感觉两侧太空，会把页面中的某一部分， 如头部，设计成 1000 的宽度。制作这种页面时，要注意把两侧多出来的部分做成自动延展 的，如果有图片，做成背景图。 设计师使用这种方法设计页面的时候要注意两侧多出来的部分，不要放置内容，只能放 一些纯修饰性的东西。 案例 蓝 色 经 页面在 800*600 分辨率下出现了横向滚动条。 这个页面的原设计稿是这样的： 典 作者：asl