△ 雙11大屏合集視頻

優(yōu)設(shè)：

雙 11 什么時(shí)候開(kāi)始有數(shù)據(jù)大屏？這些年有哪些變化？

虹貝：

09 年第一次辦天貓雙 11，誰(shuí)也不會(huì)想到它最終會(huì)成為一個(gè)具有全民情緒的社會(huì)節(jié)日。隨著天貓雙 11 漸漸變成一個(gè)社會(huì)現(xiàn)象，有一天逍遙子有了一個(gè)想法，公開(kāi)雙 11 的成交總額（GMV，Gross Merchandise Volume），讓雙 11 變得公開(kāi)透明。因此在 2011 年的時(shí)候首次用投影的方式，第一次通過(guò)媒體對(duì)所有人開(kāi)放，那時(shí)候總共才 2 組數(shù)據(jù)（一個(gè)是飛來(lái)飛去的城市交易圖，另一個(gè)是飛來(lái)飛去的物流運(yùn)送圖），總共才五六個(gè)維度。到了 2013 年，我們整體的硬件升級(jí)成為今天我們看到的 LED 巨屏，成為了媒體中心的主角。

每一年的雙 11 數(shù)據(jù)大屏都是一個(gè)縮影，簡(jiǎn)而言之就是把那一年做的事情用直觀的可視化表達(dá)出來(lái)了。

從電商到新零售，再到經(jīng)濟(jì)體的大協(xié)同，你去看這些年的雙 11 數(shù)據(jù)大屏，就相當(dāng)于看了一段阿里的發(fā)展歷史，這是比紀(jì)錄片更真實(shí)可靠的存在，因?yàn)閿?shù)據(jù)記錄了一切：城市中交易熱度的擴(kuò)大，銀發(fā)族的父母的購(gòu)買(mǎi)力超過(guò)了我們，還有每年節(jié)節(jié)攀升的 GMV...

回到設(shè)計(jì)，我們除了硬件設(shè)備（屏幕）越來(lái)越大，我們所面對(duì)的數(shù)據(jù)量和業(yè)務(wù)也是呈現(xiàn)指數(shù)化增長(zhǎng)，我們團(tuán)隊(duì)（阿里數(shù)據(jù)之美）是從 2016 年開(kāi)始著手做雙 11 數(shù)據(jù)大屏的，我們從電商交易，到線上線下，在到今天我們需要表現(xiàn)出所有經(jīng)濟(jì)體的業(yè)務(wù)，每年我們自身也不斷在面對(duì)各種挑戰(zhàn)：對(duì)集團(tuán)業(yè)務(wù)的理解、對(duì)消費(fèi)者的理解、要有家國(guó)情懷，還要有數(shù)據(jù)分析師的能力。

我一直說(shuō)，數(shù)據(jù)大屏的設(shè)計(jì)，并非是傳統(tǒng)意義上的設(shè)計(jì)師或產(chǎn)品經(jīng)理就能完成的。它需要將藝術(shù)家、科學(xué)家與企業(yè)家的能力集于一身，需要擁有對(duì)動(dòng)態(tài)數(shù)據(jù)的把握能力、對(duì)產(chǎn)業(yè)經(jīng)濟(jì)與供應(yīng)鏈的結(jié)構(gòu)方法、對(duì)社會(huì)議題的捕捉與構(gòu)造，以及宏觀的視野和細(xì)致入微的匠人用心。

優(yōu)設(shè)：

今年的雙 11 大屏設(shè)計(jì)有什么不同和創(chuàng)新點(diǎn)嗎？

虹貝：

會(huì)有，而且每年都不同。只要社會(huì)在發(fā)展、阿里在進(jìn)步，大屏就會(huì)升級(jí)。概括的說(shuō)有兩個(gè)點(diǎn)。

第一，是傳播方式的拓展。在保留傳統(tǒng)媒體直播數(shù)據(jù)大屏的情況下，我們考慮到了新媒體的傳播方式，以往大屏的傳播方式都是網(wǎng)站、報(bào)紙，但隨著抖音、快手這樣的傳播方式興起，我們考慮到了更多互動(dòng)傳播的場(chǎng)景：豎屏，更方便手機(jī)進(jìn)行傳播的大屏，相信這也是未來(lái)的趨勢(shì)。

