蜂巢联合-北京网站建设 | 北京网站制作 | 北京网站设计

建站咨询热线:010-86380355 售后客服:010-51265897 QQ:1219770678  

您现在位于:首页 >> 建站服务 >> WEB标准

  建站服务 >> WEB标准  

WEB标准-常见可用性错误——布局外观错误


作者:yangguang lan    文章来源:不明   点击数:2940     发布时间:2007-7-3 9:24:44

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控制这类页面的宽度,给它限定一个最大绝对值。

  案例

  神州学习网,面向的用户中有很多是大学生用户,目前大学里800*600的显示器还是占不小的比例的。而这个网站采用1024下的页面宽度,显然会失去一部分用户。毕竟类似的学习网站还有很多。

  我们政府的网站,面向的用户是全国人民,不应该采用1024分辨率下的设计宽度。

  1.1.2 页面内容宽度不一致

  问题

  页面中的一部分内容宽度超出主体内容的宽度

  分析

  设计师常常有这样的设计稿:页面主体宽760像素,照顾分辨率800*600的用户。同时为了使1024*768分辨率下的用户浏览起来不至于感觉两侧太空,会把页面中的某一部分,如头部,设计成1000的宽度。制作这种页面时,要注意把两侧多出来的部分做成自动延展的,如果有图片,做成背景图。

  设计师使用这种方法设计页面的时候要注意两侧多出来的部分,不要放置内容,只能放一些纯修饰性的东西。

  案例

  页面在800*600分辨率下出现了横向滚动条。

  这个页面的原设计稿是这样的:

  两侧的焰火超过了页面的主体,页面应该这样来做:

相关链接:北京网站建设

 联系我们 | 关于我们 | 网站地图 |虚位以待 | 蜂巢动态 | 汇款方式
建网站热线:(010) 86380355 13720004070 QQ:1219770678
售后服务电话:010-51265897 传真:010-51265897转822 地址:北京市海淀区西土城路31号12号楼1单元801室 邮编:100088
北京蜂巢联合科技有限公司 版权所有 京ICP证050691号