当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 大型门户网站腾讯QQ首页改版流程

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 大型门户网站腾讯QQ首页改版流程


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 178 ::
收藏到网摘: n/a

  对于大型门户网站的改版流程是怎么样的?参与的团队有多少?一般的步骤又是怎么样呢?相信很多网友都想了解,下面就以腾讯首页改版为例子,看看QQ新首页设计过程的酸甜苦辣。本次和大家分享了很多设计上的理念问题,相信看过后大家会对网页设计有不一样的体会。

  酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑!反响热烈!让我们来分享它成功背后的酸甜苦辣吧。

  腾讯网首页改版终于开花结果。于2008年3月25日6:00准时上线。整整一年的时间,经历了无数次的挫折和挑战,无数次的等待和蜕变,终于破茧化蝶。本次改版完全颠覆性的大胆尝试,迈出了建站以来至为关键的一步。

  一、QQ首页改版背景

  无论是从用户体验还是页面结构设计来看旧版的腾讯网首页都已不能很好的满足用户的需求和承载公司的业务展现了。QQ.Com是公司级平台,为了巩固现有门户的媒体资讯优势,加强公司其他业务的拉动,打造中国第一的网络平台,提高公司的影响力,重新规划和设计现有的网站刻不容缓。这中间我们将面临最大的挑战是:
  1、如何平衡资讯/业务/广告的需求?繁杂的内容如何通过板块划分来合理布局和协调?
  2、如何突显自己的风格?既容易被大众接受又不乏个性化?

  这些看似矛盾的诸多方面将是我们本次改版的关键点和难点。

  往年的QQ首页对比大观:

大型门户网站腾讯QQ首页改版流程
旧页面1

大型门户网站腾讯QQ首页改版流程
旧页面2

大型门户网站腾讯QQ首页改版流程
旧页面3

  二、QQ首页引人瞩目的亮点

  本次改版经历了无数次脑爆,无数次破陈推新,积累了很多别出心裁的闪光点,也淘汰了很多不合时宜或者过于前卫的想法,最后留下来的是最宝贵的沉淀。

  1、个性化换肤设计:一方面突出soso的表现,一方面借此位置展现丰富个性的皮肤设计:

大型门户网站腾讯QQ首页改版流程
多样化皮肤设计

  2、新颖的天气icon:细腻的天气图标将是页面上的点睛之笔,该套天气图标的风格将会延续应用到所有其他公司产品上。

大型门户网站腾讯QQ首页改版流程
天气ICON

  3、布局的大胆整合:强化推广业务的能力,增加用户的互动性。新闻区满足地区用户个性化的定制。

大型门户网站腾讯QQ首页改版流程
自定义地区

  4、其他调整:

  页面宽度:为适应宽频的普及,本次采用了910尺寸,承载更多的信息量。
  文字大小:采用“14”号字体 ,适应宽屏的显示。并使用户阅读过程满意度更高。
  视频广告:提供更加丰富的广告表现方式,提升广告价值,给用户带来全新的视听享受。

  三、腾讯网首页蜕变的七次历程

  腾讯网首页是跨团队合作的项目,最终的成功上线与完善科学的工作流程分不开的,更与整个团队的奋斗分不开的。

  设计流程:

  需求分析——交互设计——视觉设计

  1、专业的需求分析:

  全面的战略规划/用户分析/竞品分析

大型门户网站腾讯QQ首页改版流程
战略规划图

大型门户网站腾讯QQ首页改版流程
用户分析与竞品分析

  2、激情的交互创新:

  交互体验的创新是交互设计阶段最头疼的一件事情,经历了无数次的尝试,这是能力和耐力的较量,是精益求精的雕琢,一个小小的button优化都可能直接影响着点击量和收入的变化,这中间太多的挫折和考验…

大型门户网站腾讯QQ首页改版流程
数量庞大的备选方案

  3、坎坷的视觉之路:

  成功=无数次失败+ 永不言败。
  迄今为止,参与过QQ首页设计的视觉设计师有9位之多。我们摸索了近一年的时间。
  这中间尝试的设计稿不计其数,大的风格调整就多达十几次。所有设计稿件近百份。
  让我们看看业务导航区的细节调整稿:

大型门户网站腾讯QQ首页改版流程
坎坷的视觉优化

大型门户网站腾讯QQ首页改版流程
不同风格尝试一

大型门户网站腾讯QQ首页改版流程
不同风格尝试二

  这一年时间里,经过和Pony的七次碰撞,也是QQ首页经历最重要的七个阶段。Pony有时甚至亲自指导:每一个模块的位置和表现、文字的大小和颜色;包括业务导航区的每一个产品都是他亲自斟酌敲定。
  2008年03月25日6:00,这激动人心的时刻,所有人都坐立在电脑面前,刷新!刷新!再刷新!看到新版的那一刻沸腾了,我们期待的太久,激动的心狂跳不止,无法用言语表达,大家不约而同的鼓掌庆祝,这一刻我们终于等来了。

  四、腾讯网首页改版的满意度调查

  本次上线同时对外发布了《腾讯网首页改版用户满意度调查》问卷,让我们第一时间听到用户的反馈声音……

  “改版后的风格更加简洁,专业。更加像一个门户网站了。多了一个清新的SOSO导航搜索工具,并且可以自定义10种颜色, 同时显示当地的天气情况。 ”
  “腾讯网首页今日改版。新版界面第一直观感受,大气、信息、热点体现到到位。还提供了10套颜色样式供选择,很个性,很2.0 ,呵呵。”
  “今天晚上突然发现QQ.com改版了,打开页面后,感觉眼前一亮,比以前漂亮了很多,而且版面设置也比以前合理了,看起来也比旧版的更加简洁明了,一目了然,不像旧版的那样给人以很乱的感觉。
  “新的QQ主页支持换肤功能,可以选自己喜欢的样式,和Yahoo的类似,不过Yahoo的只能换颜色,而QQ的还有花纹图案,比Yahoo的要高档一些,哈哈~”
  “昨天见证了腾讯网首页改版!
  一大清早上腾讯网首页也没有发现它改版了,晚上回到家里,把腾讯网一打开发现首页变化好多,全新的界面,帅呆了!
  反正挺激动了,越来越明晰了,一个字形容,帅闭了!”

 

  本次回收了有效样本上万份,根据新版得分的平均分和分布情况判断,对新版的满意度较高。并且平均分值相比同类网站都要高。5分以上占56.8%(7分制)。说明腾讯网首页改版较为成功,并且比腾讯以往的改版数据都要振奋人心。

大型门户网站腾讯QQ首页改版流程
问卷调查统计

  CDC一直期望能为大家展现每一次的高水准的作品,本次改版还有很多不足之处,但我们会不断的摸索和尝试,全力以赴的精益求精,努力打造“中国第一网络平台”。