譚逸夫

Tan Yi-fu

（湖北美術(shù)學(xué)院，湖北 武漢430200）

1 概述

1854 年，一場(chǎng)突如其來的霍亂疫情在倫敦爆發(fā)，感染區(qū)在10 天內(nèi)有近500 人喪生，當(dāng)時(shí)的醫(yī)學(xué)技術(shù)并不發(fā)達(dá)，這種可怕的瘟疫從哪里發(fā)生到如何傳播是一個(gè)謎。直到John Snow 醫(yī)生在比例尺為1∶6 500 的城區(qū)地圖上標(biāo)注出霍亂病死者的居住位置如圖1 所示。通過所繪圖片分析，發(fā)現(xiàn)大多數(shù)病例的住所都圍繞在布勞德大街的一個(gè)水井附近，同年9 月，倫敦政府當(dāng)局采納了John Snow 醫(yī)生的意見，取下了該水井的把手并禁止人們從該井取水，短短數(shù)日后，該區(qū)域的疫情被有效地控制。圖2 是以谷歌地圖為載體對(duì)當(dāng)時(shí)的數(shù)據(jù)進(jìn)行重新的分析與計(jì)算繪制的“霍亂地圖”，圖中的紅色圓形的面積根據(jù)感染人數(shù)所換算，可以發(fā)現(xiàn)患者的住所都以黑色水井為圓心展開。在公共健康體系尚不發(fā)達(dá)的年代，John Snow 醫(yī)生運(yùn)用數(shù)據(jù)可視化解決當(dāng)時(shí)醫(yī)療水平無法解決的霍亂問題，在人類歷史上無疑具有開創(chuàng)性意義。

圖1 John Snow 醫(yī)生繪制的霍亂病死者居住位置圖

圖2 以谷歌地圖為載體重新繪制的霍亂地圖

時(shí)至今日，信息時(shí)代數(shù)據(jù)的傳播速度不斷超越并改變著我們的認(rèn)知方式。自疫情發(fā)生以來，信息的及時(shí)、準(zhǔn)確、透明是當(dāng)下人們的最大訴求。諸如確診人數(shù)、新增患者、治愈患者、疑似患者等各類繁雜的數(shù)據(jù)應(yīng)接不暇地出現(xiàn)在人們的視野中，難以準(zhǔn)確獲取各類有效數(shù)據(jù)。可視化設(shè)計(jì)是一種將大量抽象的數(shù)據(jù)用圖形、圖表等具象的形式表現(xiàn)出來的技術(shù)，通過視覺化的處理，可以讓復(fù)雜、晦澀難懂的數(shù)據(jù)信息，以簡(jiǎn)單明了、易于理解的方式展示給大眾[1]，通過“可視化”這一媒介，準(zhǔn)確運(yùn)用“圖形”“色彩”等要素建立清晰的視覺層次，可以幫助受眾群體迅速篩選有效信息，進(jìn)而為疫情防控決策和大眾行為提供參考。

2 主流媒體的“疫情地圖”

查閱武漢市兩家主流報(bào)刊媒體（楚天都市報(bào)、武漢晚報(bào)）的微信公眾號(hào)，其每日清晨的推送都會(huì)將最新統(tǒng)計(jì)的“湖北省疫情情況”進(jìn)行通告（見圖3）。通告方式均是首先說明全省累計(jì)新增總數(shù)，其次是各市州詳細(xì)人數(shù)及治愈、死亡等數(shù)字。這樣的通告準(zhǔn)確傳達(dá)了相關(guān)內(nèi)容，但受眾只能被動(dòng)接收信息并成為“二次傳播者”，導(dǎo)致用戶的交互性體驗(yàn)較差[2]。

數(shù)日后，基于國(guó)家衛(wèi)健委每日公布的官方數(shù)據(jù)，“丁香園”“騰訊新聞”等頁面出現(xiàn)了“新型肺炎疫情實(shí)時(shí)動(dòng)態(tài)圖”，相較于播報(bào)“干癟”的數(shù)字信息，基于中國(guó)地圖這一地理坐標(biāo)系的熱力圖朝前邁進(jìn)了一步。各個(gè)省份與直轄市依據(jù)確診人數(shù)的多少被填充以明度不同的紅色。點(diǎn)擊某一省份，又可以觀察到各市區(qū)的數(shù)據(jù)，強(qiáng)烈的色階對(duì)比能讓人們以第一視覺判定出疫情傳播之狀況。但是隨著時(shí)間推移，又出現(xiàn)了一個(gè)問題，以湖北省為例，起初因區(qū)域內(nèi)的確診人數(shù)大于100 被標(biāo)注為深紅色，一周后確診人數(shù)有所上升，原有的顏色判定范圍不得不做出調(diào)整，湖北省區(qū)域又被調(diào)整為明度偏低的紅色，幾日后由于確認(rèn)量突破10 000 人及以上大關(guān)的湖北區(qū)域再次占領(lǐng)了深紅色的高地（見圖4）。不斷浮動(dòng)的著色尺度讓人不禁思考：是否還有更好的視覺方式能夠表達(dá)“疫情地圖”的信息？