第二，是我們第一次嘗試用可視化的方式來(lái)展現(xiàn)中國(guó)互聯(lián)網(wǎng)彎道超車(chē)的景象。這種形式即追溯了歷史的變化：中國(guó)從傳統(tǒng)商貿(mào)，到互聯(lián)網(wǎng)電商，再到 5G 時(shí)代的數(shù)字經(jīng)濟(jì)，一步一步實(shí)現(xiàn)了彎道超車(chē)，同時(shí)我們用一種物理的方式去調(diào)動(dòng)新媒體中心現(xiàn)場(chǎng)的情緒。通常設(shè)計(jì)師在設(shè)計(jì)范圍、情緒等場(chǎng)景時(shí)，首選通常是帶有節(jié)日符號(hào)的裝飾性元素。而這次雙 11 大屏我們，讓觀眾帶入第一人稱視角，跟隨賽道的彎道，來(lái)感受心臟的失重感，以此來(lái)調(diào)動(dòng)情緒的跌宕起伏。這點(diǎn)在媒體傳播途徑廣受歡迎。

△ 2019 雙 11 定格視頻

優(yōu)設(shè)：

為什么說(shuō)雙 11 數(shù)據(jù)大屏是一臺(tái)凝聚情緒的超級(jí)機(jī)器？

虹貝：
我們把雙 11 數(shù)據(jù)大屏分為兩個(gè)層次來(lái)看，一個(gè)是「凝聚情緒」，另外一個(gè)是「超級(jí)機(jī)器」。

凝聚情緒一直是雙 11 數(shù)據(jù)大屏最重要的功能。這是由雙 11 大屏現(xiàn)場(chǎng)在整個(gè)雙 11 體系中的核心位置決定的。

對(duì)于消費(fèi)者來(lái)說(shuō)，就如同所有購(gòu)物節(jié)一樣，雙 11 具有狂歡節(jié)的性質(zhì)，而雙 11 數(shù)據(jù)現(xiàn)場(chǎng)就像是狂歡節(jié)最核心的廣場(chǎng)一樣，所有的氣氛都凝聚在這里，全球幾千家媒體也在這向外播報(bào)，全世界的眼睛都盯著數(shù)據(jù)大屏上不斷跳動(dòng)的數(shù)字，因而數(shù)據(jù)大屏就仿佛這個(gè)歡樂(lè)廣場(chǎng)上最重要的花車(chē)與煙火，它是所有氣氛的核心。

在節(jié)日之中，氣氛等于投資，情緒就等于一筆筆的收入。我們制造了節(jié)日的氣氛，讓無(wú)數(shù)的中小企業(yè)與小商家把歡樂(lè)、優(yōu)質(zhì)的商品帶給所有人，我們是為了幾百萬(wàn)家企業(yè)與商家來(lái)服務(wù)的。但每一個(gè)企業(yè)與商家也同時(shí)在制造氣氛，因?yàn)樗麄円獮樽约旱膸浊兹f(wàn)個(gè)粉絲和消費(fèi)者來(lái)服務(wù)，這就像一個(gè)「超級(jí)機(jī)器」。

因而這些氣氛就像一張星狀的網(wǎng)，從我們這里散開(kāi)到每個(gè)商家，再?gòu)臒o(wú)數(shù)的商家那里散開(kāi)到每個(gè)消費(fèi)者那里。因此我們要把這些情緒凝聚起來(lái)，轉(zhuǎn)換成更好、更熱烈的氣氛，以此再將當(dāng)天的氣氛推升到更高的水平、更細(xì)致的市場(chǎng)動(dòng)態(tài)分析、更全面的人群喜好、更完善的產(chǎn)品優(yōu)勢(shì)，這樣企業(yè)與商家才能有進(jìn)一步的釋放自己能力的可能性，更自由、更主動(dòng)、更有效的帶動(dòng)他們的決策與判斷，而不是像傳統(tǒng)商場(chǎng)里的商家與一般促銷(xiāo)活動(dòng)那樣被人為的吸血。

