老杂毛博客
  青青子衿,悠悠我心。但为君故,沉吟至今。
博客首页 | 人生历程 | 编程开发 | 机关门  
  文章分类
 
博客首页 > 软件网络编程 > 文章正文

网页应该如何设计更合理,体验度更高

2010/4/20 21:33:42
 

        很早之前我就想写一篇这样的文章,但是一时却总也总结不成文字,今天总算是才把一些思路抓住,下面花一些时间来整理一下,如果哪天再想起来其它的再做补充。

第一:网页速度

        这绝对是在所有的设计理念中最重要的一步,记得之前我写过一篇这样的文章,是关于一些css写法的,一些没必要的css可以合并,js如果不影响内容展示的话,我们可以放在最后调用,另外尽可能的减少html代码,并把js和css写到独立的文件中且把中间的空格去掉,下面发一个图片,这是我的js文件:

这是我编辑器的一些公用的js代码,这样看似是杂乱无章,其实是为了减少传输时间,这样做的同时不要忘了为自己备份一个有格式的,以免下次调试的时候自己也看不懂,关于网页加速的问题就说这么多,有时间了我再整理。

第二:短时间内告诉用户你是干什么的

      一般网友在无意打开一个网站或通过其它点击打开网站的时候(也就是说并不是刻意去寻找某样东西的时候)停留时间大概在三到五秒,一个优秀的网页应该在这三到五秒中告诉用户自己是干什么的,能为用户做哪些事情,如果不能做到这一点的话,相信很多人也都会像我一样,把滚动条拉到最下面之后就关了。

第三:几乎80%的网民都有略读习惯

      在网上我曾看过这样一个举例,感觉非常恰当:“当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你感兴趣的东西。”,我想说的是,除非你对这个屋子特别熟悉,就如你家里或你的办公室突然来了陌生的人一样,你除了看这个人,没有其它需要注意的地方,否则的话我们都有略读的习惯,在网民打开网页的时候也是一样,他会简单粗略的浏览整个网页,如果大多数人都没有在你的网页上找到感兴趣的东西,或者说你没有把应该令他们感兴趣的东西呈现给他们,那你的网页做的可真是太糟糕了。

第四:人物图片(人物眼睛),左侧黄金位置

       如果一个网页上只有一张图片,而这个图片恰好是一个人物,那么是不是很容易就引起你的注意,并且这个图像已经进入了你大脑的临时记忆区了,但如果页面上放了一排一寸照片轮显,最后的结果是你一个都没有记住,学会合理的利用图片,有的时候一个就足够了。

        在人物里人物的眼睛是最重要的一个黄金广告位,我不知道这是自己的发现,还是大家都这么认为,在你看到一个陌生人的时候,你最先看的大多是这个人的眼睛,那么我们何不用一个眼睛去做一个合理的广告位呢,记得以前看到过这样一个广告,一个美女和一个产品,同时做了两幅图片,唯一的区别是美女的眼睛一个是看向屏幕外面的你,另一个则斜着看产品,当图片展现在我们眼先的时候,我们下意识的去看美女的眼睛,而这时我们发现,这双眼睛在盯着另一个产品看,所以我们立刻就会把注意力放到那个产品上,而另一个图片却没有这样的冲击,做为一个广告来说,无疑是前者更能抓住顾客的眼球从而更能让客户注意到自己要宣传的产品,否则的话我们就只会记住那张脸,对一产品只有一些模糊的记忆,等我有机会找到这个图片的时候给大家发上来体会一下。

        无论是我们的阅读习惯,还是我们的做事习惯大都是从左开始的,我们看网页也不例外,左侧比右侧更有吸引力,所以我们看到网站的logo一般都会放在左边,如果有一个网站把logo放在了右边你就会感觉到有些别扭。

        这也正是我博客为什么首页把头像放在了左边,而到了内容页却放在了右边的原因,首页我想让别人记住我的样子,而内容页我更多的是想让他们看到文章内容。

第五:文字格式的重要性

         不记得是在什么地方听到过这样一句话:一张好图片胜似千言万语,道理是这样说,但是我们很难做出特别优秀的图片来,而现在的网页,更多的时候让我发现,一些大号的文字比图片更有吸引力,尤其是一些介绍单个产品或某项服务的网页,上面就是几个大字,让你不得不在就要关闭页面的同时继续读下去,以至于你越来越对他说的内容感兴趣,从而读完,这远不是一幅图片所能达到的效果,看到图片更多的时候我们只能产生点击的欲望。

          非常有必要说的是文字排版非常重要,我在07年写文章的时候不太注重排版,而且非常喜欢用叹号,直到后来自己在读自己文章的时候才发现,排版是多么重要的一件事,尤其是特别长篇的文章,请不要吝啬I,U,B这样的标记,颜色的区分,字号放大,会让不愿意读文章的人大概浏览一下小标题近而把文章读完,就像我这篇文章,我的这五点小标题是不是足够吸引你把文章读完呢。

         今天就想到这么多,哪天有新发现了再来更新,如果您有不同的意见或建议请在下面留言和我交流。

以上文章由老杂毛原创,转载请务必注明作者和出处,谢谢。

阅读: (1146)  评论(13)  
 
网友评论:
 
 1.郑永2010/4/21 11:17:09 
最近在哪里工作了?
 2.飞吧网2010/4/25 14:41:09 
祝贺一下!呵呵
 3.匿名网友2010/5/11 17:37:20 
写的非常好,支持了
 4.张莹2010/6/23 16:24:32 
讲的好有道理呃
 5.2016/5/31 23:23:27 
 6.2016/6/9 23:52:07 
 7.2016/6/17 5:09:10 
 8.2016/6/21 20:23:32 
 9.2016/6/26 8:39:44 
 10.2016/7/23 4:34:48 
 11.2016/8/16 8:13:16 
 12.2016/12/4 5:31:19 
 
相关文章:
 微信支付asp.net V3.3.7 sys
 ERRORLOG 文件太大的处理办法
 Attempted to read or w
 Ctrl键自动按下,Ctrl键和Alt总感觉
 解决 Your project contai
 adb install 多设备id号一样,如
 如何去掉优酷,土豆等网站的广告?
 webview的loadData方法加载乱码
 让iis7支持apk文件下载
 sql利用游标循环,遍历表循环结果集
 
 
     
联系作者: QQ: 657603425 Email: [email protected]
Copyright © 2007-2014 www.laozamao.com All Rights Reserved
京ICP备09002242号 北京海淀分局备案号:1101084842