3 “疫情地圖”的數(shù)據(jù)可視化對(duì)比

在疫情期間許多學(xué)者及微信公眾號(hào)發(fā)布了系列的“疫情地圖”，他們通過對(duì)數(shù)字的搜集與整理，結(jié)合各自獨(dú)特的表達(dá)方式，呈現(xiàn)了與主流媒體不同的數(shù)據(jù)傳達(dá)形式。筆者在同類對(duì)比上以2020 年1 月26 日為時(shí)間節(jié)點(diǎn)進(jìn)行分析（少量案例選取時(shí)間節(jié)點(diǎn)不同），從視覺傳達(dá)角度探討其表達(dá)方式的差異性。

圖3 武漢市兩家主流報(bào)刊媒體的湖北省疫情情況通告

圖4 新型肺炎疫情實(shí)時(shí)動(dòng)態(tài)圖

圖5 Mapbox 發(fā)布的新型冠狀病毒肺炎疫情動(dòng)態(tài)地圖

圖6 微信公眾號(hào)發(fā)布的新型冠狀病毒肺炎疫情地圖

3.1 以熱力圖為主的表達(dá)形式

圖5 是Mapbox 發(fā)布的2019-nCoV 疫情動(dòng)態(tài)地圖，基礎(chǔ)地圖的色彩被定義成黑色以更好襯托數(shù)據(jù)的色彩，可分別根據(jù)需求顯示熱力圖、填色圖等多類圖層信息，圖中清晰可見疫情狀況較為嚴(yán)重的省份，但在顏色的覆蓋下省份之間的分界稍顯模糊。圖6 來源于微信公眾號(hào)：可視化星球，該圖同樣呈現(xiàn)了截至2020 年1 月26日的新型冠狀病毒肺炎疫情地圖，同樣結(jié)合了地理坐標(biāo)系與熱力圖，與圖5 呈現(xiàn)不同之處是其以省區(qū)、直轄市為分區(qū)依據(jù)，根據(jù)其下屬市區(qū)的確診狀況來顯示色彩。這兩張圖的共同優(yōu)點(diǎn)在于某一市區(qū)存在感染病例不必將全省標(biāo)記，全省范圍的標(biāo)記在“談疫色變”的關(guān)鍵時(shí)期無疑在無形中加劇了所處區(qū)域健康人群的恐慌。

筆者在新浪微博上還發(fā)現(xiàn)了一張截至2020 年2 月8 日的“江岸區(qū)疫情分布圖”（圖7），武漢是疫情的“重災(zāi)區(qū)”，而華南海鮮市場(chǎng)所處的江漢區(qū)更可謂是“重中之重”。這張圖以江漢區(qū)的社區(qū)網(wǎng)格為基礎(chǔ)進(jìn)行劃分，對(duì)于已有確診人數(shù)大于5 人的小區(qū)標(biāo)以明度較深的紅色以提醒該區(qū)域居民引起重視。試想這時(shí)江岸區(qū)仍采取僅是數(shù)據(jù)或數(shù)字的方式告知，遠(yuǎn)不及此類清晰的圖片所傳達(dá)的內(nèi)容清晰與直觀。

3.2 圖形為主的表達(dá)方式

