本文分享了數(shù)據(jù)可視化圖表的六項(xiàng)設(shè)計原則，希望對你有所啟發(fā)。

2017年8月，一組由Google充滿激情的設(shè)計師，研究人員和工程師共同創(chuàng)建了一套全面的數(shù)據(jù)可視化指南，涵蓋了顏色，形狀，版式，圖標(biāo)，交互和運(yùn)動等所有方面。這項(xiàng)合作的成功引發(fā)了Google的第一個全職數(shù)據(jù)可視化團(tuán)隊(duì)的成立，該團(tuán)隊(duì)于2018年5月啟動。

在過去的一年中，我們繼續(xù)致力于理解需求，要求和愿望，以塑造人們?nèi)绾慰梢暬畔⒉⑴c之交互。

現(xiàn)在，我們想與各地的創(chuàng)作者分享我們的見解。我們已經(jīng)發(fā)布了用于創(chuàng)建自己的數(shù)據(jù)可視化的詳細(xì)的公開準(zhǔn)則，并總結(jié)了我們的主要原則和注意事項(xiàng)。

下面是設(shè)計任何圖表的六種策略：

1. 說實(shí)話

數(shù)據(jù)準(zhǔn)確性和完整性至上。請勿扭曲或混淆信息的修飾或局部性。強(qiáng)調(diào)清晰度和透明度。

向用戶提供他們需要了解給定可視化效果的上下文元素。通過使用清晰的標(biāo)簽，準(zhǔn)確的軸和基線以及輔助工具提示和圖例，可以最大程度地提高圖形的完整性。

運(yùn)動可以幫助加強(qiáng)關(guān)系，但一定不能扭曲數(shù)據(jù)。對所使用的數(shù)據(jù)集，其來源以及收集和處理方式保持透明。

2. 伸出援助之手

提供上下文并幫助用戶瀏覽數(shù)據(jù)。建立優(yōu)先考慮數(shù)據(jù)探索和比較的能力。

設(shè)計時要考慮用戶現(xiàn)有的思維模型（可能由廣泛使用的工具塑造）。營造溫暖的入職體驗(yàn)，使您輕松學(xué)習(xí)如何閱讀圖表及其信息。

選擇支持核心功能可發(fā)現(xiàn)性的可視化和交互式功能，例如選擇，縮放，平移和過濾。

運(yùn)動和交互應(yīng)該通過揭示上下文，見解，關(guān)聯(lián)和因果關(guān)系來支持分析推理和用戶理解。利用空狀態(tài)作為啟示的時刻。

3. 高興的用戶

總是超出期望?？紤]性能，改進(jìn)，驚喜和創(chuàng)新。擁抱動態(tài)，快速和聰明的體驗(yàn)。

創(chuàng)建出色的可視化體驗(yàn)，然后以意想不到的方式改進(jìn)它們。在適當(dāng)?shù)臅r候，使用簽名功能和一些小小的歡樂時刻，將用戶引導(dǎo)到他們所需要的。速度與圖形效果一樣令人賞心悅目。在狀態(tài)轉(zhuǎn)換的編排中考慮運(yùn)動和定時，以幫助感知快速響應(yīng)的系統(tǒng)。

4. 使焦點(diǎn)清晰

減少認(rèn)知負(fù)擔(dān)，并專注于重要的事情。每個動作，顏色和視覺元素都應(yīng)支持?jǐn)?shù)據(jù)洞察力和理解力。

關(guān)注用戶的任務(wù)，其他所有操作都應(yīng)遵循。引導(dǎo)用戶盡快訪問基本信息。最大化數(shù)據(jù)墨水比，避免使用多余的圖形元素。以有意義的方式應(yīng)用顏色以有助于圖形理解：標(biāo)簽，分組，突出顯示或度量。謹(jǐn)慎使用動作-限制微妙的過渡和提示，以幫助用戶理解層次結(jié)構(gòu)，數(shù)據(jù)方向和關(guān)系。

5. 擁抱量表

允許系統(tǒng)擴(kuò)展并適應(yīng)任何上下文。在數(shù)據(jù)深度，復(fù)雜性和模式上尊重不同的用戶需求。

每個圖表都應(yīng)盡可能地易于訪問?？紤]圖表元素（調(diào)色板，過濾器配置，軸，面板，交互機(jī)制）如何縮放以適應(yīng)各種用戶需求，屏幕尺寸和數(shù)據(jù)類型（從單個數(shù)據(jù)點(diǎn)到大型多元數(shù)據(jù)集）?？紤]各種各樣的可能性，而不是一成不變的配置。應(yīng)用交互式方法以最大程度地減少復(fù)雜性，例如逐步提供詳細(xì)信息（逐步公開），讓用戶更改視角以及鏈接不同的視圖以獲取更深刻的見解。

6. 提供結(jié)構(gòu)

使用視覺屬性傳達(dá)層次結(jié)構(gòu)，提供結(jié)構(gòu)并提高一致性。體驗(yàn)應(yīng)該直觀且易于使用。

一致性提高了熟悉度。在圖形處理（形狀，顏色，圖標(biāo)，版式）和交互模式（選擇，過濾，懸停狀態(tài)，展開）中發(fā)展統(tǒng)一性。動作應(yīng)該受到控制，在保持響應(yīng)能力的同時，給用戶帶來穩(wěn)定和連續(xù)感。考慮進(jìn)出運(yùn)動以幫助用戶理解元素的視覺層次，軸的方向以及顯示的數(shù)據(jù)。保持強(qiáng)大的上下文線索，因此無論用戶在圖表中的何處導(dǎo)航，他們都知道如何返回。

有關(guān)更多的見解和策略，請閱讀我們的完整數(shù)據(jù)可視化指南：（https://material.io/design/communication/data-visualization.html#principles）。

作者： Manuel Lima；譯者： CANAAN；譯者公眾號：南設(shè)（ID：shemenglianmeng）

來源：https://medium.com/google-design/redefining-data-visualization-at-google-9bdcf2e447c6

本文由 @CANAAN 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議