求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
     
   
分享到
可视化创造快乐——QQ游戏地图项目总结
 

作者:黛西,发布于2013-2-21,来源:CDC

 

项目背景

QQ游戏平台目前已接入运营183款休闲棋牌类游戏,最大同时在线人数达到800万。我们这次要做的就是通过可视化的设计方法,将游戏同时在线人数、性别比例、年龄分布等数据清晰直观的呈现给用户,让用户对QQ游戏平台能有全方位的了解。

产品价值

在对产品价值的定义中,我们认为仅仅止步于纯粹的信息可视化展示还远远不够。结合QQ游戏“快乐无处不在”的理念,我们尝试在可视化产品中融入游戏玩法,让用户能在地图上获取快乐,结识更多的游戏伙伴,从而增强用户粘性。因此“好玩”是游戏地图产品在可视化基础之上的更为重要的价值,也是设计能为产品带来的商业价值。

设计理念

为了让产品变成“好玩”的城堡,我们首先需要打地基——搭建可视化平台,然后在地基上才能建筑好玩有趣的城堡。所以我们用两步来打磨设计。

Step1:打地基——搭建数据可视化平台,传达800万在线的热闹。

Step2:建城堡——在平台的基础之上融入好玩的点,给用户快乐,拉近玩家间距离。

点滴之美

打地基——搭建可视化平台,展示800万的“热闹”

QQ游戏有800万同时在线的用户,我们需要让这800万变成能让人感受到的一个个正在热闹玩着游戏的玩家,欢乐在这群人中共鸣…

首先提炼数据

在QQ游戏后台能提供的诸多数据中,我们选出两个数据:同时在线人数和开始游戏人数,将它们作为我们重点突出的对象。

然后图形化数据 打磨细节表现

试了很多表现方式之后,我们用圆表现相对稳定的同时在线人数,圆的大小代表人数的多少,用点的闪动表现开始游戏人数这个瞬间数据。

我们将圆和点进行组合,呈现在整张地图上,为了得到最佳的视觉表现,我们反复调整圆和点的大小和视觉样式。关于如何结合这两个表现,我们从水波涟漪中得到灵感,于是得到了“欢乐点滴”的雏形。

1.“圆圈”精确定位每个城市,其大小表现表现该市同时在线人数的多少。

2.“亮点”为每个城市的正在进入游戏人数,定位到该市圆圈的圆心,向外辐射,亮点闪动的频率代表此刻正进入游戏人数的多少。

最后呈现全局效果 

在地图上绘制和调试好这些元素之后,我们得到“欢乐点滴”的全局效果如下:

它是由”泛着光晕的圆圈“和”闪亮的点“两类元素组成。圆圈大小错落有秩地排放,白色的点在圆中心闪动跳跃,光效一圈一圈地辐射开来,打到圆圈边缘上弹回渐渐消失,800万的数据一下子就鲜活起来,让用户体会到热闹的感觉。

建城堡——让地图“好玩”起来

在搭建好可视化的这个地基之后,我们就可以在这个地基上建立“好玩”城堡。我们邀请了几位设计师进行脑暴,发现了一些有意思的方向。

通过评估,我们挑选出了目前相对靠谱方向:摇骰子筛游戏先开始进行设计。

摇骰子筛游戏

骰子是娱乐活动的一个常用道具,运动在QQ游戏中,让选择游戏查看在线数据这项本身枯燥的事情变得轻松而好玩。

地域认同

通过反复筛选游戏,可以看到不同游戏的数据特征,发现一些有意思的规律。比如地方游戏的当地在线人数会明显比其他地区多,会让该款游戏的玩家产生强烈的归属感。

魅力数据

美眉和帅哥各喜欢玩什么游戏呢,通过男女比例就可以知晓。妹子的多寡是屌丝选择游戏的重要诱因。

从年龄层次对比得出80后,90后,00后分别是什么游戏的目标用户。也可以从自己经常玩的游戏所对应的年龄层次图,得出自己的心里年龄是偏大还是偏小哦。

好的可视化效果来自调试

首先我想说的是真实的东西往往不会那么完美,数据也一样。在线数据的清洗最核心的就是”数据平滑化的处理方法”,它能保证数据的视效美观,富有层次性,且逻辑上完全对等真实数据。但在QQ Game这里我们还遇到了另一个问题:同一套方法要适应上百款游戏,且这些游戏的在线数据相差甚远…

“调试”进化图

“调试”前后对比

欢乐应该有更多

产品本期主要完成了地图平台的地基搭建,而对“好玩”城堡的建设才刚刚开始,还需要我们持续地发力。除了“摇骰子”和后面的“捞一捞”之外,我们还会发掘更多好玩的点子。而对于地图地基,我们也会探索更为丰富的可视化表现效果。我们最终目标是让玩家在“欢乐点滴”中不仅有很棒的眼球体验,还能获得无尽的快乐。

 
分享到
 
 


从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   


以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计


北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...