卢松松博客

2012搜狐焦点首页改版心得

 人参与 | 时间:2012年10月18日 21:59

三季度,焦点房产首页进行了一次大的改版,这次我负责了页面视觉设计。

这次改版的方向和目的是:”以用户为中心,帮大家找好房”,提高用户通过首页进入楼盘详情页的到达率。

改版项目启动后先和产品同学做了沟通,针对改版需求做了分析,对于布局也参与了讨论。

2012搜狐焦点首页改版心得 好文分享 第1张

讨论结果,上一版在首屏更多突出的资讯,占了首屏的主要位置,这样用户进入首页后不便于找到搜索,另外楼盘的信息也相对靠下,用户需要翻过首屏才能看到。针对主要问题,产品在出UE时,做了多种尝试,同期我考虑风格,并按不同的UE做尝试。

在风格上,明确了需要保持继承性,要保留焦点的立体风格元素,同时根据页面设计发展趋势,去掉过多的装饰,采用简洁的风格进行设计。期间对近期主流网站都做了分析和研究,同时也重点关注了对手首页,比较优缺点。

2012搜狐焦点首页改版心得 好文分享 第2张

讲过尝试,在产品UE的基础上,推出了两个尝试方案:

方案A:相对保守,对搜索区域加宽至通栏,右侧摆放工具,方便用户找房。

2012搜狐焦点首页改版心得 好文分享 第3张

方案B :这个大胆一些,相对上一版,是一个突破,将搜索置于顶部,导航之上,更符合用户找房的目的。

2012搜狐焦点首页改版心得 好文分享 第4张

另外在设计过程中得到了数据同学针对运行中的首页,进行了热力分布图记录,对布局调整给予了有力支持。

最终确定了B方案。

之后产品出完整UE,然后一气呵成,期间我们交互设计师子轩同学也积极参与,提出各种改进想法和建议。

2012搜狐焦点首页改版心得 好文分享 第5张

另外说一下关于首页宽度。

在最初的讨论中就涉及到是否加宽页面宽度。

最近一年有多家网站的宽度做了变宽调整,例如腾讯首页的宽度改成了1000PX,和产品一起做了内部讨论,基本确定加宽页面宽度。

加多宽呢,但如果用1000px,就要出新的尺寸(焦点现有尺寸包括950、980、1002。如果要变宽,可以选择到1000,这样在1024下能够正常显示。),当然也有好处,更便于建立栅格体系。

最终讨论结果,采用1002,不出新的尺寸,更好满足广告系统,关于栅格系统,有一单列间隙定位12px给予解决。

本文来源:搜狐焦点UED

相关阅读:

网站改版的SEO注意事项

如何恰当地进行网站改版?

网站应该什么时候进行改版?

这才叫改版:阿里巴巴资讯站升级项目总结

顶: 0踩: 0

来源:,欢迎分享,(QQ/微信:13340454)

原文地址:http://lusongsong.com/info/post/270.html

必填

选填

选填

◎已有 17 人评论,微信搜:QQ13340454

1楼囧事  2014-01-18 12:57:23
专业设计效果就是不同,大网站除了运作,门面也很好看。任何一次改版都很艰难……
顶: 0踩: 0 回复
2楼广州seo  2012-12-05 22:14:46
小站在这方面一点优势也没有啊
顶: 0踩: 0 回复
3楼广州seo  2012-11-29 20:32:00
百度排名是门很深的学问
顶: 0踩: 0 回复
4楼广州seo  2012-11-22 19:42:45
百度排名是门很深的学问
顶: 0踩: 0 回复
5楼广州seo  2012-11-22 10:15:39
说得太对了,可惜我不懂网页设计..
顶: 0踩: 0 回复
6楼广州seo  2012-11-10 20:04:35
工作原理是这样的
顶: 0踩: 0 回复
7楼广州seo  2012-11-07 10:15:17
原来是这样,一直困惑中
顶: 0踩: 0 回复
8楼电影  2012-10-25 10:35:31
目前很多大站 采用1000px
顶: 0踩: 0 回复
9楼幸福快乐网  2012-10-19 15:26:44
专业设计效果就是不同,大网站除了运作,门面也很好看。
顶: 0踩: 0 回复
10楼张力  2012-10-19 11:05:24
喜欢第二种的版面设计!
顶: 0踩: 0 回复
11楼免费天空网  2012-10-19 10:59:11
没办法 现在soufang做的太厉害了
顶: 0踩: 0 回复
12楼旅途者  2012-10-19 08:48:45
好复杂的……
顶: 0踩: 0 回复
13楼分文博客  2012-10-19 08:03:59
额 没听说过这网站
顶: 0踩: 0 回复
14楼孙钢SEO  2012-10-19 07:39:10
网站改版可不是小事,很多时候都是因为改版没有事前规划,而导致网站受损~
顶: 0踩: 0 回复
15楼hostgator优惠码  2012-10-19 00:36:41
这样的模版不错,准备一下,还是把模版换掉。
顶: 0踩: 0 回复
16楼老鹰主机  2012-10-19 00:32:01
还是不要轻易改版,稳步发展才是真。
顶: 0踩: 0 回复
17楼手写体博客  2012-10-19 00:07:11
任何一次改版都很艰难……
顶: 0踩: 0 回复