北京大學(xué)可視化與可視分析實(shí)驗(yàn)室制作了系列關(guān)于疫情數(shù)據(jù)的可視化分析，其中一個(gè)為疫情變化晴雨表（圖8），筆者截取了湖北省截至2020 年2 月6 日的數(shù)據(jù)圖（圖9），與其他可視化作品相比，該表達(dá)方式更像是在顯示某一種趨勢(shì)，其引入了“圖形”“色彩”“面積”3 種視覺暗示方法，方塊的顏色表示該省市當(dāng)日新增確診數(shù)較前日的變化，面積大小表示增量的多少。方塊下方的數(shù)字為當(dāng)日新增確診數(shù)。誠(chéng)然，如圖表說明所釋：“晴雨表聚焦于增量數(shù)據(jù)，對(duì)每日歷史數(shù)據(jù)進(jìn)行統(tǒng)計(jì)，宏觀呈現(xiàn)疫情發(fā)展態(tài)勢(shì)，有助于揭示疫情拐點(diǎn)?！钡P者認(rèn)為該表基于不同閱讀人群的認(rèn)知結(jié)構(gòu)在一定程度上易產(chǎn)生視錯(cuò)覺與誤解。表現(xiàn)趨勢(shì)通常會(huì)引用“長(zhǎng)度”“方向”等視覺暗示原則，通過正方體面積的變化是否會(huì)讓讀者認(rèn)為是人數(shù)的增長(zhǎng)或變化？因?yàn)槿四X思維在長(zhǎng)期的生活積累和認(rèn)知習(xí)慣的作用下, 會(huì)形成一套相對(duì)固定的色彩感知, 當(dāng)受眾感知到這一色彩對(duì)就會(huì)形成一定的心理暗示作用[3]。所以從用戶群體的習(xí)慣思維出發(fā)，綠色的使用在當(dāng)前的心理暗示可能更加偏向于“被治愈”這三個(gè)字眼。

圖7 截至2020 年2 月8 日江岸區(qū)的疫情分布圖

圖8 北京大學(xué)可視化與可視分析實(shí)驗(yàn)室制作的疫情睛雨表

圖9 湖北省截至2020 年2 月6 日疫情晴雨表

圖10 北京大學(xué)可視化與可視分析實(shí)驗(yàn)室制作的疫情方寸間

圖10 中，北京大學(xué)可視化與可視分析實(shí)驗(yàn)室?guī)熒俅芜\(yùn)用了“圖形”與“色彩”的方式并輔以數(shù)字制作的可視化作品——疫情方寸間，每個(gè)單獨(dú)的方塊為一個(gè)省份數(shù)據(jù)，背景顏色表示確診數(shù)，綠色面積表示治愈率，黑色面積表示死亡率。在方塊的右上角，分別使用紅色、綠色和黑色的數(shù)字代表確診數(shù)、治愈數(shù)和死亡數(shù)。通過點(diǎn)擊各省份方塊，可以在全國(guó)疫情態(tài)勢(shì)和全省疫情態(tài)勢(shì)兩者之間切換。這樣的表達(dá)方式較為抽象，值得思考的是綠色與黑色數(shù)字在顏色上與方塊面積相對(duì)應(yīng)，視覺對(duì)比較強(qiáng)烈，確診數(shù)這一變量由于各地人數(shù)的不同也導(dǎo)致了各省份的背景色不同，但確診數(shù)卻與背景色沒有準(zhǔn)確的統(tǒng)一。且諸如武漢等確診病例較多的區(qū)域，省份簡(jiǎn)稱與背景明度區(qū)分不明顯，也會(huì)從一定程度上影響其可讀性。

圖11 為清華大學(xué)項(xiàng)目組成員作品。清華大學(xué)美術(shù)學(xué)院向帆教授致力于數(shù)據(jù)可視化探索與設(shè)計(jì)，在這張圖中，各市區(qū)依據(jù)確診人數(shù)之?dāng)?shù)量形成顏色相同而面積不同的圓形，各個(gè)顏色為淺灰色代表省份的圓形再組合成象征整個(gè)國(guó)家的最大圓形，點(diǎn)擊圓形即可顯示該區(qū)域的確診人數(shù)，其他國(guó)家則處于最大圓形的外圍。同樣是反映截至2020 年1 月26 日的“疫情地圖”，不同于熱力圖主要以色彩為主的表達(dá)方式，圖11 引入了面積這一要素，省份、市區(qū)等被抽象成了圓形，混亂的色階被圖形面積所取代，統(tǒng)一的色彩增強(qiáng)了信息的識(shí)別度，且無需再重復(fù)點(diǎn)擊中國(guó)地圖的省份便能查看各位置的大致感染情況，可以直觀地看出同一省份內(nèi)哪些市區(qū)情況較為嚴(yán)峻，需要加強(qiáng)管控，哪些地區(qū)暫時(shí)安全，要小心防范。作者在可視化過程中對(duì)數(shù)據(jù)進(jìn)行了一定取舍，因?yàn)檎宫F(xiàn)的信息越多，往往意味著讀者需要花費(fèi)更長(zhǎng)的時(shí)間來查找需要的那部分信息[4]，該設(shè)計(jì)雖然只采用了確診人數(shù)這一變量，但這種表達(dá)方法的宏觀呈現(xiàn)性較強(qiáng)，能夠清晰地使讀者了解全國(guó)的疫情發(fā)展?fàn)顩r，也能從一定程度上反饋疫情的走向。

