QQ应用中心改版优化全过程

 

  编者按:都说思路最值钱,那么在设计项目中,哪样的思路是黄金之路呢?今天分享腾讯同学的一篇好文,总结了QQ应用中心改版的整个过程,解决问题的思路非常清晰,最后效果也有显著改善,推荐苦苦钻研技术的同学借鉴一下,将这么好的东西变成自己的。


  背景

  旧版的应用中心已经历了两年线上运营,这个庞大的运营类平台就像久经微调却缺乏统一整理的超市,显现出了种种问题。

  资源位暴力挖掘,样式缺乏统一,加上旧版设计已不符合当前日臻主流的扁平化设计趋势,我们于上半年酝酿并完成了本次应用中心的改版。

  受限于资源紧张、时间要求高的客观情况,我们化身为商场陈列师,芟繁就简、构筑氛围,希望能给用户带来一种全新的、如同在精品超市购物般舒适贴心的应用寻找和使用体验。

  用户

  根据用户调研、眼动测试、体验地图等前期沉淀,我们可以分析出应用中心首页的主要用户类型与核心场景特点:他们拥有较为显著的个人偏好,却往往没有具体的目标,倾向于随性浏览。此前的用研沉淀表明我们的主流用户既是有偏好的(主要关注好友在玩和应用分类),同时又是无目标的(随便逛逛,看到感兴趣的就试试)。


  用研数据来源 《应用中心首页活跃与流失用户调研报告》 by jolinjin

  场景

  整个首页场景的核心,可以划分为“浏览应用”与“选择应用”两个部分,同时在浏览和选择的过程中,感受应用中心的整体氛围,形成完整的浏览体验。

  关于“浏览”:让用户更快速找到商品;

  关于“选择”:让用户更容易做出选择;

  关于“体验”:让用户的购物体验更专注,更愉悦;


  方法

  我们追求清晰、高效与友好,化繁为简,打造专注愉悦的体验。相应地,我们的设计方法,可以提炼为简形、饰意。通过简形以建立条理,清晰结构,让用户可以快速定位;打磨信息元素,让用户对商品的特点一目了然,顺利做出选择;通过饰意,打造沉浸感和代入感,提升整体的购物愉悦度。

  如同商场陈列师,我们梳理结构,搭配商品,组合分类,装饰橱窗,将整理与修饰工作寓于改版之中,用心雕饰。


  “简”为减法,“饰”为加法

  “形”为外在,“意”为内涵

  ——寻求加与减、形与意之间的完美平衡

  简形是建立条理的过程,而饰意则是添加风格理念、突出重点。两者是反复交叉、相辅相成、不可分割的平衡关系。

  —————我们从用户、场景推导出设计目的和设计方法,下面来说说怎么实施————

  简形:减少冗繁

  陈列师改造商场的第一步,建立信息条理,整理结构,减少多余的冗繁,把顾客从迷宫般的复杂结构中解放出来。

  结构

  问题:页面中充斥的各式各样的“假想线”使结构变得凌乱。

  解决:我们将原来的4+1结构调整为均等的4等份,强化条理分明、整体清晰的视觉感受。在应用槽位不改变的情况下,减少纵向列数,能让各个应用信息的展示区域更为宽松透气,就像货架间距变宽会让购物环境更松泛舒适,显著减少用户浏览时的心理压力。

  成果:新版栅格让首页首屏的安装量跃升了17%.


  元素

  问题:在版面里编排的图形元素或文字越多,越容易显得杂乱无章,降低阅读效率。

  解决:我们梳理各个视觉元素之间的关系,按照一定规律去编排要素。归类,整理,统一,让每一个货架、每一个元素都烙上相同的气息。


  层次

  问题:猜你喜欢模块,过去将推荐理由包覆到推荐结果之内,与用户先阅读原因、再阅读结果的认知顺序不符。

  解决:对信息层次的组织好比疏导交通,巧妙处理可以使信息顺畅表达,但失败的话则会引起堵塞,增加理解成本。新版中我们改变了这种布局,提取出推荐理由,同时也将空间释放给了推荐应用的更多信息。

  成果:调整后的猜你喜欢模块安装率提升了50%


  饰意:添加变化

  应用中心以游戏用户为主,且收入基本来源于游戏应用,太过于追求简化与轻量,将无法满足平台所需求的娱乐、沉浸、带入等特点。为此我们给页面添加了诸多变化,并加入更多游戏化的装饰元素,以中和框架扁平带来的氛围不足,增加页面节奏感与趣味性。犹如在一成不变的陈列架上贴心地饰以点缀,使原本单薄的应用元素鲜活起来,提高应用的整体吸引力。

  节奏

  问题:版式毫无节奏的长页面使得用户阅读产生疲惫。

  解决:在应用中心旧版的左右结构中插入通栏的版式,适当打断用户浏览的视线,产生阅读的节奏感。


  场景

  保证协调性和条理性的基础上,将版块的含义和概念可视化,引入场景的概念。通过这种视觉的手段微妙地启发用户的感觉及情绪。以精品推荐模块为例,引入橱窗的场景,将精品辅以道具和装饰、撒上细碎彩带,置于精致的橱窗之中。


  点缀

  解决:设计出符合排行榜功能的象征性图形,使得版块得到点缀,进而产生节奏感、动感和视线引导上的变化。在信息量比较大的页面设计中,有时不需要破坏页面的版式和栅格,只是在设计中通过重复排列点缀的方法,小元素也能影响整体的氛围。并且,后期和重构同学讨论,又加入了一些动态效果增添趣味性。

  成果:上线后,top20排行榜安装量提升14%,日安装提升1万。

  动态效果:http://m.isux.us/open_proj/demo/sisi/demo1.html


  关于改版理念简形饰意的感悟:


  由减而简,添之以饰;自内而外,显之以形。

  在设计过程中,过于追求条理会使整体显得平淡,为打破这种平淡,则需要为其添加变化。

  而添加变化后,原有的条理被打破,因此又需要重新整理。如此往复,细细雕琢。设计正是这样一个反复进行加与减、保持条理与添加变化的过程。

  改版成绩


  未来计划


  未来应用中心的设计优化之旅还很长,下半年对整体项目的品牌宣传、虚拟形象及用户成长值的概念设计还会有更深 入的探索和尝试。结合项目本身,我们在设计实践过程中挖掘机遇、累积经验以及收获成长。同时,也感谢大家在设 计过程中为我们提出宝贵建议,我们将来后续的版本中持续迭代,达到产品设计与体验,更纯粹的“简形饰意”。

