酝酿了将近一个春夏秋冬的腾讯网首页终于亮剑!反响热烈!让我们来分享它成功背后的酸甜苦辣吧。
腾讯网首页改版终于开花结果。于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一直期望能为大家展现每一次的高水准的作品,本次改版还有很多不足之处,但我们会不断的摸索和尝试,全力以赴的精益求精,努力打造“中国第一网络平台”。