設計圖表的六項原則

0 評論 5096 瀏覽 15 收藏 6 分鐘

本文分享了數據可視化圖表的六項設計原則,希望對你有所啟發。

2017年8月,一組由Google充滿激情的設計師,研究人員和工程師共同創建了一套全面的數據可視化指南,涵蓋了顏色,形狀,版式,圖標,交互和運動等所有方面。這項合作的成功引發了Google的第一個全職數據可視化團隊的成立,該團隊于2018年5月啟動。

在過去的一年中,我們繼續致力于理解需求,要求和愿望,以塑造人們如何可視化信息并與之交互。

現在,我們想與各地的創作者分享我們的見解。我們已經發布了用于創建自己的數據可視化的詳細的公開準則,并總結了我們的主要原則和注意事項。

下面是設計任何圖表的六種策略:

1. 說實話

數據準確性和完整性至上。請勿扭曲或混淆信息的修飾或局部性。強調清晰度和透明度。

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

運動可以幫助加強關系,但一定不能扭曲數據。對所使用的數據集,其來源以及收集和處理方式保持透明。

2. 伸出援助之手

提供上下文并幫助用戶瀏覽數據。建立優先考慮數據探索和比較的能力。

設計時要考慮用戶現有的思維模型(可能由廣泛使用的工具塑造)。營造溫暖的入職體驗,使您輕松學習如何閱讀圖表及其信息。

選擇支持核心功能可發現性的可視化和交互式功能,例如選擇,縮放,平移和過濾。

運動和交互應該通過揭示上下文,見解,關聯和因果關系來支持分析推理和用戶理解。利用空狀態作為啟示的時刻。

3. 高興的用戶

總是超出期望??紤]性能,改進,驚喜和創新。擁抱動態,快速和聰明的體驗。

創建出色的可視化體驗,然后以意想不到的方式改進它們。在適當的時候,使用簽名功能和一些小小的歡樂時刻,將用戶引導到他們所需要的。速度與圖形效果一樣令人賞心悅目。在狀態轉換的編排中考慮運動和定時,以幫助感知快速響應的系統。

4. 使焦點清晰

減少認知負擔,并專注于重要的事情。每個動作,顏色和視覺元素都應支持數據洞察力和理解力。

關注用戶的任務,其他所有操作都應遵循。引導用戶盡快訪問基本信息。最大化數據墨水比,避免使用多余的圖形元素。以有意義的方式應用顏色以有助于圖形理解:標簽,分組,突出顯示或度量。謹慎使用動作-限制微妙的過渡和提示,以幫助用戶理解層次結構,數據方向和關系。

5. 擁抱量表

允許系統擴展并適應任何上下文。在數據深度,復雜性和模式上尊重不同的用戶需求。

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

6. 提供結構

使用視覺屬性傳達層次結構,提供結構并提高一致性。體驗應該直觀且易于使用。

一致性提高了熟悉度。在圖形處理(形狀,顏色,圖標,版式)和交互模式(選擇,過濾,懸停狀態,展開)中發展統一性。動作應該受到控制,在保持響應能力的同時,給用戶帶來穩定和連續感??紤]進出運動以幫助用戶理解元素的視覺層次,軸的方向以及顯示的數據。保持強大的上下文線索,因此無論用戶在圖表中的何處導航,他們都知道如何返回。

有關更多的見解和策略,請閱讀我們的完整數據可視化指南:(https://material.io/design/communication/data-visualization.html#principles)。

 

作者: Manuel Lima;譯者: CANAAN;譯者公眾號:南設(ID:shemenglianmeng)

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

本文由 @CANAAN 翻譯發布于人人都是產品經理,未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!