时间: 2024-08-22 22:32:39

QQ应用中心改版优化全过程的相关文章

腾讯QQ大范围登陆异常QQ安全中心无法访问

4月12日晚间消息,即时通讯工具腾讯QQ今日晚间出现大范围登陆异常的情况,北京.天津.上海.广东等地的用户均受此影响.此外,QQ安全中心(aq.qq.com)也同时无法正常打开.腾讯方面尚未对此予以正式回应. 从今日晚间约18:10开始, 网友陆续发现QQ出现登陆异常的情况,并伴随出现错误代码等提示.据不完全统计,受到影响的地区包括北京.天津.上海.广东.湖北.湖南.河北.河南.陕西.江苏.福建.江西等几乎全国大部分地区. 大约两个半小时之后,各地的QQ登陆逐渐恢复正常.而在此期间,百度腾讯贴吧

百度个人中心改版初步结束

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 前段时间,我们陆续报道了百度个人中心改版的相关消息.今天笔者得到最新消息,百度个人中心的改版初步完毕,功能已经齐备,将根据用户对此次改版的态度和意见来进行下一步的改进. 百度的新版个人中心将"我的空间"."我的贴吧"."我的知道"."我的百科"."我的好

【干货】手机QQ及Qzone速度优化实践

作者介绍: 黄浩宇 现就职于腾讯社交网络运营部,负责SNG社交网络业务移动类产品的业务运维工作,如QQ.Qzone业务优化及开发. 此前任职于阿里巴巴,负责天猫商城活动类业务的运维工作,如天猫双11,天猫周年庆等. 导语 移动互联网发展那么快,运维技术也要适应业务的变化啊,这次小编找了腾讯牛人介绍的手机QQ和手机Qzone的速度优化实践. 我们坚信不同垂直领域的运维分工会越来越不同,如何能在不同的业务形态上,利用运维技术和数据为业务带来更大的价值,将是我们下一步探索的重点方向. 1. 关于用户等