優(yōu)設(shè)：

數(shù)據(jù)大屏的設(shè)計(jì)流程是怎樣的？是如何與上下游進(jìn)行協(xié)作的？

虹貝：

雙 11 數(shù)據(jù)大屏，是整個(gè)阿里經(jīng)濟(jì)體協(xié)作的結(jié)果，整個(gè)項(xiàng)目參與者超過(guò) 150 人。參與的角色包括 UED、產(chǎn)品經(jīng)理、PR、品牌、算法、技術(shù)、測(cè)試、BI 分析師、IT、行政、法務(wù)等等諸多角色，大屏震撼人心的視覺(jué)效果正是這些角色的共同努力。從設(shè)計(jì)的角度來(lái)說(shuō)，最緊密合作的角色是 PR、產(chǎn)品經(jīng)理和可視化技術(shù)團(tuán)隊(duì)。

設(shè)計(jì)大致分為三個(gè)階段：

首先，做規(guī)劃。我們需要知道戰(zhàn)略和業(yè)務(wù)的重點(diǎn)。
在大屏設(shè)計(jì)開(kāi)始之前，設(shè)計(jì)師需要和 PR、產(chǎn)品經(jīng)理一起收集需求、劃重點(diǎn)，把內(nèi)容、案例、數(shù)據(jù)簡(jiǎn)明扼要的整理出來(lái)，輸出的形式通常是EXCEL 表格和 PPT。在這一步，設(shè)計(jì)師需要能做到大屏內(nèi)容的主次、數(shù)據(jù)的量級(jí)心中有數(shù)。

其次，將業(yè)務(wù)轉(zhuǎn)換成圖形。這是一個(gè)至關(guān)重要的階段，將最終決定大屏呈現(xiàn)的品質(zhì)。

設(shè)計(jì)師開(kāi)始進(jìn)入工作狀態(tài)。設(shè)計(jì)分工包含場(chǎng)景設(shè)計(jì)和可視化設(shè)計(jì) 2 類(lèi)，分別承擔(dān)著框架結(jié)構(gòu)、故事腳本、符號(hào)圖形抽象、數(shù)據(jù)圖形的工作與藝術(shù)化、風(fēng)格化渲染的工作。兩者工作為串聯(lián)模式。

最后，協(xié)同開(kāi)發(fā)上線。可視化技術(shù)工程師是我們最后一道壁壘。

無(wú)論我們采用什么樣的技術(shù)手段（Webgl、UE4、Unity3D…)都需要工程師與設(shè)計(jì)師之間的緊密合作。小到城市光源點(diǎn)的確定，大到處理大量地理相關(guān)數(shù)據(jù)和高精模型、數(shù)據(jù)智能化的生成 19 個(gè)城市的渲染圖，設(shè)計(jì)師與工程師之間都需要在一套語(yǔ)言體系下進(jìn)行溝通。我經(jīng)常遇到設(shè)計(jì)師來(lái)問(wèn)我，為什么設(shè)計(jì)稿和最終實(shí)現(xiàn)的效果差異很大，我想這就是答案。

優(yōu)設(shè)：

這次的賽道設(shè)計(jì)很有意思，能說(shuō)說(shuō)背后的設(shè)計(jì)過(guò)程嗎？

虹貝：

賽道這個(gè)想法期初來(lái)源兩個(gè)關(guān)鍵詞：「彎道超車(chē)」和「商業(yè)奧林匹克」。賽道的背后是我們正在經(jīng)歷的新商業(yè)文明。新商業(yè)文明這個(gè)詞最早是馬老師根據(jù)供需變化的提出來(lái)的，后來(lái)我看烏麥爾?哈克寫(xiě)的《新商業(yè)文明-從利潤(rùn)到價(jià)值》這本書(shū)之后，我決定將今年雙 11 的核心理念定位：新商業(yè)文明是中國(guó)的彎道超車(chē)。

