你可能已經(jīng)在數(shù)據(jù)的海洋里“游過泳”了。分析，報(bào)告，指標(biāo)和基于數(shù)據(jù)的事實(shí)是新的規(guī)范，人們看起來似乎不夠。

但是如何在你的網(wǎng)頁設(shè)計(jì)中通過設(shè)計(jì)將數(shù)據(jù)具體的體現(xiàn)出來？采取怎樣的設(shè)計(jì)方式可以將這些復(fù)雜的東西，分解成更小，更易于消化的東西而不會(huì)破壞信息的整體意義？這可能是一項(xiàng)艱巨的任務(wù)。今天，我們來看看數(shù)據(jù)設(shè)計(jì)可以使用的不同方法，并希望提供一些可用的提示！

1.為什么你在哪都能“遇見”數(shù)據(jù)？

好的數(shù)據(jù)是完整信息的基礎(chǔ)。這是可以信賴的資源，可以幫助你了解一些真實(shí)或者似乎是這樣的事情。

在一個(gè)越來越多的信息涌向你的世界中，在網(wǎng)站設(shè)計(jì)項(xiàng)目中使用數(shù)據(jù)是一個(gè)可以為用戶提供額外的信息的方法，它可以使你的項(xiàng)目與其他項(xiàng)目區(qū)別開，建立信譽(yù)和可信賴度。使用數(shù)據(jù)支持將幫助用戶最終了解產(chǎn)品，并幫助你更好地了解工作。

關(guān)于最后一個(gè)要素是什么，當(dāng)你了解數(shù)據(jù)和設(shè)計(jì)項(xiàng)目的的關(guān)聯(lián)或結(jié)構(gòu)的時(shí)侯，你可能會(huì)更好地了解信息和相關(guān)設(shè)計(jì)的每個(gè)元素。這種全面的理解將使你成為更好的設(shè)計(jì)師，因?yàn)樵擁?xiàng)目將解決其目標(biāo)問題。

2.提供資料

思考數(shù)據(jù)的設(shè)計(jì)方案的第一步就是你要知道如何使用它。你想完成什么？

數(shù)據(jù)應(yīng)該附加知識(shí)背景以及通過設(shè)計(jì)的其他部分來支持并提供相應(yīng)的“數(shù)據(jù)故事”。在沒有上下文的情況下直接將數(shù)據(jù)脈絡(luò)表或數(shù)字拋在網(wǎng)頁設(shè)計(jì)上是沒有幫助的。你需要提供其他信息和上下文。

那么你應(yīng)該寫什么呢，你的視覺中心有在哪里呢？你想要混合突出顯示關(guān)鍵點(diǎn)與可視化。確定是否顯示或告訴用戶基于消化信息的最簡(jiǎn)單的方法。

我們以地圖為例。從點(diǎn)a到點(diǎn)b解釋轉(zhuǎn)彎方向可能很麻煩，難以消化，但是地圖更容易遵循和通常的理解。更好做法是使用一個(gè)交互式地圖，用戶可以在必要時(shí)更改路線，并在需要的時(shí)候獲取轉(zhuǎn)彎信息。

3.組織它

數(shù)據(jù)必須組織起來才能有效。它必須以邏輯和明智的方式才能流動(dòng)起來，以便用戶能夠理解你嘗試建立的點(diǎn)。

時(shí)間表是說明這一點(diǎn)的完美方法。這種類型的數(shù)據(jù)可視化意味著按時(shí)間順序流動(dòng)（通常從最早到最新的日期）。隨著時(shí)間軸上的事件的發(fā)生，信息的流動(dòng)就會(huì)發(fā)生。用戶不需要考慮如何來理解它。

但是，如果你在網(wǎng)站設(shè)計(jì)上讓它看起來像一個(gè)時(shí)間表，但是里面的日期卻是一個(gè)混亂的順序狀態(tài)。這可能會(huì)使用戶感到困擾，并可能導(dǎo)致他們離開網(wǎng)站。

4.決定什么是重要的

這可能是數(shù)據(jù)設(shè)計(jì)中最困難的部分：你不能使用所有的數(shù)據(jù)。

大多數(shù)項(xiàng)目都帶有大量數(shù)據(jù)。你的工作是，通過考慮以及區(qū)分這一切，抓住關(guān)鍵部分，并將它們納入整體設(shè)計(jì)。你的工作是在缺少和太多的信息之間創(chuàng)建平衡，以便用戶只找到他們所需要的。

學(xué)習(xí)分析大量信息并不總是容易的，而且往往是一個(gè)團(tuán)隊(duì)的努力。牢記視覺數(shù)據(jù)點(diǎn)和文本點(diǎn)的平衡行為，并記住不要重復(fù)努力，除非有必要理解。

圖表是組織相關(guān)信息的好方法，特別是在進(jìn)行比較時(shí)，比如Viget博客中的一個(gè)圖表。

5.考慮規(guī)模

對(duì)于圖標(biāo)來說還有很多需要優(yōu)化的而不僅僅是讓它更漂亮。用戶應(yīng)該能夠一目了然，獲得準(zhǔn)確的信息，這就是為什么規(guī)模如此重要。

可視化點(diǎn)應(yīng)該以邏輯的方式相互關(guān)聯(lián)。

看看上面的元素，每個(gè)“氣泡”代表一個(gè)數(shù)字。基準(zhǔn)數(shù)字為100。注意，200個(gè)泡沫是100的兩倍，而25個(gè)泡沫只是尺寸的四分之一？該比例為信息提供視覺上下文，以便用戶實(shí)際可以看到他們需要知道的內(nèi)容。

6.不要在視覺上表現(xiàn)出強(qiáng)制性

有時(shí)數(shù)據(jù)可能太復(fù)雜，無法以任何方式來展現(xiàn)它。所以不要太強(qiáng)迫它。

如果發(fā)生這種情況，你可以考慮另一條幫助用戶連接信息的路徑（我最喜歡的技巧是將文本元素事實(shí)與圖標(biāo)配對(duì)，該圖標(biāo)吸引用戶，事實(shí)清楚地表示在視覺元素旁邊）。

總結(jié)

雖然大多的數(shù)據(jù)可能都會(huì)使用戶感到頭疼，但這可能是一件好事。了解如何處理和剔除這些信息，并將事實(shí)部分與項(xiàng)目配對(duì)，以充分利用支持?jǐn)?shù)據(jù)來描述更完整的故事。

一旦你知道你在需要使用以及表達(dá)什么，將其可視化。無論你是自己設(shè)計(jì)數(shù)據(jù)元素還是使用優(yōu)秀的工具，信息數(shù)據(jù)可以打動(dòng)用戶，增加項(xiàng)目的可信度，并在美學(xué)上加強(qiáng)其功能。