转载这个文章的原因,是这个项目的难以挥去的记忆。为这个项目组的所有成员付出的努力而高兴,这个项目的成功而自豪。对于Q首,至今我还在保存着那些回忆:第一次与小马哥汇报的紧张感,四年前的梦想终于实现,一次次的改变到像素级的调整,太多太多……,还有这个项目的资料,我会一一记录并封存起来,我想,几十年后再翻开它,会欣然一笑。不酸了,请各位往下看。
转载来源:Tencent CDC Blog 作者: 小Li
酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑!反响热烈!让我们来分享它成功背后的酸甜苦辣吧。
腾讯网首页改版终于开花结果。于2008年3月25日6:00准时上线。整整一年的时间,经历了无数次的挫折和挑战,无数次的等待和蜕变,终于破茧化蝶。本次改版完全颠覆性的大胆尝试,迈出了建站以来至为关键的一步。
一、QQ首页改版背景
无论是从用户体验还是页面结构设计来看旧版的腾讯网首页都已不能很好的满足用户的需求和承载公司的业务展现了。QQ.Com是公司级平台,为了巩固现有门户的媒体资讯优势,加强公司其他业务的拉动,打造中国第一的网络平台,提高公司的影响力,重新规划和设计现有的网站刻不容缓。这中间我们将面临最大的挑战是:
1.如何平衡资讯/业务/广告的需求?繁杂的内容如何通过板块划分来合理布局和协调?
2.如何突显自己的风格?既容易被大众接受又不乏个性化?
这些看似矛盾的诸多方面将是我们本次改版的关键点和难点。
往年的QQ首页对比大观:
二、QQ首页引人瞩目的亮点
本次改版经历了无数次脑爆,无数次破陈推新,积累了很多别出心裁的闪光点,也淘汰了很多不合时宜或者过于前卫的想法,最后留下来的是最宝贵的沉淀。
1. 个性化换肤设计:一方面突出soso的表现,一方面借此位置展现丰富个性的皮肤设计:
2. 新颖的天气icon:细腻的天气图标将是页面上的点睛之笔,该套天气图标的风格将会延续应用到所有其他公司产品上。
3. 布局的大胆整合:强化推广业务的能力,增加用户的互动性。新闻区满足地区用户个性化的定制。
4. 其他调整:
页面宽度:为适应宽频的普及,本次采用了910尺寸,承载更多的信息量。
文字大小:采用“14”号字体 ,适应宽屏的显示。符合阅读的流行趋势。
视频广告:提供更加丰富的广告表现方式,提升广告价值,给用户带来全新的视听享受。
三、腾讯网首页蜕变的七次历程
腾讯网首页是跨团队合作的项目,最终的成功上线与科学的工作流程分不开的,更与整个团队的奋斗分不开的。
设计流程:
需求分析——交互设计——视觉设计
1.专业的需求分析:
全面的战略规划/用户分析/竞品分析
2.激情的交互创新:
交互体验的创新是交互设计阶段最头疼的一件事情,经历了无数次的尝试,这是能力和耐力的较量,是精益求精的雕琢,一个小小的button优化都可能直接影响着点击量和收入的变化,这中间太多的挫折和考验…
3.坎坷的视觉之路:
成功=无数次失败+ 永不言败。
迄今为止,参与过QQ首页设计的视觉设计师有9位之多。我们摸索了近一年的时间。
这中间尝试的设计稿不计其数,大的风格调整就多达十几次。所有设计稿件近百份。
让我们看看业务导航区的细节调整稿:
这一年时间里,经过和“小马哥”(马化腾)的七次碰撞,也是QQ首页经历最重要的七个阶段,他有时甚至亲自指导:每一个模块的位置和表现、文字的大小和颜色;包括业务导航区的每一个产品都是他亲自斟酌敲定。
2008年03月25日6:00,这激动人心的时刻,所有人都坐立在电脑面前,刷新!刷新!再刷新!看到新版的那一刻沸腾了,我们期待的太久,激动的心狂跳不止,无法用言语表达,大家不约而同的鼓掌庆祝,这一刻我们终于等来了。
四、腾讯网首页改版的满意度调查
本次上线同时对外发布了《腾讯网首页改版用户满意度调查》问卷,让我们第一时间听到用户的反馈声音……
“改版后的风格更加简洁,专业。更加像一个门户网站了。多了一个清新的SOSO导航搜索工具,并且可以自定义10种颜色, 同时显示当地的天气情况。 ”
“腾讯网首页今日改版。新版界面第一直观感受,大气、信息、热点体现到到位。还提供了10套颜色样式供选择,很个性,很2.0 ,呵呵。”
“今天晚上突然发现QQ.com改版了,打开页面后,感觉眼前一亮,比以前漂亮了很多,而且版面设置也比以前合理了,看起来也比旧版的更加简洁明了,一目了然,不像旧版的那样给人以很乱的感觉。
“新的QQ主页支持换肤功能,可以选自己喜欢的样式,和Yahoo的类似,不过Yahoo的只能换颜色,而QQ的还有花纹图案,比Yahoo的要高档一些,哈哈~”
“昨天见证了腾讯网首页改版!
一大清早上腾讯网首页也没有发现它改版了,晚上回到家里,把腾讯网一打开发现首页变化好多,全新的界面,帅呆了!
反正挺激动了,越来越明晰了,一个字形容,帅闭了!”
本次回收了有效样本上万份,根据新版得分的平均分和分布情况判断,对新版的满意度较高。并且平均分值相比同类网站都要高。5分以上占56.8%(7分制)。说明腾讯网首页改版较为成功,并且比腾讯以往的改版数据都要振奋人心。
CDC一直期望能为大家展现每一次的高水准的作品,本次改版还有很多不足之处,但我们会不断的摸索和尝试,全力以赴的精益求精,努力打造“中国第一网络平台”。
7 Responses
在看你文章的时候我还专门上了QQ首页去瞧瞧, 不觉得有什么亮点! 也许是因为我是菜鸟吧! 就我这菜鸟的眼光来看: 网易不错, 可惜的是雅虎中国都快堕落成一生活信息网站了!
一年时间有点长了!!呵
其它的先不说,光时间就让所有人都抓狂,哈!!
不错不错,好文章,就喜欢看这种的。
还了解了一个CDC的blog,里面还真有不少好文章。早点知道就好了。
做过大型门户网站改版的人才了解得出来其中的好。
要是能把“理想稿 过程稿 概念稿”之类的也都发上来就好了。哎,有点奢求了。一般这种属于公司机密。
哇,做得真不错,不是我们能想的,这应该是团队的精神啦。~
我终于看到腾讯网首页的历史介绍了,可是还是没有看见在首页上放置会员照片的哪个页面,希望可以看到
这个的确很棒:)艰辛啊。。。