IM官网全新蜕变: 改版(第一期)设计总结 - 腾讯ISUX

官网作为用户了解一个产品最权威和直接的窗口,应该承载什么样的内容,取决于产品特征和调性。QQ是中国用户量最大的即时通讯件之一,功能越来越细致、丰富,仅仅提供展示和下载产品的信息源当然远远不够。我们迫切希望不仅仅是新品发布,QQ每一次改版的创新功能点,以及越发年轻化的品牌基调都可以更直接有效的传递给用户,让大家喜欢QQ,爱上QQ。同时进入官网能更加快捷的解决注册、下载以及安全问题。所以在这个前提下,IMQQ官网改版迫在眉睫。

探索需求

改版的前提是弄清楚修改的出发点,才能梳理出解决方案。在此,团队做了一次用户调研,总结出了我们需要优化的方向。

一.访问目的以下载为主,QQ安全和新版本功能介绍也非常重要

从用研结论上看(如下图),QQ用户进入官网的预期和行为基本一致,其中下载的占比66%,其次是安全服务的需求或了解最新版本功能,占比分别是60%和40%。

同时对照百度搜“QQ”关键字的数据,QQ下载搜索量排名第三(图2),可以进一步验证用户进入IM官网首要诉求是下载。

二.官网界面美观和流畅度需要提升,同时应做好多平台适配

在移动互联网这个大趋势下,用户使用移动设备浏览网页越发频繁。而对于使用电脑的用户,随着电脑屏幕越来越大,分辨率也随之增高,他们越发习惯精美的大图和饱满的网页设计。在大趋势下,web设计所运用的技术有了新变革,设计风格较几年已有所进步。所以,全新的信息结构与视觉表现,也是此次改版的最重要任务之一。

结合用研数据与对网页结构的分析,关于改版,我们得到了一致的结论:

1.全新视觉风格+丰富内容承载

原官网界面比较中规中矩,所承载的功能和内容较少。而用户调研的结论是,用户除了完成下载以外,最多的便是了解增加的新功能,学习新功能使用方法;或遇到使用问题后,希望在官网上寻求解决方案。

2.功能服务(快捷下载/注册/安全信息)的需求

从调研中发现用户非常注重下载,安全、注册等服务。他们希望在遇到问题的时候在官网上能找到相应的解决方案。所以加强快捷下载,账号安全等服务入口也非常重要。

3.移动端的适配

移动端的用户使用量增大,需要完善手机端IMQQ官网的体验,完成移动端和PC端的官网适配。同时注重手机QQ在PC端下载的途径,减少用户操作成本。

设计方案

所以依照以上诉求,新版官网从结构和布局上我们都进行了全新的探索。

从最初的交互方案一步一步优化至最后的过程稿中,我们不断地修改和反思。历经了方案的修改、推翻、回炉,整个官网信息结构逐步开始清晰:

那么最后的方案究竟做了哪些特别的优化呢?

一.强化运营

(1)优化首页推广运营模块

随着设备biger than biger,网页主流分辨率提升到了1366*768。网页设计更多的开始思考,如何利用越来越大的屏幕的空间。于是这次改版的首页顶部采用大图、大文字方式展现产品;打通全局导航,让页面更加通透。全屏的Banner会给进入网站的用户带来前所未有的视觉冲击力,并加强了内容的吸引力。Banner上常驻的“立即下载”按钮让用户高效转入对应平台子官网,进行下载。

(2)增强重点功能的运营

第二屏开始,开辟了成列QQ专题的展示区,用于介绍QQ最新主推功能点,以及一些新玩儿法。页面采用视差设计,希望用户在向下滑动浏览中,通过嵌入的图片、视频对该功能有更明晰的感受,同时也增加了网页的趣味性。

二.优化下载途径

我们将下载页中的内容全部放出,放弃了旧版分为“电脑端”和“移动端”两个tab的结构。由于QQ产品平台众多,我们将他们细分为三类,按照用户使用量决定的三大台:QQpc版,QQ手机版和QQipad版;接下来依次是mac版,国际版以及windows phone等较大使用量的QQ产品;“更多产品”里则包含了塞班等少数平台的QQ产品。此结构,用户下滑便可浏览完所有产品,大大减少用户在下载操作上的路径和思考。

三.增加内容沉淀

动态页主要展示QQ相关的运营内容。增加了沉淀专题的“精品专题”,和展示QQ新闻的“热门资讯”页面。充实了新版官网的内容。后续我们将把旧版的QQ象,QQ历程页面收纳其中,并建立QQ团队的博客,为用户进一步了解QQ提供了最有效的途径。

四.强化QQ功能服务模块

(1)全局导航的优化

导航除了主要页面的指引以外,我们还将QQ安全,QQ会员以及注册按钮等放在了页面显著的顶部,方便用户寻找常用服务。

(2)合理利用网页底部空间

