閃光的不必定是金子：設計數據的一種常見誤解

信息數據設計工做時你經常會聽到這樣的要求，「你能不能讓數據看起來很酷?」，「酷」是一個比較模糊的術語，不一樣的人意味着不一樣的事情。不幸的是，處理數據時，「酷」每每是直接並列與常見的圖表，如線，條形和數據圓，每每處於後衛的設計。

強調的即時信息圖表的演示數據的清晰度視覺吸引力是一個使人不安的趨勢，困擾着現代信息圖表的化身。

數據可視化和「酷」的因素

「圖形的重要標準是否是簡單的速度有多快，咱們能夠看到一個結果，而是它是經過使用的圖形，咱們是否能夠看到一直很難看，不然或不能在已經出如今全部。 「

-威廉·克利夫蘭，Web應用程序設計手冊

直觀地顯示數據時，咱們的主要目的應該是尋找如何進行有效的溝通的故事隱藏在深處的電子表格。數據可視化授予發現的一種手段。它釋放的數據表的原始格式的侷限，提供了一種方式，觀衆看到的發展趨勢，收集的看法和詞，而無需瞭解複雜的故事。

然而，平均infographic的在線今天，你可能會遇到更側重對總體美感的一塊，「酷」的因素，而不是對數據自己。「信息海報」，很大程度上說明和信息像素密度低，目前占主導地位的信息圖表景觀，其中許多啞下來的數據和，勺子喂觀衆選擇設置所選擇的主題爲容易消化的factoids。

在努力使數據顯得更有趣，有些信息圖表使用的設計元素分散觀衆的注意力。大視野。

在努力實現涼意時，上面的例子中放棄的數據的完整性，所以，信息圖表的主要功能。的設計，而不是明確的數據，其實是分散了觀衆的信息，鼓勵他們從事的視覺元素，而不是數據自己。

數據比。設計?

如今，這是否是說，知識性和美麗是相互排斥的。有許多美好的高效，有效和視覺震撼的方式呈現數據的例子。但他們大多數人的美在於在他們的簡單。

「 美國槍死亡 「潛望鏡。大視野。

目前最有效的信息圖表和可視化數據以清晰，儘可能簡潔，自由從大多數的分心和裝飾 - 強調不使數據看起來很酷，可是確保數據的故事清晰地傳達。

在設計過程當中做出的決定將幫助或妨礙觀衆的理解的題材。因此，儘管它常常說，將肯定類型的可視化的數據類型，顏色，形狀，佈局和排版設計選擇也很是重要，會影響到信息的難易程度能夠理解。例如，色彩能夠突出重點的看法，大小能夠表現出變化，和鄰近意味着相關。

一個常見的誤解是，觀衆將在你的數據感興趣，只有當它看起來很使人興奮和被分解成一口大小的塊。在現實中，你不須要打扮的數據，使其更有趣。圖形中的信息，或者你的故事揭示，將最終決定上訴的一塊，而不是花哨的插圖。正如布賴恩·蘇達在他的書中設計數據，「平面設計是否是壞的拷貝，佈局不佳或誤導的統計數字」的靈丹妙藥。

條形圖是你的朋友，不是你的敵人

重點是有效地進行數據通訊時，經常使用的圖表類型不該該被斥爲無聊的替代品，你固然不該該懼怕使用它們講故事時，與數據。

紐約時報「和」衛報「等新聞機構嚴重依賴這些經常使用的圖表類型，由於簡單和效率每每會賽過新奇複雜的信息傳達給廣大觀衆。

「 爲何她的薪水? 「紐約時報」 大視野。

如線，酒吧和餡餅圖表自18世紀以來一直在不斷的使用有很好的理由。信息是如何顯示和人類感知事物的內在在這些圖表上訴直接組織。根據格式塔感知規律，人類的大腦會自動組織和團體接近，類似性，連續性和對稱性看到的東西。

支持這些關係的方式(例如，經過使用顏色來顯示類似性，或者經過使用鏈接線暗示連續性)的數據進行設計，使得觀衆更容易理解數據顯示，並得出若干結論，不少困難來只是以表格形式顯示數據。

據安迪·柯克在他的書中的數據可視化：一個成功的設計過程當中，經過一個直觀有效的方式呈現數據，你只是在尋找數據移動，實際上看到它。「

在實踐中

下面的「信息圖表」不幸的結果極可能是一個設計師被要求使數據看起來很酷 - 我能夠確定的同情與困境，在多個項目中被賦予了相同的創做方向。不止一次，我已經明確要求不使用條形圖或折線圖，並告訴我，我只是須要「爵士樂數據，」不少個人關注。

介紹下面的信息確定是獨一無二的，並已經施加努力使信息看起來頗有意思。失敗的圖形，可是，在實際傳送信息。

在谷歌 「 十大薪金 「：使數據看起來更有趣並不必定能使它更容易理解。大視野。

此圖形的主要目的原本應該比表更容易閱讀的格式呈現數據。

大視圖。

然而，在這種狀況下，表中的功能更有效地比做爲一種方法來探索數據的圖形。若是每一個做業的薪金範圍在圖形是不存在的，這將是幾乎沒法閱讀。這裏採用餅圖格式實際上掩蓋了數據，而不是對其進行訪問。此外，顏色是有點混亂的餡餅片半徑意味着

(更新：數字其實涉及到該角色是否涉及兩個薪金。雙工資類是自己有問題，由於它是不徹底清楚是否這些薪水範圍涉及到1或工資，雙方薪金的總和人數也是誤導做用。此外，多人使用的數字來講明雙薪點。乍一看，這種特殊的意象暗示的數量與該角色相關的人，而不是展現其擬定用途在這種狀況下每一個角色的工資，也許須要一個不一樣的圖標來表示工資)。

因此，這怎麼多是更好的可視化?首先集中於數據的清晰度，我探討這個小的數據集可能已提交僅有兩種可能的方式。我敢確定有不少不少。

一個可能的替代上述信息圖表。大視野。

這第一個選項，讓觀者更清晰的數據表示。與線性組織，觀衆能夠了解什麼樣的數據顯示，一目瞭然，而無需工做太辛苦。與之造成鮮明對比的原始，這個圖使數據的即時訪問，使做業之間的比較容易。

我可能會聽到的是第一宗投訴，該圖具備豐富的空。然而，這個空間其實講述的故事的重要組成部分。一方面，咱們提出了比較10個就業機會，另外一方面，咱們也想強調這些工資實際上是很是高的，白色的空間，增強。

另外，數據能夠被呈現爲一個斜坡圖：

任一項的數據集能夠以多種方式。大視圖。

在這裏，咱們已經放大成的圖形部分。在左側，標記查明的工資範圍的低端，在右邊，標記精肯定位的高端。這個版本更清楚地強調這些工做的工資與最普遍的範圍內，它向咱們展現了不一樣的呈現方式，能夠告訴略有不一樣的故事。

這兩個例子可能沒有原來 ​​的視覺瀟灑，但不像原來的方便，數據和故事給觀衆，而不是阻礙的動機看起來很酷。

要求簡單地使數據看起來有趣信息設計中是很常見的，它看起來無辜。但若是你放棄了數據的完整性，爲實現這一目標，那麼你冒的風險，把你的infographic的信息僅僅是一個圖形，這是一個很大的區別。

閃光的不必定是金子。

本文由紅蜘蛛網絡聯盟（www.rswebun.com）編譯，原文地址：http://www.smashingmagazine.com/2013/07/29/common-misconception-designing-data/

相關文章：優秀的UI設計技巧