設(shè)計(jì)上，賽道貫穿 3 個(gè)場(chǎng)景：大航海時(shí)代、互聯(lián)網(wǎng)時(shí)代、數(shù)字經(jīng)濟(jì)時(shí)代。這是一個(gè)商業(yè)發(fā)展的歷史，也是我們都在經(jīng)歷的過(guò)程。在互聯(lián)網(wǎng)時(shí)代和數(shù)字經(jīng)濟(jì)時(shí)代的場(chǎng)景中，我們都增加了「彎道超車(chē)」的特效。這些場(chǎng)景都和雙 11 的 GMV 進(jìn)行了結(jié)合，來(lái)進(jìn)一步帶動(dòng)情緒。每個(gè)場(chǎng)景都抽象出了對(duì)應(yīng)的符號(hào)和要素，比如數(shù)字經(jīng)濟(jì)時(shí)代，我們將 5G、云計(jì)算、IOT 等意向用天貓精靈、含光芯片、云網(wǎng)絡(luò)等符號(hào)來(lái)表達(dá)。

除了媒體中心大屏的賽道，我們?cè)诨?dòng)屏上也有賽道的運(yùn)用：用數(shù)據(jù)來(lái)生產(chǎn)賽道。極坐標(biāo)來(lái)表現(xiàn)雙 11 的分時(shí)數(shù)據(jù)，在連接成一個(gè)賽道的平面圖，用于場(chǎng)館外的互動(dòng)與抖音等新媒體的傳播。這個(gè)用數(shù)據(jù)生成的賽道很有意思，非常像格式塔心理學(xué)的「鴨兔圖」，是一個(gè)技術(shù)和藝術(shù)的巧合。

優(yōu)設(shè)：

這次雙 11 數(shù)據(jù)，體現(xiàn)了哪些值得關(guān)注的趨勢(shì)？

虹貝：

我感覺(jué)整個(gè)世界都變了。從去年李佳琦走紅和口紅的銷(xiāo)量越來(lái)越大，數(shù)據(jù)就在暗示我們的社會(huì)的供需關(guān)系已經(jīng)發(fā)生了變化。

人（消費(fèi)者）的變化帶動(dòng)了貨和場(chǎng)的變化。新商業(yè)文明講述的是以消費(fèi)者為核心的供需變化，讓我們從新消費(fèi)的角度來(lái)看我們的數(shù)據(jù)，

雙 11 期間小鎮(zhèn)青年買(mǎi)走了最多的大型健身器材，95 后熱衷于各種潮玩盲盒，精致生活的男孩子購(gòu)買(mǎi)素顏霜。14 億的中國(guó)人口、巨大的地域差異與文化差異意味著，每一種類(lèi)型的消費(fèi)人群都是海量的，都擁有現(xiàn)有經(jīng)濟(jì)理論所無(wú)法囊括的巨大潛力。小鎮(zhèn)青年、銀發(fā)一族、95 后作為新消費(fèi)崛起的代表族群，正悄悄改變著社會(huì)的消費(fèi)結(jié)構(gòu)。通過(guò)數(shù)據(jù)我們清晰看到：族群的喜好千差萬(wàn)別，數(shù)字化的新消費(fèi)使得商家能針對(duì)消費(fèi)者需求創(chuàng)造新供給。

另外，雙 11 結(jié)束之后我看到 CBN Data 的一篇題為《貓狗的消費(fèi)力終于超過(guò)了人類(lèi)幼崽》文章，雙 11 實(shí)時(shí)數(shù)據(jù)大屏顯示，今年最受歡迎的進(jìn)口商品第一名是貓主糧，超過(guò)了進(jìn)口消費(fèi)碎鈔機(jī)「嬰幼兒奶粉」，另外，兩個(gè)寵物食品品牌也躋身最受歡迎進(jìn)口品牌榜前五。

同時(shí)更多的國(guó)際新銳商品也漸漸走入我們的視野，「足不出戶，買(mǎi)遍全球」已成為中國(guó)消費(fèi)者進(jìn)口消費(fèi)升級(jí)的一種新的消費(fèi)方式。

優(yōu)設(shè)：

工作中有哪些值得分享的故事？

虹貝：

大屏光鮮的背后太多不為人知的故事，卻又不知從何說(shuō)起。在此我更想說(shuō)一些能幫到大家的事例。

