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

2012/11/15 12662

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/uc-red-1

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里