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