门户网站改版之用户体验

所属分类: 网页制作 / 应用技巧 阅读数: 920
收藏 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的新首页无疑是众多门户之中改动最大的,
更多精彩内容其他人还在看

更受欢迎 更具创造性的深底色网页设计实例

最新的调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。
收藏 0 赞 0 分享

有创意的关于我们网页页面设计

本文收集了一些“关于我们”网页页面,60个漂亮的有效果的对用户非常友好的关于我们页面的设计实例。希望你能从中获得设计灵感。
收藏 0 赞 0 分享

整洁漂亮的网页设计的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这4项原则就是:反差, 重复, 排列, 和分类。
收藏 0 赞 0 分享

设计参考 WordPress建站成功案例

最近国外有个牛人收集了 16 个专门收集 wordpress 精彩建站案例的网站,对于每一个 wordpress 迷来说,这都是一份大礼。
收藏 0 赞 0 分享

新闻风格网站设计实例25个

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。
收藏 0 赞 0 分享

网页文字设计应该像聪明女孩穿衣服

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方
收藏 0 赞 0 分享

怎样设计网页?怎样制作网页?

  在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。   其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”
收藏 0 赞 0 分享

网页可读性提高的几个方法

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
收藏 0 赞 0 分享

网页设计心得:页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格。   重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。   颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。 &middo
收藏 0 赞 0 分享

网页设计人员应该注意的43个Web设计错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。 1. 用户必须
收藏 0 赞 0 分享
查看更多