圖11 青華大學(xué)項(xiàng)目組繪制的疫情圖

圖12 微博用戶繪制的疫情圖

圖12 同樣是以圖形與顏色組合的方式顯示了截至2 月12 日湖北省疫情數(shù)據(jù)，密切接觸者、繼續(xù)觀察、累計(jì)確診等數(shù)據(jù)根據(jù)數(shù)值大小被轉(zhuǎn)變?yōu)槊娣e不等的圓形，同時(shí)配以準(zhǔn)確數(shù)字，圖文并茂，具備較強(qiáng)的可讀性，此種方式兼顧了較多的數(shù)據(jù)，對(duì)于以省為單位的全局性表達(dá)較為理想。

4 情感化設(shè)計(jì)背景下的“疫情地圖”分析

諾曼在《設(shè)計(jì)心理學(xué)》一書中將情感化設(shè)計(jì)分為三層次：本能層級(jí)、行為層次與反思層次。并指出“一件產(chǎn)品的成功與否，設(shè)計(jì)的情感要素也許比實(shí)用要素更為關(guān)鍵”[5]，筆者認(rèn)為這同樣適用于指導(dǎo)“疫情地圖”這一可視化設(shè)計(jì)實(shí)踐中。

4.1 本能層次

本能層次在此所指向的是將各類信息通過可視化設(shè)計(jì)后轉(zhuǎn)化為具備一定視覺美感且吸引人的設(shè)計(jì)，即“疫情地圖”的“辨識(shí)度”。圖形的辨識(shí)度直接決定了其可讀性，在百度上搜索實(shí)時(shí)“疫情地圖”，諸如“網(wǎng)易新聞”“百度”“新浪新聞”“丁香園”等頁面都提供相應(yīng)信息的查閱，均是基于中國(guó)地圖這一地理坐標(biāo)系的熱區(qū)圖，筆者分別從電腦端和手機(jī)端觀看數(shù)據(jù)圖片，發(fā)現(xiàn)當(dāng)其呈現(xiàn)于網(wǎng)頁端時(shí)，整體視覺上省份的邊界與色塊清晰可見，而從手機(jī)上閱讀時(shí)由于屏幕尺寸有限，加之各省份的數(shù)據(jù)不同導(dǎo)致各色塊色階相互擠壓，且以上4 個(gè)手機(jī)端界面均不支持以手勢(shì)滑動(dòng)控制縮放功能，對(duì)中、老年人群閱讀欲望及閱讀體驗(yàn)會(huì)產(chǎn)生一定的影響。其次前文所提及的“疫情地圖”中的一個(gè)普遍行為——著色尺度，以顏色的深淺來表示整個(gè)省份的疫情狀況，雖然點(diǎn)擊具體省份后可以進(jìn)一步查看以市區(qū)為單位的信息，但如果不仔細(xì)讀圖，極易陷入整個(gè)省份都已經(jīng)有許多確診人數(shù)的誤解，看到“山河紅遍半邊天”或部分地區(qū)“紅得發(fā)黑”便認(rèn)為疫情已經(jīng)大肆蔓延，是造成誤解與恐慌的主要原因。從這一角度看，“疫情地圖”在具備可視化設(shè)計(jì)形式的同時(shí)更應(yīng)顧及用戶群體的第一反應(yīng)，促使其產(chǎn)生閱讀興趣，并避免誤讀情況的產(chǎn)生。

4.2 行為層次

