优界网

首页 > 教程经验 > 化繁为简,全新蜕变——UC中文版官网改版小结

化繁为简,全新蜕变——UC中文版官网改版小结

101

0

0

2015-04-23 20:09:19

 青青莲子

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

2012年,UC浏览器的用户量突破3亿,成为名符其实的中国第一大手机浏览器。而UC官方网站——作为公司形象展示及产品介绍推广的重要平台,构建得并 不十分完善,在视觉设计和网站构架上有许多不尽如人意的地方。在2011年年底,为了配合UC走向世界的主旋律,UC英文官网进行了一次全新改版,改版后 的整体视觉效果更具冲击力,更显国际化,访问量得到了显著提高。所以,中文版的改版势在必行。经过为期一个多月的前期调研和准备,在英文官网改版经验的基 础上,开始了中文版官网的改版。

通过调查后对网友意见的汇总,我们总结出旧官网存在如下不足:

UC浏览器是一款全球领先的智能手机浏览器,具有智能、极速、安全等特性,由此我们联想到轻便、快速、聪明等关键词,而今互联网产品的网页设计风格大多趋 向于简洁、开阔、轻盈,结合UC产品的特性以及互联网主流的审美走向,并摒除了旧官网的不足,我们为新官网确立了新的基调:

确立好简洁、科技、大气这三个主要的关键词后,我们搜集了一些符合这个基调的网页参考。

旧官网的配色是以橙色、灰色为主,但是在统一性上做得不够,许多子页面出现混搭其他色系的错误做法。新官网将继续沿用橙色加灰色的色调,并严格执行色调的统一。

旧官网构架的最大问题是产品下载板块,存在操作次数过多、步骤繁冗、下载方式不够直观等问题,所以新官网整理框架的首要问题是将下载页面化繁为简、优化下载体验。主要作了以下几个方面的更改:

  • ·分块展示下载方式;
  • ·所有下载均以悬浮框的方式进行,下载无须打开新页面,全部在当前页面完成;
  • ·摒弃了下拉框的选择机型方式,通过字母索引,简便两步:选品牌——选型号,即可直达下载;
  • ·增加整站对于产品下载的指引;
  • ·统一了页面所有下载按钮的样式,增强了下载指引的连贯性;

 

为了达到预期的清爽、大气、开阔的设计效果,首页的焦点区域采用了完全打通的形式,高度也相应加大,页面留白增加,板块的间距适度增大,开阔、透气的设计令视觉冲击力得到强化。

UC浏览器是UC最重要的产品,它的资讯量也最大,所以我们把它独立于其他产品页,给予单独的首页、功能介绍页、专题更新页等,以便能承载更多资讯。新官网还对页面和板块进行了精简,删去了部分信息陈旧的子页面,减掉了没有意义的图片边幅。

考虑到页面大块的留白和简洁的配色,banner的设计多采用了对比强烈的色彩和突出的主视觉,让其起到提亮整个页面的作用,和简洁的版面构成和谐而鲜活的整体。在设计banner的过程中,力求细致、精美、贴合产品特性,并且能够在设计风格上保持一定的关联。

将产品功能特性介绍的配图进行重新设计设计,用黑白图示的方式逐渐取代原来的彩色图标的介绍方式,令设计更有质感。

新官网上线后,UC浏览器日均下载量上升了26%,其中Android平台上升了47%,塞班平台上升了42%。全新的视觉使产品的推荐力度得到加 强,用户更易从官网的指引进入下载流程;优化了下载流程,减少下载流程损耗从而提高下载量;页面层级关系清晰,资讯传达更加明确,透过官网这个窗口,更生 动、更鲜活了展现了UC领先全球的企业形象。

由于时间的关系,新官网的改版也存在着不足之处,我们会在日后一一改进,也希望大家能和我们一起共同探讨,给予更多好的建议。

原文链接:http://red.uc.cn/?p=883

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

  • 刚刚
  • 登录优界网 ×