設計絕佳的Power BI儀錶板 提示

適用於:Power BI Desktop Power BI 服務

當您建立儀錶板並新增一些磚時,請考慮如何讓您的儀錶板在視覺上有趣且功能正常。 一般而言,您希望最重要的信息脫穎而出,並保持乾淨和整齊。

Screenshot that shows the Sales and Marketing Sample dashboard.

提示

像這個儀錶板一樣? 您可以從 AppSource 下載相關的範例和報告。 在 Power BI 中,app.powerbi.com選取左側導覽中的 [ 學習 ]。 在 [學習中心] 頁面的 [範例報告] 下,找出 [銷售與行銷範例]。 選取要下載的範例。

儀錶板設計最佳做法影片

觀看 Power BI 中的儀錶板設計最佳做法,以取得來自 SQLBI.com 的 Marco Russo 設計秘訣。

考慮您的受眾

當您優化物件的儀錶板配置時,請考慮下列案例:

  • 您的物件如何使用儀錶板?
  • 哪些關鍵計量可協助您的物件做出決策?
  • 哪些學習或文化假設可能會影響設計選擇?
  • 您的物件需要成功哪些資訊?

請記住,儀錶板是概觀,這是監視數據目前狀態的單一位置。 儀錶板是以基礎報表和語意模型為基礎,這些專案通常包含許多詳細數據。 您的讀者可以從儀錶板鑽研報表,因此除非這是讀者需要監視的內容,否則請勿將詳細數據放在儀錶板上。

儀錶板要在哪裡顯示? 如果在大型監視器上檢視儀錶板,您可以包含更多內容。 但是,如果讀者在其平板電腦或手機上檢視您的儀錶板,則具有較少磚的儀錶板更容易閱讀。

在一個畫面上講故事

因為儀錶板是要一目了然地顯示重要資訊,因此在一個畫面上擁有所有磚是最佳的。

  • 您可以避免儀錶板上的滾動條嗎?
  • 儀錶板太雜亂嗎? 拿掉所有基本資訊。

使用全螢幕模式

呈現儀錶板時,請以 全螢幕模式 顯示儀錶板,而不會分散注意力。

強調最重要的資訊

如果儀錶板上的文字和視覺效果大小相同,讀者可能會難以專注於最重要的內容。 若要醒目提示資訊,卡片視覺效果是醒目顯示重要數位的好方法:

Screenshot that shows an example card visualization.

請務必提供視覺效果的內容。

瞭解如何 建立只包含數位的磚。

放置最重要的資訊

大多數人從上到下閱讀。 將最高層級的數據放在左上角,並在您向觀眾閱讀的方向移動時顯示更多詳細數據(從左至右、由上至下)。

針對數據使用正確的視覺效果

請避免為了各種目的而使用視覺效果多樣性。 視覺效果應該繪製圖片並易於閱讀和解譯。 對於某些數據和視覺效果,簡單的圖形視覺效果就足夠了。 其他數據可能需要更複雜的視覺效果。 使用標題、標籤和其他自訂來協助讀者。

以下是一些實用的秘訣:

  • 避免難以閱讀的視覺效果,例如 3D 圖表。

  • 餅圖、環圈圖、量測計和其他圓形圖表類型不是理想的數據視覺效果。

    • 條形圖和柱形圖 較適合用來比較值,因為人類可以並排比較值。
    • 餅圖 在少於八個類別時是最佳的。 餅圖可用於檢視部分對整體關聯性,而不是比較元件。
    • 量測計圖表 非常適合在目標內容中顯示目前狀態。
  • 與軸和圖表維度順序上的圖表刻度一致。 與圖表內維度值所使用的色彩一致。

  • 請小心編碼量化數據。 顯示數位時,請勿超過三或四個數位。 將量值顯示在小數點左邊的一或兩個數位,並針對數千或數百萬縮放。 人類更容易閱讀 「340 萬」 值,而不是 3,400,000。

  • 請勿混合有效位數和時間層級。 請確定時間範圍是相異且一致的。 沒有一張圖表,其下一個圖表與篩選的圖表相隔一年的特定月份。

  • 避免將大量值和小型量值混合在同一個尺規上,例如折線圖或條形圖上:例如,一個量值位於百萬,另一個量值則為千分之一。 有了如此大規模的規模,很難看到量值在數千個中的差異。 如果您需要混合測量尺規,請選擇允許使用第二個座標軸的視覺效果。

  • 從圖表中移除不必要的數據標籤。 通常可以了解條形圖中的值,而不顯示實際數位。

  • 請注意圖表的排序方式。 如果您想要將注意力吸引到最高或最低的數位,請依量值排序。 如果您想要讓人員快速在許多其他類別中尋找特定類別,請依座標軸排序。

如需更多視覺效果特定指引,請參閱 Power BI 中的視覺效果類型。

深入了解儀錶板設計

若要成為優秀儀錶板設計的藝術專家,請考慮學習視覺感知的基本 Gestalt 原則。 這些原則可協助您瞭解如何在內容中清楚傳達可採取動作的資訊。 幸運的是,部落格和檔中已有許多資源可供使用,例如 Power BI 服務 中設計工具的基本概念。

以下是一些書籍建議:

  • Stephen Few 的資訊儀錶板設計
  • 顯示 Stephen Few 的數位
  • 現在你看到它 由斯蒂芬少數
  • 愛德華·圖夫特設想資訊
  • 安德魯·阿貝拉設計的進階簡報