经过调研我们发现,用户去子官网浏览查找更多信息的需求是存在的。所以我们将几大主要平台的子官网入口罗列出来放于底部,改变了旧版只能通过Banner运营位进入各个平台官网的单一互动。同时将QQ安全里常用的几项帮助反馈也一一呈现,帮助用户更直观地找到QQ安全相关的维护。

五.传递QQ品牌形象

QQ一直坚持聚焦年轻保持活力,这只企鹅在日新月异的互联网中不断改进优化,至今仍然保持高度活跃。 IMQQ官网作为展示QQ的官方平台当然也要继承QQ年轻化的精神。所以整体官网设计简约纯粹,色彩明快,即使是图片也更加注重青春活力的感觉,希望透过色彩图形等视觉符号,传达出QQ年轻化的品牌形象。

项目成果与后续

新版官网第一期上线后,官网访问量、PCQQ、手机QQ的下载量都有了不小的增长。

  • IM官网,PCQQ官网,手机QQ官网的点击率分别增长:43%,84%,53%
  • 首页轮播Banner的点击率也有了大幅提升:第一张轮播banner点击率提升14.32个百分点;第二张则提升了13.04个百分点
  • 并且带动了QQ的下载量:PCQQ下载量提升100%;手机QQ下载量提升233.5%

那么此次改版是否有解决用户的需求呢?

在上线期间,我们在官网上设置了“官网小调查”的入口,对于下载流程的优化,新增的功能介绍和专题、新闻沉淀页等新增板块着重进行了调研,得到的反馈如下:

  • 用户普遍都非常认可改版后下载QQ更加便捷了,寻找解决安全问题的入口也比较方便。
  • 对于网页整体的设计满意率较高,但流畅度的满意率相对一般。

后续,我们会将“QQ历程”“团队博客”等模块逐一完成并发布,并逐步完善网站用户体验和流畅度,请各位尽请期待。如有任何意见和问题都可以及时反馈给我们,感谢大家对IM官网的关注和支持:)

大家可以登录im.qq.com体验新版QQ官网哦~

感谢你的阅读,本文由 腾讯ISUX版权所有,转载时请注明出处,违者必究,谢谢您的合作。 注明出处格式:腾讯ISUX (http://isux.tencent.com/imofficial-website-new-transformation-design-summary.html)

原文发布于微信公众号 - 腾讯ISUX(tencent_isux)

原文发表时间:2015-06-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

通俗了解IaaS,PaaS,SaaS

【IT168 评论】云服务已经被大众所熟知,但对于刚接触云计算的朋友来说,仍然是云里雾里的绕着,今天小编就为你解读一下云计算的几种服务模式,IaaS,PaaS,...

1K50
来自专栏BestSDK

产品经理“发疯”前,你得先了解这些技术

如果你经常浏览互联网方面的段子,你就会经常看到诸如“产品经理改需求被打”之类的搞笑娱乐信息,有些互联网公司还会在办公室的墙壁上贴上相关的图纸,用来告诉产品经理,...

38150
来自专栏知晓程序

知晓程序 2.0 新版上线,这些新功能应该这么用

2018 年 1 月 9 号,在微信小程序发布 1 周年之际,知晓程序 2.0 新版本全新上线,进一步开拓服务、追求极致,感谢你一路陪着我们成长,新的变化在此与...

12230
来自专栏大数据文摘

谷歌年度狂欢2017I/O大会6大亮点曝光,机器学习将是主角

26360
来自专栏VRPinea

百度、腾讯、火狐,这些知名浏览器都紧盯的WebVR究竟有何魅力?

34480
来自专栏微信公众号:Java团长

Java程序员涨薪必备技能(1-5年必看!)

工作1-5年,当我们向老板提出加薪的时候,或者跳槽去“捡”offer的时候,我们底气够吗?

9610
来自专栏云加头条

EB级别云存储是如何涨成的?

腾讯云存储服务,从开放至今,已支撑EB级存储规模。面对存储规模快速增长、应用数据多样化等挑战如何应对?

85820
来自专栏企鹅号快讯

择业风向标:2018年最需要的7种编程语言,Python排第二

软件开发是动态变化的领域,新需求的编程语言、框架和技术可能会出现,并在未来几年逐渐淡出人们的视野。开发人员需要不断学习新的技能以保持先进性。在编写Dojo时,我...

36680
来自专栏前端架构

UED团队规范设计参考及建议

公司产品线逐渐增多,变动频繁且并行开发,常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件,可以通过抽象得到一些稳定且高复用性的内...

1.2K90
来自专栏包子铺里聊IT

回顾 <程序员练级攻略>

大约四五年前,小编偶然在网上看到这篇 <程序员练级攻略> (首发于酷壳网), 文笔流畅,内容实在,十分受用。到今天,技术届的发展天翻地覆,再来回顾这篇“大文”,...

80870

扫码关注云+社区

领取腾讯云代金券