頂級數據可視化示例和儀表板設計

數據可視化和儀表板設計既是藝術又是科學，並不像最初看起來那樣容易創建。 頂級 UX 設計師和視覺設計師如何在不混淆用戶的情況下展示複雜的信息？

三種方式：更好地理解良好儀表板設計背後的用戶體驗原則、卓越圖形的應用和實踐。

UX 儀表板設計遵循特定原則和最佳實踐。 另一方面，圖形卓越需要更徹底的檢查。

卓越的圖形定義為：

• 精心設計且有效地展示有趣的數據。
• 複雜的想法以高效、清晰和精確的方式傳達。
• 在小空間內用最少的時間為觀眾提供最多的想法，並使用最少的墨水。
• 說出數據的真相。

Edward Tufte 的作品是更好地理解卓越圖形的絕佳資源。 他被認為是“數據界的達芬奇”，出版了大量著作、書籍和講座。 David McCandless 創立了 information is beautiful，一個代表數據可視化和圖形卓越的網站，是另一個極好的資源。

示例 UX 設計和卓越圖形的原則適用於儀表板設計和數據可視化。 以下是一些頂級數據可視化和儀表板設計示例。

頂級數據可視化

拿破崙 1812 年 3 月

Minard 對拿破崙 1812 年進行曲的可視化被認為是“有史以來最好的統計繪圖”之一：如果沒有卓越的圖形應用，就不可能創建像 Minard 所做的那樣包含大量信息的可視化。

這個單一的可視化按位置顯示了拿破崙部隊的數量、部隊經歷的溫度以及部隊進出莫斯科的路徑。

約翰·斯諾的霍亂地圖

約翰·斯諾 1854 年的圖形顯示了倫敦 13 座公共水井的位置和 578 名霍亂死亡病例，使用垂直於其位置的堆疊條：它易於理解，揭示了數據中的真相，並為用戶提供了繪製正確的所需的所有信息關於霍亂死亡的結論。

搖滾音樂史

下圖僅代表整個數據可視化的一小部分，顯示了 1955 年至 1978 年期間來自 700 多名藝術家的 30 多種音樂風格的一部分。

它不僅代表藝術家和風格，還顯示影響、唱片銷量、風格類別以及這些結束或繼續的地方。 實現這種卓越的圖形性能絕非易事。

歐洲人口增長和下降的地方

頂級數據可視化展示瞭如何以簡單、精心設計和真實的方式處理大量數據。 交互式版本中還包含過濾器，可以進行更多數據探索，例如出生率。

標誌性名人的日常

這種數據可視化不僅有趣，而且是卓越圖形的經典示例。 在一個單一的圖形中，我們可以看到對標誌性名人的日常習慣、儀式、追求和優先事項的詳細描述。

使用簡單的顏色編碼圖表，這種可視化易於理解、簡單、有效，最重要的是，信息豐富。

世界語言圖形

這個經典的數據可視化描述了地球上存在的語言數量、使用這些語言的地方以及在世界各個角落使用這些語言的人。

如果沒有高水平的圖形卓越性，就很難以如此優雅的方式顯示如此多的數據，而且信息豐富且易於理解。

頂級儀表板設計

要使儀表板被認為是卓越的，它必須滿足一組特定的用戶體驗標準：

• 清晰一致的命名約定
• 數據流和佈局優先
• 邊距適合可讀性
• 數據既不隱藏也不超載
• 易於理解且易於閱讀

營銷 KPI 儀表板

下面的示例是使復雜的業務信息易於理解的絕佳示例。 內斂的配色讓人賞心悅目，單獨卡片的使用在眼睛上很柔和。

該儀表板設計出色的原因之一是其數據墨水比。 數據和空間相得益彰。 不是用更多的圖表填充屏幕，而是使用帶有小標籤的單獨卡片。 這是一種保持關鍵信息可用（即，不隱藏它）的巧妙方法，同時為用戶提供了一種以他們自己的方式查看它的簡單而有指導意義的方式。

條紋儀表板

Stripe 儀表板是儀表板設計最佳實踐的絕佳示例。 它很簡單，可以回答最相關的用戶問題，並且在每張卡中都有近乎完美的邊距。

遠程醫療儀表板

遠程醫療分析以提供大量原始數據而聞名。 將這些數據組織到一個有意義且信息豐富的儀表板中可能是一個挑戰。 此示例使用儀表板設計 UX 最佳實踐。 邊距加倍，信息以問題和答案的形式呈現，數據不會被隱藏。

股票儀表板

由於競爭空間的數據點數量眾多，因此很難在單個儀表板上對股票進行概念化。 這個儀表板設計示例成功地實現了乾淨、簡約的外觀，所有相關信息都位於前端和中心。

網絡受眾儀表板

Google Analytics 的儀表板做得很好； 但是，要實現特定目標可能需要進行大量定制。 該儀表板通過提供簡單、易於理解、易於閱讀和有用的視圖，將分析提升到一個新的水平，而不會增加認知負擔。

文檔管理儀表板

管理文檔很困難，但讓它們井井有條且易於瀏覽可能更難。 一個出色的解決方案是這個儀表板，它使事情變得簡單、易於理解並且出奇地稀疏。

即使採用極簡主義的方法，這個出色的儀表板設計示例也為用戶提供了理解和導航文檔系統所需的一切。

植物播種天氣應用程序 - 移動儀表板

這個移動儀表板信息豐富且易於理解。 麵包屑有助於導航，帶有通用語言描述的圖標有助於創建出色的用戶體驗設計。

信用卡儀表板 - 移動儀表板

就像銀行一樣，信用卡儀表板因糟糕的用戶體驗而臭名昭著，尤其是在移動設備上。 這種移動儀表板設計轉向了一個新的方向。 這些信息不僅組織良好，而且易於理解且功能豐富，而且不會讓人不知所措。

卓越的數據可視化和儀表板設計需要卓越的圖形以及對儀表板設計原則的理解和應用。 如果應用一致，用戶將受益於信息豐富的數據可視化和提供高質量用戶體驗的儀表板。

• • •

進一步閱讀 Toptal 設計博客：

• 儀表板設計——注意事項和最佳實踐
• 數據可視化——最佳實踐和基礎
• 從這些數據可視化中獲得靈感
• 使用這些儀表板設計靈感升級您的分析