在對(duì)產(chǎn)品價(jià)值的定義中，我們認(rèn)為僅僅止步于純粹的信息可視化展示還遠(yuǎn)遠(yuǎn)不夠。結(jié)合QQ游戲“快樂(lè)無(wú)處不在”的理念，我們嘗試在可視化產(chǎn)品中融入游戲玩法，讓用戶能在地圖上獲取快樂(lè)，結(jié)識(shí)更多的游戲伙伴，從而增強(qiáng)用戶粘性。因此“好玩”是游戲地圖產(chǎn)品在可視化基礎(chǔ)之上的更為重要的價(jià)值，也是設(shè)計(jì)能為產(chǎn)品帶來(lái)的商業(yè)價(jià)值。

為了讓產(chǎn)品變成“好玩”的城堡，我們首先需要打地基——搭建可視化平臺(tái)，然后在地基上才能建筑好玩有趣的城堡。所以我們用兩步來(lái)打磨設(shè)計(jì)。

Step1：打地基——搭建數(shù)據(jù)可視化平臺(tái)，傳達(dá)800萬(wàn)在線的熱鬧。

Step2：建城堡——在平臺(tái)的基礎(chǔ)之上融入好玩的點(diǎn)，給用戶快樂(lè)，拉近玩家間距離。

QQ游戲有800萬(wàn)同時(shí)在線的用戶，我們需要讓這800萬(wàn)變成能讓人感受到的一個(gè)個(gè)正在熱鬧玩著游戲的玩家，歡樂(lè)在這群人中共鳴…

首先提煉數(shù)據(jù)

在QQ游戲后臺(tái)能提供的諸多數(shù)據(jù)中，我們選出兩個(gè)數(shù)據(jù)：同時(shí)在線人數(shù)和開(kāi)始游戲人數(shù)，將它們作為我們重點(diǎn)突出的對(duì)象。

然后圖形化數(shù)據(jù)　打磨細(xì)節(jié)表現(xiàn)

　　試了很多表現(xiàn)方式之后，我們用圓表現(xiàn)相對(duì)穩(wěn)定的同時(shí)在線人數(shù)，圓的大小代表人數(shù)的多少，用點(diǎn)的閃動(dòng)表現(xiàn)開(kāi)始游戲人數(shù)這個(gè)瞬間數(shù)據(jù)。

　　我們將圓和點(diǎn)進(jìn)行組合，呈現(xiàn)在整張地圖上，為了得到最佳的視覺(jué)表現(xiàn)，我們反復(fù)調(diào)整圓和點(diǎn)的大小和視覺(jué)樣式。關(guān)于如何結(jié)合這兩個(gè)表現(xiàn)，我們從水波漣漪中得到靈感，于是得到了“歡樂(lè)點(diǎn)滴”的雛形。

1.“圓圈”精確定位每個(gè)城市，其大小表現(xiàn)表現(xiàn)該市同時(shí)在線人數(shù)的多少。

2.“亮點(diǎn)”為每個(gè)城市的正在進(jìn)入游戲人數(shù)，定位到該市圓圈的圓心，向外輻射，亮點(diǎn)閃動(dòng)的頻率代表此刻正進(jìn)入游戲人數(shù)的多少。

最后呈現(xiàn)全局效果　

在地圖上繪制和調(diào)試好這些元素之后，我們得到“歡樂(lè)點(diǎn)滴”的全局效果如下：

它是由”泛著光暈的圓圈“和”閃亮的點(diǎn)“兩類元素組成。圓圈大小錯(cuò)落有秩地排放，白色的點(diǎn)在圓中心閃動(dòng)跳躍，光效一圈一圈地輻射開(kāi)來(lái)，打到圓圈邊緣上彈回漸漸消失，800萬(wàn)的數(shù)據(jù)一下子就鮮活起來(lái)，讓用戶體會(huì)到熱鬧的感覺(jué)。

?

?　　在搭建好可視化的這個(gè)地基之后，我們就可以在這個(gè)地基上建立“好玩”城堡。我們邀請(qǐng)了幾位設(shè)計(jì)師進(jìn)行腦暴，發(fā)現(xiàn)了一些有意思的方向。

　　通過(guò)評(píng)估，我們挑選出了目前相對(duì)靠譜方向：搖骰子篩游戲先開(kāi)始進(jìn)行設(shè)計(jì)。

搖骰子篩游戲

　　骰子是娛樂(lè)活動(dòng)的一個(gè)常用道具，運(yùn)動(dòng)在QQ游戲中，讓選擇游戲查看在線數(shù)據(jù)這項(xiàng)本身枯燥的事情變得輕松而好玩。

地域認(rèn)同

通過(guò)反復(fù)篩選游戲，可以看到不同游戲的數(shù)據(jù)特征，發(fā)現(xiàn)一些有意思的規(guī)律。比如地方游戲的當(dāng)?shù)卦诰€人數(shù)會(huì)明顯比其他地區(qū)多，會(huì)讓該款游戲的玩家產(chǎn)生強(qiáng)烈的歸屬感。

魅力數(shù)據(jù)

美眉和帥哥各喜歡玩什么游戲呢，通過(guò)男女比例就可以知曉。妹子的多寡是屌絲選擇游戲的重要誘因。

從年齡層次對(duì)比得出80后，90后，00后分別是什么游戲的目標(biāo)用戶。也可以從自己經(jīng)常玩的游戲所對(duì)應(yīng)的年齡層次圖，得出自己的心里年齡是偏大還是偏小哦。

首先我想說(shuō)的是真實(shí)的東西往往不會(huì)那么完美，數(shù)據(jù)也一樣。在線數(shù)據(jù)的清洗最核心的就是”數(shù)據(jù)平滑化的處理方法”，它能保證數(shù)據(jù)的視效美觀，富有層次性，且邏輯上完全對(duì)等真實(shí)數(shù)據(jù)。但在QQ Game這里我們還遇到了另一個(gè)問(wèn)題：同一套方法要適應(yīng)上百款游戲，且這些游戲的在線數(shù)據(jù)相差甚遠(yuǎn)…

“調(diào)試”進(jìn)化圖

“調(diào)試”前后對(duì)比

產(chǎn)品本期主要完成了地圖平臺(tái)的地基搭建，而對(duì)“好玩”城堡的建設(shè)才剛剛開(kāi)始，還需要我們持續(xù)地發(fā)力。除了“搖骰子”和后面的“撈一撈”之外，我們還會(huì)發(fā)掘更多好玩的點(diǎn)子。而對(duì)于地圖地基，我們也會(huì)探索更為豐富的可視化表現(xiàn)效果。我們最終目標(biāo)是讓玩家在“歡樂(lè)點(diǎn)滴”中不僅有很棒的眼球體驗(yàn)，還能獲得無(wú)盡的快樂(lè)。

獲取快樂(lè)請(qǐng)進(jìn)入：http://qqgame.qq.com/online.shtml

來(lái)源：騰訊CDC