在情感化設(shè)計(jì)的行為層次中，設(shè)計(jì)主要是與使用有關(guān)，應(yīng)優(yōu)先考慮的是功能，功能性設(shè)計(jì)是設(shè)計(jì)的本質(zhì)屬性[6]，可以認(rèn)為是用戶在使用“疫情地圖”的交互過程中所感受到的愉悅感與使用效率?！耙咔榈貓D”除了反饋實(shí)時(shí)疫情，同時(shí)提供了“最新進(jìn)展”“辟謠信息”及多類別的信息圖表與趨勢(shì)圖供人們參考，人們通過此鏈接可以了解準(zhǔn)確、翔實(shí)的數(shù)據(jù)。當(dāng)然不同用戶人群希望從“疫情地圖”中獲取的信息也因人而異，以百姓為例，他們最希望獲取的信息是細(xì)化到居住區(qū)域?qū)蛹?jí)的確診情況，尤其是如武漢等疫情較為嚴(yán)重的區(qū)域在封城后，哪些地方能提供生活必需品與藥品的購(gòu)置，又有哪些地方被征用為方艙醫(yī)院等信息；醫(yī)務(wù)工作者則希望獲取輕重癥及疑似人數(shù)以制定更好的診療方案；對(duì)于政府部門等工作人員更需要以省區(qū)、市等宏觀層面的信息來助力于決策……從行為層次出發(fā)，在“疫情地圖”的設(shè)計(jì)中可以疊加不同的圖層用以展示針對(duì)不同受眾目標(biāo)所需要的不同信息內(nèi)容，并建立良好的視覺層級(jí)，豐富功能性設(shè)計(jì)以給予用戶易用、實(shí)用的體驗(yàn)。

4.3 反思層次

反思層次所指向的是設(shè)計(jì)所激發(fā)的回憶與思考，與使用者產(chǎn)生情感聯(lián)結(jié)，從而更好地激發(fā)情感體驗(yàn)。眾多網(wǎng)頁及程序都展示著大同小異的“疫情地圖”，是否有一種能夠以提升用戶體驗(yàn)的方式持續(xù)吸引用戶的關(guān)注與點(diǎn)擊，引發(fā)其持續(xù)性的關(guān)注度。以互動(dòng)性為例，疫情的起始、發(fā)展到結(jié)束是一個(gè)動(dòng)態(tài)過程，清華大學(xué)美術(shù)學(xué)院向帆所設(shè)計(jì)的作品的底部增設(shè)了一個(gè)時(shí)間滑動(dòng)模塊，移動(dòng)滑塊可以觀察到，隨著時(shí)間軸的位移，代表數(shù)據(jù)的圓形氣泡大小與位置也隨之改變，但市區(qū)仍是緊緊圍繞省份，氣泡的大小與浮動(dòng)牽動(dòng)著觀者的好奇心，通過這樣的一個(gè)交互體驗(yàn)，冰冷而陌生的數(shù)字似乎在這里變成了一件數(shù)據(jù)藝術(shù)品。值得一提的是這件作品中并沒有過分引入色彩元素，即便是所占用戶群體人數(shù)較少的色弱、色盲人群可無障礙閱讀，這亦是一種無形中的人文關(guān)懷，也正是此類的關(guān)懷在無形中強(qiáng)化與滿足了用戶的使用經(jīng)歷和潛在的心理需求。

5 結(jié)語

疫情發(fā)生以來，各類數(shù)據(jù)讓普通人很難在第一時(shí)間篩選出自己所需要的有效信息，通過可視化的方式, 可以減輕由于大量數(shù)據(jù)給用戶帶來的“信息爆炸”壓力[7]。可視化設(shè)計(jì)的初衷是“讓數(shù)據(jù)說話”并讓受眾迅速理解大量信息，本質(zhì)上這是一個(gè)抽象的過程[8]，這也需要設(shè)計(jì)者在設(shè)計(jì)作品的時(shí)候充分地考慮到受眾的真正需求。筆者基于所搜集的案例進(jìn)行分析不以區(qū)分優(yōu)劣為最終目的，因?yàn)闆]有任何一種產(chǎn)品能夠滿足每一個(gè)人，同樣沒有任何一種“疫情地圖”可以滿足不同用戶的不同需求，唯有設(shè)計(jì)形式與信息內(nèi)涵相輔相成的方式才能為人們所接受?！耙咔榈貓D”作為當(dāng)下一種熱門的信息可視化傳達(dá)方式，更應(yīng)兼具數(shù)據(jù)的傳達(dá)、交互性的獲取方式、生成性的發(fā)展趨勢(shì)及視覺的美感，只有深入研究疫情地圖背后的視覺傳達(dá)原理，才能更好地指導(dǎo)疫情地圖的設(shè)計(jì)與實(shí)踐，助力信息從高速傳播向高效傳播躍進(jìn)。