你可能已經(jīng)在數(shù)據(jù)的海洋里“游過(guò)泳”了。分析，報(bào)告，指標(biāo)和基于數(shù)據(jù)的事實(shí)是新的規(guī)范，人們看起來(lái)似乎不夠。但是如何在你的網(wǎng)頁(yè)設(shè)計(jì)中通過(guò)設(shè)計(jì)將數(shù)據(jù)具體的體現(xiàn)出來(lái)？采取怎樣的設(shè)計(jì)方式可以將這些復(fù)雜的東西，分解成更小，更易于消化的東西而不會(huì)破壞信息的整體意義？這可能是一項(xiàng)艱巨的任務(wù)。今天，我們來(lái)看看數(shù)據(jù)設(shè)計(jì)可以使用的不同方法，并希望提供一些可用的提示！

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

好的數(shù)據(jù)是完整信息的基礎(chǔ)。這是可以信賴(lài)的資源，可以幫助你了解一些真實(shí)或者似乎是這樣的事情。在一個(gè)越來(lái)越多的信息涌向你的世界中，在網(wǎng)站設(shè)計(jì)項(xiàng)目中使用數(shù)據(jù)是一個(gè)可以為用戶(hù)提供額外的信息的方法，它可以使你的項(xiàng)目與其他項(xiàng)目區(qū)別開(kāi)，建立信譽(yù)和可信賴(lài)度。使用數(shù)據(jù)支持將幫助用戶(hù)了解產(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)問(wèn)題。

2.提供資料

思考數(shù)據(jù)的設(shè)計(jì)方案的步就是你要知道如何使用它。你想完成什么？數(shù)據(jù)應(yīng)該附加知識(shí)背景以及通過(guò)設(shè)計(jì)的其他部分來(lái)支持并提供相應(yīng)的“數(shù)據(jù)故事”。在沒(méi)有上下文的情況下直接將數(shù)據(jù)脈絡(luò)表或數(shù)字拋在網(wǎng)頁(yè)設(shè)計(jì)上是沒(méi)有幫助的。你需要提供其他信息和上下文。那么你應(yīng)該寫(xiě)什么呢，你的視覺(jué)中心有在哪里呢？你想要混合突出顯示關(guān)鍵點(diǎn)與可視化。確定是否顯示或告訴用戶(hù)基于消化信息的更簡(jiǎn)單的方法。我們以地圖為例。從點(diǎn)a到點(diǎn)b解釋轉(zhuǎn)彎方向可能很麻煩，難以消化，但是地圖更容易遵循和通常的理解。更好做法是使用一個(gè)交互式地圖，用戶(hù)可以在必要時(shí)更改路線(xiàn)，并在需要的時(shí)候獲取轉(zhuǎn)彎信息。

3.組織它

數(shù)據(jù)必須組織起來(lái)才能有效。它必須以邏輯和明智的方式才能流動(dòng)起來(lái)，以便用戶(hù)能夠理解你嘗試建立的點(diǎn)。時(shí)間表是說(shuō)明這一點(diǎn)的完美方法。這種類(lèi)型的數(shù)據(jù)可視化意味著按時(shí)間順序流動(dòng)。隨著時(shí)間軸上的事件的發(fā)生，信息的流動(dòng)就會(huì)發(fā)生。用戶(hù)不需要考慮如何來(lái)理解它。但是，如果你在網(wǎng)站設(shè)計(jì)上讓它看起來(lái)像一個(gè)時(shí)間表，但是里面的日期卻是一個(gè)混亂的順序狀態(tài)。這可能會(huì)使用戶(hù)感到困擾，并可能導(dǎo)致他們離開(kāi)網(wǎng)站。

4.決定什么是重要的

這可能是數(shù)據(jù)設(shè)計(jì)中困難的部分：你不能使用所有的數(shù)據(jù)。大多數(shù)項(xiàng)目都帶有大量數(shù)據(jù)。你的工作是，通過(guò)考慮以及區(qū)分這一切，抓住關(guān)鍵部分，并將它們納入整體設(shè)計(jì)。你的工作是在缺少和太多的信息之間創(chuàng)建平衡，以便用戶(hù)只找到他們所需要的。學(xué)習(xí)分析大量信息并不總是容易的，而且往往是一個(gè)團(tuán)隊(duì)的努力。牢記視覺(jué)數(shù)據(jù)點(diǎn)和文本點(diǎn)的平衡行為，并記住不要重復(fù)努力，除非有必要理解。圖表是組織相關(guān)信息的好方法，特別是在進(jìn)行比較時(shí)，比如Viget博客中的一個(gè)圖表。

5.考慮規(guī)模

對(duì)于圖標(biāo)來(lái)說(shuō)還有很多需要優(yōu)化的而不僅僅是讓它更漂亮。用戶(hù)應(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è)泡沫只是尺寸的四分之一？該比例為信息提供視覺(jué)上下文，以便用戶(hù)實(shí)際可以看到他們需要知道的內(nèi)容。

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

有時(shí)數(shù)據(jù)可能太復(fù)雜，無(wú)法以任何方式來(lái)展現(xiàn)它。所以不要太強(qiáng)迫它。如果發(fā)生這種情況，你可以考慮另一條幫助用戶(hù)連接信息的路徑（我喜歡的技巧是將文本元素事實(shí)與圖標(biāo)配對(duì)，該圖標(biāo)吸引用戶(hù)，事實(shí)清楚地表示在視覺(jué)元素旁邊）。

總結(jié)

雖然大多的數(shù)據(jù)可能都會(huì)使用戶(hù)感到頭疼，但這可能是一件好事。了解如何處理和剔除這些信息，并將事實(shí)部分與項(xiàng)目配對(duì)，以充分利用支持?jǐn)?shù)據(jù)來(lái)描述更完整的故事。一旦你知道你在需要使用以及表達(dá)什么，將其可視化。無(wú)論你是自己設(shè)計(jì)數(shù)據(jù)元素還是使用優(yōu)秀的工具，信息數(shù)據(jù)可以打動(dòng)用戶(hù)，增加項(xiàng)目的可信度，并在美學(xué)上加強(qiáng)其功能。