京東：“真”數(shù)據(jù)，“硬”實力！雙十一數(shù)據(jù)可視化實時戰(zhàn)報

數(shù)英評分

收藏1 評論

舉報 2015-11

掃描,分享朋友圈

電商數(shù)據(jù)可視化，對于電商而言，什么是最重要的，回答是數(shù)據(jù)。有品牌銷量數(shù)據(jù)，排名數(shù)據(jù)，銷售額數(shù)據(jù)以及相關(guān)的客戶分布信息數(shù)據(jù)，對于規(guī)模很大的電商公司，數(shù)據(jù)本身就很震撼，用真實數(shù)據(jù)說話，對用戶對客戶都是彰顯實力的一種表現(xiàn)，同是也會起到非常有效的廣告公關(guān)效應(yīng)。另外，電商數(shù)據(jù)通過視覺化呈現(xiàn)數(shù)據(jù)，也揭示了令人驚奇的模式和觀察結(jié)果，是不可能通過簡單統(tǒng)計就能顯而易見看到的模式和結(jié)論。通過視覺化，我們把信息變成了一道可用眼睛來探索的風(fēng)景線，一種信信息地圖。當你迷失在信息中時，信息地圖非常實用。在電商行業(yè)尤為重要。

京東雙十一數(shù)據(jù)實時戰(zhàn)報

我們很榮幸，繼“京東手機618實時數(shù)據(jù)戰(zhàn)報”之后與京東再次合作雙十一期間3C實時數(shù)據(jù)可視化的展示項目。依客戶的需求，萬博思圖在短短一個月時間內(nèi)同時滿足了客戶的四項需求，分別是大屏，PC端，移動端，以及作戰(zhàn)室分屏展示。我們在設(shè)計上采用了時尚元素，對每個組件進行了單獨定制創(chuàng)意設(shè)計，并運用不同顏色來區(qū)分每一個欄目。從技術(shù)角度來說，技術(shù)上全部采用HTML5的WebGL 3D技術(shù)，充分發(fā)揮了顯卡硬件加速所帶來的渲染能力。在效果以及性能等方面，我們對粒子系統(tǒng)進行了大量優(yōu)化，從而達到優(yōu)秀的呈現(xiàn)效果和運行效能。同時，技術(shù)層面的效果展示，我們嚴格遵從原始設(shè)計稿進行視覺定制開發(fā)，通過3D模型搭建，以及基于三維空間坐標系的數(shù)學(xué)算法等等，完美實現(xiàn)了各項動態(tài)效果。最終我們呈現(xiàn)給大家的就是下方視頻中所演示的酷炫效果。震撼效果！

PC端及大屏端效果展示

“買3C，信京東” 雙十一戰(zhàn)報發(fā)布會

雙十一，不僅是消費者的節(jié)日，同樣也是電商之間數(shù)據(jù)之爭的戰(zhàn)場，而京東率先提出了“真數(shù)據(jù)”的口號。2015年11月11日19：30，京東在北京亦莊京東集團總部舉行了“買3C，信京東“的雙11戰(zhàn)報發(fā)布會。在大會上也展播了我們此次雙十一的實時數(shù)據(jù)戰(zhàn)報，面對這樣震撼的數(shù)據(jù)和酷炫的畫面效果，場下的參會人員紛紛拿出手機記錄了這一精彩的時刻。

雙十一期間，京東3C數(shù)據(jù)作戰(zhàn)室"曝光"

在京東看來，公布真實的數(shù)據(jù)可以讓用戶真正看到優(yōu)質(zhì)的產(chǎn)品和品牌，另外也能保證促銷的產(chǎn)品實實在在賣給了消費者，而不是渠道和黃牛。為此，京東成立了3C數(shù)據(jù)作戰(zhàn)室，實時統(tǒng)計真實的數(shù)據(jù)，每天發(fā)布一次戰(zhàn)報。也許大家都沒有見到這次作戰(zhàn)室的真實模樣，但因這一次項目的合作，小編有幸目睹了這間神秘的作戰(zhàn)室！在這個禁止拍照、高度保密的“小黑屋“里，分布著十二塊大屏幕，分別顯示著手機、平板、電腦、相機、存儲等品類從11月1日起的實時銷量數(shù)據(jù)，大屏幕中布控的畫面就是本次項目中所涉及的十二塊內(nèi)容。

移動端效果展示

另外，我們還制作了移動版，長按下方的二維碼即可查看移動版的酷炫效果！

（長按二維碼可查看移動版精彩效果）

項目制作背后的故事：整個項目因為時間非常短，需求高，團隊想盡一切辦法使工作效率最大化，但是每一項細節(jié)的創(chuàng)新都需要花時間去償試和修改，如果你也是一個開發(fā)人員，那小編告訴你一個小秘密，如何可以做一個類似這樣的效果。首先必須得會3D建模，當然如果你是超一流的開發(fā)人員，也許不用（如果你愿意累成狗）。建模的目的是什么呢，是為了導(dǎo)出程序開發(fā)所需的點的結(jié)構(gòu)。然后需要不斷的進行優(yōu)化，接下來在使用代碼進行效果的控制和交互，最后與數(shù)據(jù)整合，根據(jù)實時數(shù)據(jù)的變化展示效果。針對此項目我們一共創(chuàng)建過150多個的模型，最終使用的模型只有8個。引用我們公司的常用的一句話“做細了，是很難的”哈哈。特別的手機總銷量中的山的模型，至少模擬修改了30－40次。

京東此舉影響的也許不只是電商之間的競爭，它也反向逼迫那些廠商少做數(shù)字，多做真功夫，多做好產(chǎn)品。這次“買3C，信京東”雙十一數(shù)據(jù)戰(zhàn)報的成功問世，不僅反映了大數(shù)據(jù)時代真實數(shù)據(jù)的重要性，同時也展示了數(shù)據(jù)可視化展現(xiàn)效果的魅力所在！