门户网站改版之用户体验

所属分类: 网页制作 / 应用技巧 阅读数: 967
收藏 0 赞 0 分享

从2006年10月12日的网易新首页的率先推出,到2008年1月15日TOM.COM新首页在结构上的巨大改变,再到2008年3月25日腾讯推出更年轻时尚化的腾讯新首页,然后是新浪也不甘寂寞的紧随着腾讯选择在4月1日这个愚人节加入了首页改版的行列,3个月后的7月1日一直号称以技术为主的“中国最大门户网站”搜狐也对其首页进行了调整,最后是7月9日中国雅虎完成了加入阿里大家庭之后首页最大的一次变脸。
半年多的时间下来,国内的综合门户们相继的都对各自的首页进行了调整改变,不管其目的是出于战略意图的改变,还是出于对时尚潮流的追赶,或者是其它的原因,门户们对其首页的改版有一个目的是不变的,那就是吸引更多的用户,留住更多的用户。
门户们改版之后的新首页,不论是从UI还是从交互上来说,相较于旧版的首页都是一种进步,门户们的新首页正朝着为用户提供更好的服务前进。

1、网易改版之后的新首页是在2006年10月12日推出,是国内最早一个改版的综合门户,与那些在2008年改版的门户们的首页来说,有着很多的不同点。在这些综合门户中,网易新首页是唯一一个还停留在800*600分辨率的窄屏时代的首页,其他门户们都选择了提升自己新首页的宽度,即使曾经的中国雅虎可由用户自行切换宽屏与窄屏,但在新首页里并没有保留这个功能而是直接采用了宽屏。宽屏是在保留同样的内容下,减少首页整屏高度的最好的方法;
2、腾讯首页改版带来的最大的变化并不是它时尚型的UI或者是伪宽度的宽屏,而是它对首页新闻标题的字体提升了一号,相较于网易跟TOM.COM的“小字”来说,腾讯的“大字”具有更高的易读性。加大字体型号这一特点也在腾讯之后改版的门户们中流行开来,新浪、搜狐、中国雅虎纷纷对自己着页的新闻标题字体进行了加大。可是搜狐新首页对字体型号的处理却很怪异,同样的新闻标题,却又有大小号字体之分,这显然给视觉造成了困扰;
3、一直不喜欢新浪跟搜狐的首页,除了其在版式上让内容显得臃肿之外,还有很大的一个原因就是新闻标题全都加有下划线,一眼望去整屏的下划线。在有链接的文字下面加下划线,是浏览器默认的渲染样式,也是网民心中默认的链接样式。可是首页新闻标题的链接是否应该显示下划线呢?当在满是文字的信息内容里对其中的链接加下划线对用户来说算是一种提示,提示这里有其它内容的链接。可是在首页出现的文字基本上都是新闻标题,整个首页的文字基本上都具有链接性,有下划线对其来说并不具备提示的作用,相反的给视觉带来一定的疲劳感;
4、因为TOM公司的战略的改变,TOM.COM的新首页无疑是众多门户之中改动最大的,
更多精彩内容其他人还在看

sitemesh教程-页面装饰技术原理及应用

Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

浏览器可以注册的事件小结

我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0 赞 0 分享

从image/x-png谈ContentType(s)

今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0 赞 0 分享

窗口中的各种距离/滚动距离的精确计算汇总

平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0 赞 0 分享

web的各种前端打印方法之CSS控制网页打印样式

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0 赞 0 分享

响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0 赞 0 分享

响应式WEB设计学习(2)—视频能够做成响应式吗

除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0 赞 0 分享

响应式WEB设计学习(3)—如何改善移动设备网页的性能

究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0 赞 0 分享

网页设计必备手册 216网页安全色大全

网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0 赞 0 分享

网页设计中设计出有层次感的界面的经验介绍

很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0 赞 0 分享
查看更多