新浪网首页改版小结精选.pdf

新浪网首页改版小结 2013年4 月1日愚人节 ，新浪紧跟随网易、腾讯的步伐 ，将首页进行了改版。改版 在视觉体验、流 量效率、个性化以及资源互通方面都有了可喜变化。本文主要在视觉体验层面 ，用新浪新版首页与 新浪旧版首页、当前搜狐首页分别进行对比 ，总结出若干变化点 ，希望能给设计师在做改版设计时 带来帮助。 新浪联席总裁兼CO O杜红表示 ：“新浪网此次改版 ，是继98年成立至今15年以来的一次重大变革 ， 完全基于满足和贴近用户不断涌现出的在个性化、社交化、本地化和移动化等方面的需求 ，同时 ， 也希望通过改版能够打通新浪网与新浪微博两大平台 ，使两者之间产生协同效应 ，从而扩展新浪网 的门户边界。” 　　一 ，新浪改版目标 社交化 ：此次改版最大的亮点就是融入了社交化元素 ，将新浪微博与新浪网打通 ，依托新浪微博平 台衍生的社交关系和碎片化信息 ，同时基于用户兴趣偏好和过往浏览记录的算法 ，为用户提供兴趣 匹配度高的内容 ，更好的满足用户对社交化的需求。本次打通包括微博账号登录与状态信息查看、 微博搜索、微博热点推送等。此外 ，在新浪网首页版头位置的搜索区域 ，也将“微博搜索”设置为默认 选项 ，用户通过点击即可直接进入新浪微博搜索界面。 　　(图1)顶部通栏-新浪新版首页 移动化 ：改版 ，包括新浪新闻HD、新浪财经、新浪娱乐、天气通等客户端均可在新版新浪网首页 下载 ，满足用户对移动化的需求。 　　(图2)左侧产品版块-新浪新版首页 　　(图3)顶部通栏下拉菜单-新浪新版首页 个性化 ：通过换一换刷新 ，进行3组8条内容的推荐 ，根据用户在新浪微博上所关注的人群进行了 整合 ，并借此推送来自新浪网各个频道的相关内容。例如 ，如果你关注了大量的足球名人 ，那么 ， 该栏目就会推送大量来自足球界的相关文章。 　　(图4 )猜你喜欢版块-新浪新版首页 　　本地化 ：新浪还通过对各地区用户的访问IP进行精准定位 ，并根据用户访问习惯和兴趣偏好 ， 提供精准匹配的本地化内容 ，满足用户对本地化内容的阅读需求。 　　(图5)本地化内容-新浪新版首页 　　二 ，新浪新版首页 V S 旧版首页 我们从视觉层面将新浪改版前 两版页面进行了对比 ，总结出下表 ： 　　2.1广告 　　a) 首屏文字链广告 旧版 ：广告4 帧 ，每帧38个。 　　(图6)文字链广告-新浪旧版首页 新版 ： 16个 ，在二通新增文字链广告14个 　　(图7)文字链广告-新浪新版首页 　　b) 广告尺寸 新版对图片广告尺寸进行了重新整理。广告尺寸由16种减为8种。 1) 旧版广告 ：64 0x90px;370x 125px;14 0×255;14 0×120;14 0 360 2) 新版广告 ：1000x90px;24 0x350px;24 0×330;24 0×200;24 0×170 　　c) 广告类型 旧版 ：纯展示 ，纯曝光 ，静态+动态展示。 　　(图8)展示性广告-新浪旧版首页 新版 ：基于微博的互动广告 ，即当用户在浏览页面所展示出来的广告时 ，会同时出现该用户的微 博ID。还有来自新浪功能广告平台(A DBO )推送广告。 　　(图9)交互性广告-新浪新版首页 　　2.2内 　　a) t oo lbar 旧版 ：宽度950P ,内容排列逻辑性欠缺。 　　(图10)t oo lbar-新浪旧版首页 新版 ：宽度1000P ，加宽加高。顶部固定通栏 ，引入我的菜单、手机新浪网、移动客户端、微博 、博客、邮箱等产品的快捷访问入口。 　　(图11)t oo lbar-新浪新版首页 　　b) 导航 旧版 ：21个主分类 ，63个入口。 　　(图12)导航-新浪旧版首页 新版 ：导航在数量上没有变化 ，都是21个主分类 ，但由于宽度更宽 ，看起来更加清晰舒适。 　　(图13)导航-新浪新版首页 　　c) 频道版块 旧版 ：标签质感厚重 ，内容版块重点不够突出。 　　(图14 )频道版块样式-新浪旧版首页 新版 ：频道板块在整体位置和条数上区别不大 ，但新版分类更清晰简洁 ，首屏增加了视频和综艺的 条数。最为明显的就是加入了猜你喜欢板块。 　　(图15)频道版块样式-新浪新版首页 　　2.3页面设计 　　a) 宽度、高度 旧版 ：宽度950px ，高度10.5屏。 新版 ：宽度1000px ，高度12屏。 　　b) 页面颜色、页面背景 旧版 ：黄色值为# FED681 ，背景色为白色。 　　新版 ：橘色值为# FC8524 ，背景色依然为白色。 　　c) 页面结