QQ安全中心APP人脸识别开启设置图文教程

给各位QQ安全中心软件的使用者们来详细的解析分享一下开启人脸识别设置的图文教程. 教程分享: 1.首先我们要下载最新版本的QQ安全中心并打开软件,然后点击[我的密保];   2.在我的密保页面点击[人脸]选项进行设置;   3.接着点击[立即创建],再点击[开始拍摄];     4.第一次识别成功后会弹出提示选择"好的继续扫描";   5.设置成功后选择"人脸启动密码",开启功能即可.   好了,以上的信息就是小编给各位QQ安全中心的这一款软件的使用者们带来的详细的

手机QQ安全中心怎么开启QQ设备锁?

1)这个功能可以保护你的聊天记录不被查看了,在手机中点击[QQ安全中心]-[工具].(如下图)   2)之后我们在打开界面中的[QQ设备锁]然后进入之后[QQ设备锁]打开就可以了.(如下图)   好了其它手机再要登录你的QQ就需要你手机验证码了,这样就安全多了哦.

手机QQ安全中心v6.7版本诈骗QQ查询方法

1.最新版本的手机QQ安全中心6.7版本中我们点击QQ安全中心界面中的首页进入搜索选项中,你可以看到诈骗QQ查询选项,如图: 2.然后我们只要输入对方的QQ号码即可查询了,具体的如下所示! 好了通过上面的方法你会发现我们可以查看到诈骗QQ的相关信息了大家可以发现有诈骗QQ也能提交到这里来哦防止更多人被骗.

数据中心服务优化将成为数据中心管理的前沿技术

如今,越来越多的数据中心运营商部署数据中心基础设施管理(DCIM)软件,这不仅帮助他们有效监控关键的基础设施,巩固其数据中心的市场地位,同时也有助于优化数据中心服务. 但企业广泛采用DCIM任重道远.一些企业正在使用一种新的数据中心管理软件,超越了DCIM管理基础设施的能力,可以获得更高的效率,敏捷性和竞争力.这种新的软件被称之为数据中心服务优化(DCSO). 超越DCIM DCIM软件被认为是数据中心运营的现代管理工具.10多年来虽然市场上推出了许多DCIM产品,但其采用率还比较低.根据调查机

数据中心性能优化指标 高性能机房数据中心

对于数据中心来说性能优化指标很重要,高性能机房数据中心的建设是我们的目标,现在数据中心对于企业来说重要性不言而喻,而数据中心的结构有许多种类,例如拥有刀片服务器架构的优点就十分明显了,而拥有超融合基础架构的好处也包含很多方面,数据中心性能优化指标与高性能机房数据中心的正确建设还是需要慎重考虑的. 对于业务正在稳步增长的企业组织而言,公司当中数据中心的重要性是非常明显的,而为了提升数据中心的性能,企业客户往往有三种方法可以实现服务器的升级或更换.而在本文中,我们针对刀片服务器架构.融合基础设施和超

腾讯文学品牌战略及业务体系 推出QQ阅读中心

中介交易 SEO诊断 淘宝客 云主机 技术大厅 腾讯正式发布品牌战略:莫言 苏童 阿来 刘震云四大作家出席 [TechWeb报道]9月10日消息,腾讯今日在京召开发布会,正式发布"腾讯文学"品牌.业务体系及"全文学"发展战略,标志一直"雷声大雨点小"的腾讯文学正式步入全面抢占网络文学市场阶段. 今年上半年,腾讯互娱发布泛娱乐战略,涉及游戏.文学.影视.动漫等诸多内容版权,其中文学被视为腾讯互娱仅次于游戏的业务板块.今年5月,腾讯投资由起点中文网出