1. 主页 > 设计资讯 > 热门新闻

QQ官网是新转型!IM QQ改版设计总结

今天的网站改版绝对值得一看!毕竟是上亿人使用的通讯软件。QQ官网的改版可不是小事。汇集了一大批顶尖设计师的腾讯设计中心,也花了相当大的精力。现在难得分享一下修改过程的经验。不要错过>:>;>。

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

探索需求:

修改的前提是找到修改的起点,然后整理解决方案。在这里,团队做了一个用户调查,总结了我们需要优化的方向。

一、访问的主要目的是下载,QQ安全和新版功能的引入也很重要:

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

同时,与百度搜索“QQ”关键词数据相比,QQ下载和搜索排名第三(图2),可以进一步验证用户进入IM官网的首要需求是下载。

二是官网界面美观流畅有待提高,多平台适配要做好。

在移动互联网的大趋势下,用户越来越频繁地使用移动设备浏览网页。对于使用电脑的用户来说,随着电脑屏幕越来越大,分辨率越来越高,越来越习惯精致的大画面和全网页设计。在大趋势下,网页设计中使用的技术发生了新的变化,设计风格在过去几年中有所改善。因此,全新的信息结构和视觉表达也是本次修订的重要任务之一。

结合研究数据和对网页结构的分析,我们得出了关于修改的一致结论:

1.全新的视觉风格+丰富的内容承载:原官网界面相当满意,功能和内容很少。用户研究的结论是,用户除了下载之外,最重要的是了解添加的新功能,学会如何使用新功能;或者遇到使用问题后,希望在官网寻求解决方案。

2.功能服务需求(快速下载/注册/安全信息):从调查中发现,用户对下载、安全、注册等服务非常重视。他们希望遇到问题能在官网找到相应的解决方案。因此,加强快速下载、账户安全等服务门户也非常重要。

3.移动终端的适配:随着用户在移动终端上的使用越来越多,需要改善移动终端上IMQQ官网的体验,完成官网在移动终端和PC终端之间的适配。同时注意PC端下载移动QQ的方式,降低用户运营成本。

设计方案

因此,根据上述需求,我们对新官网的结构和布局进行了新的探索。

从最初的交互方案一步步优化到最终的流程草案,我们不断的修改和反思。经过方案的修改、推翻和回归,整个官网的信息结构逐渐开始清晰:

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

第一,加强运营:

(1)优化首页推广操作模块

随着设备越来越大,网页的主流分辨率提高到了1366*768。网页设计开始更多的思考如何利用越来越大的屏幕的空空间。所以这次改版的首页顶部用大图和代笔展示产品;通过全球导航使页面更加透明。全屏横幅会给进入网站的用户带来前所未有的视觉冲击,增强内容的吸引力。横幅上的常驻“立即下载”按钮允许用户高效地转移到相应的平台子官方网站进行下载。

(2)加强关键功能的运行

第二屏开始,打开了一个QQ话题的显示区,用来介绍QQ最新的主要功能点和一些新的玩法。页面采用视差设计,希望用户在向下滑动的同时,通过嵌入的图片和视频,对该功能有更清晰的感受,同时增加网页的趣味性。

第二,优化下载路径:

我们发布了下载页面的所有内容,放弃了旧的分为“电脑”和“手机”的标签结构。因为QQ产品平台很多,我们把它们分为三类,根据用户使用情况来确定:QQ PC版、QQ手机版、QQ iPad版;接下来是Mac版,国际版和Windows phone等使用量较大的QQ产品;“更多产品”包括塞班等少数平台的QQ产品。采用这种结构,用户可以通过向下滑动的方式浏览所有产品,大大减少了用户在下载操作中的路径和思路。

第三,增加沉淀含量:

动态页面主要显示与QQ相关的操作内容。增加了沉淀话题的“优秀话题”和显示QQ新闻的“热点信息”页面。丰富了新版官网的内容。后续我们会收录旧版QQ图片和QQ历史页面,并设立QQ团队的博客,为用户进一步了解QQ提供最有效的途径。

四、加强QQ功能服务模块:

(1)全球导航优化:

除了主页的指导外,我们还在页面顶部放置了QQ安全、QQ会员、注册按钮,方便用户查找常用服务。

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

经过调查,我们发现用户有必要在官网上浏览和查找更多的信息。所以我们在底部列出了几大平台的副官网入口,改变了老版本只能通过Banner操作位进入各平台官网的单一交互。同时,QQ安全常用的几个帮助反馈也一一呈现,帮助用户更直观的找到QQ安全相关维护。

动词 (verb的缩写)转移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官网哦~

本文由设计学习网整理发布,不代表设计学习网立场,转载联系作者并注明出处:https://ffjianzhan.cn/xingyezixun/sjwz/353.html

联系我们

在线咨询:点击这里给我发消息

微信号:

工作日:9:30-18:30,节假日休息