网站页面的布局及用户体验设计的几大误差

来源: 外贸网站建设   点击数:   发布时间: 2011-7-19
 随时互联网茁壮的发展,网站制作的技术已经很成熟了,但为了提升访问量,不注意网站制作3大流程,使用流氓手段根本不顾用户体验,以下简单的举几个典型的例子:

  疯狂分页:一篇文章被切割成N段,每一小段就是一个新的页面,不仅造成带宽浪费,而且浏览起来非常的不爽,通常浏览前几张就关闭了事。这其实是为了追求网站PV流量,或者编辑为完成任务而不择手段带来的恶果。

  疯狂开新窗口:中国人都喜欢打开新窗口浏览网页,但并不是网站上的所有网页都要用新窗口打开,讨厌的就是看一个网页的内容,结果打开几十个窗口,象牛皮癣一样贴满整个窗口。这个强迫手段甚至逐渐影响了人们的操作习惯。

  疯狂找内容:这个也是常用手法,例如你点击一条新闻,它并没有转到终内容页面,而是跑到了一个频道首页,让人茫然不知所措。就好比你看到一片树叶,准备拾起它时,竟然发现它跑到森林里隐藏起来,你得费劲心思才能找到这片调皮的树叶。说好听点,这叫加强用户对频道的关注度,实际上就是欺骗诱拐用户。

  疯狂加水印:如果图片是你独家拍摄或拥有版权,那么加上水印还无可厚非。但许多网站为了笔避免内容被剽窃和盗用,都把自己拥有版权的图片打上水印,,而且严重影响图片审美视觉。似乎一下子全中国都开始在网上保护起自己的知识产权来了。

  疯狂的网址:经常看到新浪博客的文章后面是一大堆乱七八糟的数字,如4c52a1d501000avy,淘宝店铺的域名也是如此。这个非常web2.0的事物享受着普通web2.0网站享受不到的待遇。

  当然还有很多,以上只是大型门户网站经常使用的部分流氓手段,只考虑到自己,而不考虑用户感受,讲给网站带来一些负面的影响。如何做好网站建设的系统规划,就要对网站的结构很了解。 下面我们来简单的介绍下页面的设计布局:

  1.样式的重用性

  CSS网页的布局大的特点就是样式的可重用性,利用class控制样式属性多次在网页中使用,以减少样式属性的烦琐性,增加页面的可维护性。

  2.浮动与清除浮动

  浮动式网页布局具有的问题是很多浏览器的不兼容的问题都是因为浮动而导致的,例如IE6.0的双倍间距的问题。浮动也是把双刃刀,兼容性的问题为其二产生为其而灭亡,善于利用浮动对于网页布局将会带来很到的帮助,例如使用负边距地方法对页面进行布局设计。

  清除浮动浮动而出现,用来清理浮动导致的诸多问题。清除浮动的方式有很多。

  3.定位方式的页面布局

  定位方式的布局一般指的是绝对定位,这种布局方式对页面布局的设计精确性要求十分高,如果不是专业的技术人员,还真搞不定这个。当然也可以找一家专业做深圳网站建设公司来解决。遗憾的是绝对定位的布局的式的盒模型是固定的。

  4.不要过多使用ID选择符

  ID在一个页面中出现的次数是一次,过多使用将失去样式的可重用性的特征,对于页面的可维护性大大降低了。

  5.类选择符(class)及ID选择符使用字母+数字方式命名

  类选择符Class及ID选择符的命名方式很多,好的方式是阵对某个模块的功能阐述性的命名,例如,阵对主要内容区域,可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。

  不使用字母+数字的方式命名,在后期维护中可以阵对某个模块主要针对对象一目了然。

  6.合理使用CSS布局,切勿盲目使用

  CSS样式的主要功能是对页面结构样式的处理,避免只是为了试验一种技术或新技巧而采用CSS中的技巧去剥夺其他语言脚本的使用。
上一篇: 浅谈新域名如何一收录就得到好的排名 下一篇: 新手SEO容易进入的四个误区