一個(gè)，是關(guān)于大屏與普通屏幕在感官上是有巨大區(qū)別的。大屏從字面意義上來(lái)理解，首先是絕對(duì)尺寸上的巨大。以 2019 年雙 11 媒體大屏為例，它的物理尺寸達(dá)到了 21*5.5 m，幾乎達(dá)到一個(gè)籃球場(chǎng)的長(zhǎng)度。在 5m 范圍內(nèi)去觀看它，可以形成極大的視野包裹。那么如果觀者在 1 公里之外去觀看，它是否還是大屏？在此又涉及到另一個(gè)概念——視角。視角= arctan (屏幕尺寸/距離)，人離大屏越遠(yuǎn)，人眼與大屏的視角越小，如果大屏與觀者形成的視角小于 30°，大屏的體感則不復(fù)存在，因此屏幕與觀眾還需形成極大的視角覆蓋。

另一個(gè)，是關(guān)于地理位置信息的準(zhǔn)確性，在地圖邊界、展示形式上需要花費(fèi)大量的溝通時(shí)間。如今大屏設(shè)計(jì)以地圖作為載體很常見(jiàn)，雙 11 數(shù)據(jù)大屏也大篇幅的使用了 2D/3D 的地理位置作為載體。《地圖管理?xiàng)l例》為了加強(qiáng)地圖管理，維護(hù)國(guó)家主權(quán)、安全和利益，要求「地圖在登載前應(yīng)依法送審，不得在地圖上標(biāo)注涉密信息或者違反我國(guó)民族政策及政治主張的內(nèi)容」。設(shè)計(jì)師與技術(shù)同學(xué)需要有提前量，提前完成相關(guān)審核信息，以保證大屏最后上線的效果。

我想，無(wú)論什么樣的數(shù)據(jù)大屏，團(tuán)隊(duì)合作都逃不出兩個(gè)關(guān)鍵詞，「協(xié)同」與「共生」，項(xiàng)目的成功依賴于每一個(gè)成員不計(jì)成本的付出。雙 11，我們需要協(xié)同整個(gè)經(jīng)濟(jì)體的伙伴，共同促成大屏的上線，展現(xiàn)給世界。每一環(huán)、每一個(gè)人都是環(huán)環(huán)相扣，相互依賴的。或許，這就是「因?yàn)橄嘈牛钥匆?jiàn)」的真諦。

數(shù)據(jù)大屏，對(duì)于阿里的每個(gè)人都是非常神圣的存在。

△ 雙11幕后視頻

雙11大屏設(shè)計(jì)團(tuán)隊(duì)介紹：

設(shè)計(jì)團(tuán)隊(duì)來(lái)自于阿里的核心數(shù)據(jù)部門(mén)，阿里數(shù)據(jù)技術(shù)及產(chǎn)品部——數(shù)據(jù)之美團(tuán)隊(duì)。他們已經(jīng)負(fù)責(zé)了第 4 年的雙 11 數(shù)據(jù)大屏設(shè)計(jì)任務(wù)，從北京、深圳、上海再到杭州，雙 11 媒體中心在哪，雙 11 他們就在哪。

虹貝，2019 年雙 11 數(shù)據(jù)大屏設(shè)計(jì) PM

加入阿里 4 年，也負(fù)責(zé)了4 年雙 11 數(shù)據(jù)大屏的設(shè)計(jì)任務(wù)，來(lái)自阿里數(shù)據(jù)技術(shù)及產(chǎn)品部-數(shù)據(jù)之美團(tuán)隊(duì)，數(shù)據(jù)可視化大屏與數(shù)據(jù)智能業(yè)務(wù)設(shè)計(jì)負(fù)責(zé)人，有豐富的數(shù)據(jù)可視化領(lǐng)域和數(shù)據(jù)產(chǎn)品設(shè)計(jì)的行業(yè)經(jīng)驗(yàn)，現(xiàn)主要負(fù)責(zé)項(xiàng)目包括雙 11 大屏、9號(hào)館政務(wù)大屏、商業(yè)知識(shí)圖譜、數(shù)據(jù)智能平臺(tái)等可視化項(xiàng)目和數(shù)據(jù)產(chǎn)品。

往期雙11專(zhuān)訪合輯：