北京网站升级重释

你可以看到我重设计过程中的思路,这是一篇非常实用的干货!

@网络编辑小王:北京市政府网站(特别是我们国产的),给人的印象都不太积极,大红大黄、内容空洞、几年不更新等等。不久前也看到了几例很火重的改版,例如京东官网改版、百度地图改版、搜狐新闻改版等等,这些给我带来不少灵感。正好这段时间领导要求对beijing.gov.cn进行一次首页大升级,我就按照国内重设计的理念来做了。

国内的网站还是有一些思维局限的。之前有人说做成国外公司那样高大上,其实不现实。我们做重的改版,最终的目的还是要让出来的效果无论在视觉上还是在易用性上都比原来的好,不能只看重设计的美观和时尚而忽略了实用性。

比如beijing.gov.cn是一个面向市民服务的综合网站,用户群体比较广泛,既包括普通市民也包括外籍人士。而且随着互联网的普及,越来越多的年轻人开始访问政府网站,他们有着自己的审美和习惯。

所以在做重的改版之前,我首先对国内的重点 website进行了浏览,从中国政府网开始,看完了所有的部委网站和一部分省级政府官网。

看完后感觉还是有些喜忧参半,传统的网站依然存在不少,就是大家印象中的那种大红大黄、内容空洞的网站占到一半吧。但是有几个网站很不错,甚至是棒极了。

http://www.gov.cn/),这个是所有政府网站的龙头老大,大家可以点进去看看。蓝色、简洁的风格,感觉很清新,当然头部设计上有点粗糙,不那么像大国的中央政府官方网站。但作为一个龙头老大,放弃了大红大黄,去探索新的东西,本身就是一件很进步的事情。

http://www.ndrc.gov.cn/),这个网站将发改委的职能基本上都发挥出来了,有新闻通知、政策发布、文件资料下载等等,内容很多但是不乱,给人感觉非常整齐,也很权威。当然也有一些需要改进的地方,比如UI细节不是很精良,首屏比下面复杂造成头重脚轻。

http://www.zj.gov.cn/),这是我的家乡的官方网站。有没有感觉很舒服,很清新呢?特别是这个“浙江梦”的banner做得很好,一看就让人印象深刻。虽然看起来很简洁,但这个网站实际上非常复杂,内容丰富,路劲很多,可以好好看看。看完这个网站,我真的很觉得官方网站不是没有希望,还是有很多人在努力改变,尝试变好的。

政府网站为什么这样呢?原因很多人不一定看得清楚。我在做重的改版的时候,找出了一些因素,和大家分享。

一、风格基调:大红大黄是我国革命传统的象征,这个是没办法改变的事情,设计师和领导都没有办法。当然也有例外,但这种情况并不多见。

大红大黄并不一定就会让网站看起来很丑,但是把大红大黄当作背景色来处理,就基本上必丑无疑了。

二、用户使用习惯:不见得每一个上政府网站的访客都是中老年人,也不见得每个中老年人都不喜欢时尚。但是你让他们迁就你的设计思维那就很不合适了。很多中老年人都是非常忙碌的,尤其是领导干部。他们没有太多的时间去看网站,所以在设计上一定要简洁实用。

三、素材问题:这一点很多都不太清楚。我在做重的改版的时候,很受这一条限制。

主要是两个方面:一是文字,比如一个通知的标题可能就是“关于开展全市XX工作的意见”,这样的标题就很长,而且不能删减;二是图片,比如政府会议的新闻图片,光线暗、角度不合适,很难让人看清楚。

四、领导偏好:这一点大家都懂。比如某些领导喜欢方形的元素,有些领导喜欢圆形或三角形等。

说了这么多,回归主题,我来谈谈我的重的改版。

这次重设计带有半概念性质,也就是说领导的喜好会直接影响到最终效果。

网站升级是为了改善内容分布逻辑(优胜劣汰)以及视觉体验。在内容的设置上,我主要是根据业务权重来进行划分的,在视觉上我主要采用了另一种风格——把大红大黄这种象征性的元素用点缀的形式体现,而不是用作背景。

具体到各个板块的设计,我会结合国内外的一些优秀实例来阐述。

首先来看一下这次改版之前的网站,这是前任的作品,那时候我还不太了解情况。

(此处省略部分内容)