案例回顾-彩程软件设计

彩程设计



四川移动门户网站

有时,需要我们再大胆一些。

接到任务

四川移动接到总公司要求,对门户网站进行全新改版。
我们的任务是协作这次改版的设计工作。

改版必要

门户管理、网络营销、电子商务、用户体验......何其浩瀚的海洋!网站目前所涉及的东西太少太少,需要做的实在太多太多。

老网站确实从各个方面都显得落后。
设计风格单调陈旧,760的宽度那是早几年的标准了,浏览器间不兼容那是一直存在,前端代码混乱无组织,页面加载速度很慢。这些都严重影响用户体验,甚至还吓跑了不少用户。

我们的工作重点,一是对集团公司给出的网站设计规范进行梳理,针对四川移动自身网站业务特点,进行优化设计。二是运用合理规范的前端技术进行网站重构。

集团规范

我们首先对集团工作发放的新版设计规范进行梳理,明确哪些是需要严格执行,哪些是可以适当做出调整。

例如页面布局、导航栏形式、功能块封闭式设计、字体段落格式等都基本遵从规范。 我们认为有提升空间之,与在与局方的交流之后,作出调整。例如,在列表型模板使用渐变蓝色的背景,再配上各种修饰图标,看似丰富的页面,实则画蛇添足。一来花哨的设计降低文字可读性,分散用户关注信息,二来使得页面累赘,占用带宽,降低访问性。

新版出炉

视觉设计

经过一个月的沟通设计,网站设计成形,风格上力求清新简洁,以渐变色彩和云纹等元素为其增色,以紧凑排版合理留白增强易读性。网站上各个细节图片精心打造,内容排版力求统一规范。

前端开发

移动门户网站内容丰富,页面众多。整站模板页面统计多达数百。如何利用有效合理的管理这些模板及其样式非常考究。我们根据频道栏目设计特点,除最基本的默认样式,布局样式以外,分成若干频道相关样式,再将常用控件如表格、box、tab、按钮等,进行归纳。最终为有效管理样式提供可能。

新版中还大量涉及tab切换,其中更有甚者用到了3重tab嵌套,将这些代码尽量优化简洁,增加重用性和嵌套性,便于一般网站编辑人员调用。

上线前后

网站建设90%的工作还是在排版。看似繁琐,实则最为基础。基础牢固,整体才有发展的可能性。

设计工作完成,模板制作完毕,那仅仅完成40%的工作,而后,大量的精力投入了内容录入核查和编辑中去。网站内容精确无误——这个是移动门户网站重中之重,一个错误的数字、一个失效的链接,都有可能影响到客户对网站和企业品牌形象的认可。通过大家一起的努力,终于按时完成割接,正式上线。但是工作尚未结束,因为网站内容录入的规范性被提到一个高度。以前录入文案字体段落图片样式没有统一规范。本次新版,要求全部按照统一格式录入,这些工作会在上线后陆续完成。可见,要想做好这些工作,任何细节都不可弃之不顾。

凭心而论,新版品质上较于老站有了质的提升,然后静心思考,还有很多提升的空间。 首先,过于遵循规范,突破不够大胆。其次,改版流于外观调整,对于信息架构,业务组织没有深入挖掘。