這篇文章，講述了信息圖設(shè)計(jì)中的一些要旨，以及常見(jiàn)的一些錯(cuò)誤，信息圖在現(xiàn)代的數(shù)據(jù)表現(xiàn)中也是越來(lái)越重要了，如果你感興趣的話(huà)，還是可以去原文看看（NNG的文章感覺(jué)淺嘗輒止，沒(méi)有讓人醍醐灌頂?shù)母杏X(jué)啊...
原文鏈接：Designing Effective Infographics
原文作者：?Lexie Martin
信息圖是，可以將數(shù)據(jù)轉(zhuǎn)換為便于理解和吸引人的視覺(jué)媒介。將視覺(jué)與文字圖形結(jié)合在一起，更好地表達(dá)出意圖，但這并不容易實(shí)現(xiàn)。
隨著我們收集數(shù)據(jù)的方式，和分析數(shù)據(jù)的工具發(fā)展，我們的世界正變得更加豐富。在一個(gè)日趨數(shù)字化的世界里，設(shè)計(jì)師面臨的挑戰(zhàn)之一就是，如何將數(shù)據(jù)轉(zhuǎn)換成一種大眾容易理解的媒介。信息圖就是一種強(qiáng)大的講述工具，允許用戶(hù)理解，分析，摸索數(shù)據(jù)。社交媒體的分享，讓信息圖在內(nèi)容營(yíng)銷(xiāo)的網(wǎng)站上很受歡迎。
數(shù)據(jù)可視化和信息圖之間的區(qū)分是微妙的，表格，圖形，地圖是常見(jiàn)的數(shù)據(jù)可視化類(lèi)型。
在人機(jī)交互中，信息可視化領(lǐng)域研究交互式數(shù)據(jù)表現(xiàn)。與靜態(tài)的數(shù)據(jù)可視化不同，信息可視化允許用戶(hù)操作，獲得不同的數(shù)據(jù)。
信息和數(shù)據(jù)可視化讓人知道了從數(shù)據(jù)中摸索的模式。對(duì)于特定類(lèi)型的受眾或語(yǔ)境，可視化可能并不能夠很好的傳達(dá)您的信息。在這樣的情況下，信息圖可以更清楚地表達(dá)你的關(guān)系。
定義：信息圖是一種媒介圖像，只在呈現(xiàn)復(fù)雜的信息和數(shù)據(jù)，易于理解。信息圖通常包括數(shù)據(jù)和少量的信息可視化，由插圖、事實(shí)、引用和標(biāo)題組成。信息圖可以獨(dú)立存在。
信息圖設(shè)計(jì)指南
信息圖上的每一項(xiàng)都應(yīng)該傳達(dá)出有意義的信息。Edward Tufte在他的1983年著作《The Visual Display of Quantitative》提到了data-ink ratio的概念，用來(lái)總結(jié)可視化的數(shù)據(jù)密度。該比率將有價(jià)值的信息與完整的圖形進(jìn)行比較。理想情況下，數(shù)據(jù)可視化具有較高的data-ink比例，圖形中的大部分視覺(jué)都傳遞出有意義的信息。
Tufte提倡一種極簡(jiǎn)主義的圖表展示方式，引導(dǎo)用戶(hù)看到呈現(xiàn)的信息，而不是設(shè)計(jì)師的個(gè)人表現(xiàn)。他的方法消解了所有的裝飾-一個(gè)完美的data-ink比例的圖，不僅省略了插圖，而且還刪除了背景圖片、圖標(biāo)裝飾，甚至網(wǎng)格線(xiàn)。
信息圖是一種混合的媒介，這里有許多創(chuàng)造的空間。有趣的視覺(jué)元素，例如插圖、照片、圖標(biāo)，在媒介中是可以接受的，甚至被預(yù)期。使用視覺(jué)的主題可能會(huì)讓你的作品更容易表達(dá)出抽象的概念。增加數(shù)字意義的元素，可以提高信息圖的可共享性，在Twitter或Instagram上理解信息。
誠(chéng)實(shí)的信息
在設(shè)計(jì)信息圖時(shí)，最重要的是清楚真實(shí)的呈現(xiàn)數(shù)據(jù)，顯示數(shù)據(jù)差異的方式，準(zhǔn)確地傳遞數(shù)值，如果你的圖形匯總包括了統(tǒng)計(jì)信息，請(qǐng)明確指出數(shù)據(jù)的信息源。
幾十年來(lái)，統(tǒng)計(jì)學(xué)家和信息設(shè)計(jì)師一直在討論圖表尺度細(xì)節(jié)。一個(gè)特別有爭(zhēng)議的是Y軸起點(diǎn)。Darrell Huff在他1954年出版的《How to Lie with Statistics》一書(shū)中告誡讀者，任何以0開(kāi)始的Y軸圖表都要小心。一些專(zhuān)家并不統(tǒng)一，認(rèn)為只要清楚地表達(dá)出比例，這個(gè)規(guī)則就沒(méi)有必要。為圖表選擇一個(gè)恰當(dāng)?shù)谋壤?，清晰地展現(xiàn)趨勢(shì)和傳遞數(shù)據(jù)集合做一個(gè)平衡，數(shù)據(jù)可視化的起點(diǎn)應(yīng)該顯示數(shù)據(jù)集的基線(xiàn)狀態(tài)。在許多情況下，0是一個(gè)自然起點(diǎn)，而當(dāng)另一個(gè)邏輯起點(diǎn)存在時(shí)，不需要強(qiáng)制按照0為起點(diǎn)。
例如在金融業(yè)，股票圖表的Y軸就是一種常見(jiàn)的做法。用戶(hù)通常關(guān)注股票價(jià)格的細(xì)節(jié)，以及隨著時(shí)間推移的變化，而不是從0開(kāi)始的價(jià)格。
但是，如果主要用戶(hù)的任務(wù)是比較圖上的不同數(shù)值，則截?cái)郰軸是不可取的。例如用戶(hù)想要比較2017年10月與2018年10月的股票價(jià)值?？赡軙?huì)錯(cuò)誤的以為股票價(jià)格翻了一番。
下面的圖表也可能會(huì)因?yàn)閅軸被截?cái)嗔硕a(chǎn)生誤解。這張圖表反映了美國(guó)人對(duì)一項(xiàng)有爭(zhēng)議的判決的感受。粗略一看，會(huì)以為民主黨與共和黨之間存在著明顯的意見(jiàn)分歧。事實(shí)上，絕對(duì)數(shù)據(jù)顯示62%的民主黨人和54%的共和黨人同意法院的決定。
極簡(jiǎn)主義與信息圖設(shè)計(jì)
盡管在信息圖的世界中，設(shè)計(jì)規(guī)則是相當(dāng)寬松的，但極簡(jiǎn)主義也是有幫助，是減少內(nèi)容復(fù)雜性的設(shè)計(jì)哲學(xué)。
選擇可讀性的字體，而不是裝飾字體。選擇合適字體是關(guān)鍵。媒介需要許多不同的文本大小：標(biāo)題、引號(hào)、統(tǒng)計(jì)信息、字號(hào)應(yīng)該不同，用以在圖形中建立清晰的層次結(jié)構(gòu)。應(yīng)該避免使用腳本字體，和過(guò)于復(fù)雜的襯線(xiàn)字體，因?yàn)樗麄儠?huì)分散眼睛查看信息圖時(shí)收到的視覺(jué)信息。
選擇一個(gè)有限的調(diào)色板，不同的顏色在視覺(jué)上會(huì)更吸引人，也更吸引注意力。顏色是一種很好的方式，可以快速傳達(dá)圖表上的差異，突出信息圖的各個(gè)部分，但太多的顏色會(huì)過(guò)于強(qiáng)勢(shì)。
顏色是強(qiáng)大的信息工具，但并不應(yīng)該被用作唯一的視覺(jué)區(qū)分。色盲和色弱的用戶(hù)會(huì)很難理解僅使用顏色傳遞信息的信息圖。一個(gè)最簡(jiǎn)化的調(diào)色板，可以讓設(shè)計(jì)師意識(shí)到顏色意外的表達(dá)方式。
選擇簡(jiǎn)單的插圖，可以讓信息圖的焦點(diǎn)保持在相關(guān)數(shù)據(jù)上。這些插圖應(yīng)該支持文章的信息，而不需要直接解釋數(shù)據(jù)。上面的信息圖還討論了公司如何招募遠(yuǎn)程開(kāi)發(fā)者。
這個(gè)信息圖中的圖形元素是現(xiàn)代和極簡(jiǎn)的。線(xiàn)條清晰，圖形也不包含復(fù)雜的紋理。遵循統(tǒng)一的美學(xué)習(xí)慣。元素保持了簡(jiǎn)單一致的樣式，讓信息圖看起來(lái)像一個(gè)統(tǒng)一的，視覺(jué)上令人愉悅的整體。
交互性
交互式信息圖包括用戶(hù)可以直接操作的數(shù)據(jù)和可視化信息。這類(lèi)型的信息圖提供了上下文和敘述，同時(shí)允許用戶(hù)控制他們看到的數(shù)據(jù)。近年來(lái)，交互式信息圖已經(jīng)流行起來(lái)，新聞媒體也經(jīng)常以交互式信息圖來(lái)表現(xiàn)，讓讀者能夠理解數(shù)字背后的故事。
在添加交互元素之前，考慮一下正在創(chuàng)建的部分需求。用戶(hù)對(duì)數(shù)據(jù)的哪些方面感興趣？如果你只想說(shuō)明一點(diǎn)，那么靜態(tài)可視化就足夠了。如果你希望用戶(hù)操作并深入了解數(shù)據(jù)的不同方面，交互式信息圖可能是合適的。
分享與社交媒體
信息圖經(jīng)常在Twitter、Facebook、Linkedin等社交媒體上分享。這些頻道可以推動(dòng)你的內(nèi)容流動(dòng)。然而，在社交媒體上分享的圖片經(jīng)常被轉(zhuǎn)帖，而沒(méi)有連接到原始的原來(lái)，你可以在創(chuàng)建的信息圖中添加水印或標(biāo)識(shí)。這可以幫助用戶(hù)找到完整版本。
常見(jiàn)錯(cuò)誤
分散用戶(hù)注意力的視覺(jué)元素，信息圖的圖形元素應(yīng)該增加用戶(hù)對(duì)信息的信息，而不是讓用戶(hù)的注意力從你想要傳達(dá)的信息上移開(kāi)。
不恰當(dāng)?shù)某叨?。正如我們前面所討論的，這個(gè)常見(jiàn)的錯(cuò)誤會(huì)破壞可視化信息的真實(shí)性。當(dāng)圖表的比例不能準(zhǔn)確地表現(xiàn)出數(shù)據(jù)點(diǎn)之間的差異時(shí)，它就會(huì)破壞數(shù)據(jù)的印象。信息圖中被裁剪、拉伸、扭曲都會(huì)造成不好的影響。
不假思索的復(fù)制。信息圖是一種視覺(jué)媒體，但觀眾所閱讀的內(nèi)容仍然很重要。許多信息圖的設(shè)計(jì)師在設(shè)計(jì)過(guò)程最后才添加文本，并使用不清晰的文字，這會(huì)影響整個(gè)圖像。此外，一些信息圖表格忽略了對(duì)文本格式的優(yōu)化，長(zhǎng)而無(wú)結(jié)構(gòu)的段落會(huì)造成信息過(guò)載。
不清晰的層次結(jié)構(gòu)。視覺(jué)層次結(jié)構(gòu)通過(guò)信息圖呈現(xiàn)的信息來(lái)引導(dǎo)觀眾。如果項(xiàng)目沒(méi)有規(guī)則，那么信息圖的信息就很難被識(shí)別。
常見(jiàn)錯(cuò)誤的說(shuō)明
數(shù)據(jù)可視化和信息圖并不是一門(mén)實(shí)際的學(xué)科。這里討論的常見(jiàn)錯(cuò)誤一定程度上是普遍存在的，因?yàn)榘l(fā)展太過(guò)于迅速，數(shù)據(jù)可視化已經(jīng)刊印了幾個(gè)世紀(jì)，最近的互聯(lián)網(wǎng)發(fā)展，在我們使用的材料上發(fā)生了巨大的變化。十年前，交互式信息圖在flash中的表現(xiàn)很困難，但是在現(xiàn)代的瀏覽器中，響應(yīng)速度很快，最佳實(shí)踐是隨著技術(shù)的進(jìn)步，視覺(jué)趨勢(shì)也會(huì)發(fā)生變化，但可訪(fǎng)問(wèn)的信息設(shè)計(jì)基本原則不會(huì)改變。
當(dāng)你創(chuàng)建一個(gè)信息圖時(shí)，要求清晰并提升可訪(fǎng)問(wèn)性，而不是絕對(duì)的完美，迭代生產(chǎn)的圖形，可以發(fā)現(xiàn)如何以用戶(hù)理解的方式呈現(xiàn)內(nèi)容。
結(jié)語(yǔ)
信息圖是一種很好的方式來(lái)溝通復(fù)雜的概念，以一種可訪(fǎng)問(wèn)的娛樂(lè)方式。這種混合媒介，將數(shù)據(jù)可視化和圖形文本結(jié)合，讓信息易于理解。許多已經(jīng)構(gòu)建于用戶(hù)界面的啟發(fā)式設(shè)計(jì)應(yīng)用于數(shù)據(jù)可視化和信息圖，創(chuàng)建更漂亮的數(shù)據(jù)表達(dá)。
