---
schema_version: "1"
id: 31c1d7ee47bfb11b6f790a675ace8fc219b92047d9c16a78bb533d48c92cbdb4
title: 視覺化最佳做法
collection: tableau
version: next
locale: zh-tw
portal_url: https://docs.salesforce.com/tableau/next/zh-tw/blueprint/bp_visual_best_practices.md
canonical_url: https://help.tableau.com/v0.0/blueprint/zh-tw/bp_visual_best_practices.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 074b73a01a8ccf360ebc6ca1090bdf81340cd15ec51b8b813b559e82a39abfb1
description: Blueprint visual best practices for chart choice, layout, color, titles, and tooltips that drive action.
---
[跳至主要內容](#main-content)

# 視覺化最佳做法

> [!TIP]
> 
> 此內容是 Tableau Blueprint 的一部分，這是一個成熟度架構，可讓您放大並改進組織使用資料推動影響的方式。請使用我們的[評估](https://www.tableau.com/zh-tw/learn/webinars/tableaus-blueprint-self-assessment)開啟您的旅程。

視覺最佳做法是開發可吸引受眾採取行動的資訊視覺化關鍵。如果使用者可以輕鬆使用儀表板取得答案，就表示儀表板非常成功。如果您的受眾無法用來探索見解，則即使是有有趣資料來源的美觀儀表板也可能毫無用處。

不僅要從分析人員，還要從設計者和使用者的角度來思考。儀表板應具有可探索和可預測的互動元素、遵循合理的邏輯配置，並具有簡化的設計，讓複雜的決策變得更容易。切勿想當然地認為人們天生就知道如何運用資料進行清晰有效的溝通。下列是在能力提升內部網路上共享的一些白皮書連結：

- [視覺化分析指南](https://www.tableau.com/zh-tw/learn/whitepapers/tableau-visual-guidebook)
- [哪種圖表適合您？](https://www.tableau.com/zh-tw/learn/whitepapers/which-chart-or-graph-is-right-for-you)
- [精益求精](https://www.tableau.com/zh-tw/learn/whitepapers/good-enough-great-quick-guide-better-data-visualizations)
- [設計高效率工作簿](https://www.tableau.com/zh-tw/learn/whitepapers/designing-efficient-workbooks)

您可以在附錄找到著名的資料視覺效果專家撰寫的許多書籍。將這些白皮書和書籍新增到您的分析社群的資源中可以促使更深入的瞭解，以及視覺最佳做法的內化。

## 受眾

最佳視覺效果具有明確的目的，並且適用於其預期受眾。必須知道您要嘗試表達什麼以及要對哪些人表達。您的受眾是非常瞭解還是不熟悉此主題？他們將需要哪種線索？在開始設計之前考量這些問題將有助於您建立成功的儀表板。例如，您向執行人員呈現已彙總的彙總層級資料和 KPI，而不是列層級交易。

## 上下文

確認您的檢視包含上下文。標題、字幕、單位和評論都有助於受眾更確實瞭解資料檢視。始終盡力使用資料和視覺效果敘述案例。瞭解好案例不僅僅涉及資料，並考量下列幾點：

- 注意您的審美觀，並知道效果能夠產生影響。換句話說，有效果的觀點可以對受眾帶來情感反應和真誠的交流。
- 確保您的檢視風格一致且賞心悅目。您的觀點代表您的身分和所關心的事物。
- 使用互動式元素，讓您的受眾能夠操作資料、提出和回答問題，並自行得出結論。這有助於增強對資料的信任。
- 使您的觀點生動有趣。注意結構和上下文。

## 圖表選擇

[圖表選擇](https://www.tableau.com/zh-tw/learn/whitepapers/which-chart-or-graph-is-right-for-you)應取決於您試圖回答的問題或試圖傳達的特定見解。其中幾乎總是存在權衡取捨，不同的圖表類型各有優缺點。您應該始終問自己，您選擇的圖表類型是否能最好地傳達您想要共用的訊息，以及您的受眾是否能夠輕鬆理解。下表說明了 Tableau「顯示」面板中的圖表類型以及何時使用每種圖表。這應該發佈到您的能力提升內部網路中，以教育新使用者。

<table class="table--plain"><thead><tr><th><p>圖表</p></th><th><p>描述</p></th></tr></thead><tbody><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有三條線的折線圖。"></p></td><td><p><b>折線圖</b> — 檢視資料隨時間變化的趨勢。</p><p>範例：五年內的股價變化、一個月內的網站頁面瀏覽量、季度收入成長。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_1.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有四個橫條的橫條圖。"></p></td><td><p><b>橫條圖</b> — 比較不同類別的資料。</p><p>範例：不同尺寸的襯衫數量、按原始網站劃分的網站流量、按部門劃分的支出百分比。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_2.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="熱度圖，具有各種大小的綠色和橙色方形。"></p></td><td><p><b>熱度圖</b> — 顯示兩個因素之間的關係。</p><p>範例：目標市場的細分分析、跨地區的產品採用情況、各個銷售代表的銷售線索。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_3.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有三列和兩欄的熱度圖。"></p></td><td><p><b>醒目提示表</b> — 提供有關熱度圖的詳細資訊。</p><p>範例：不同細分市場的百分比、特定地區的銷售數量，以及不同年度的城市人口。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_4.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="熱度圖，具有各種大小的藍色和紅色矩形。"></p></td><td><p><b>樹狀圖</b> — 將階層資料以整體比例的形式顯示。</p><p>範例：跨電腦的儲存使用情況、管理技術支援案例的數量和優先順序、比較各年度之間的財政預算。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_5.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="網格，具有各種大小的紅色和橙色矩形。"></p></td><td><p><b>甘特圖</b> — 顯示隨時間變化的持續時間。</p><p>範例：專案排程、機器使用的時間長度、團隊成員的狀態。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_6.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有 3 個橫條的橫條圖。"></p></td><td><p><b>子彈圖</b> — 評估指標相對於目標的效能。</p><p>範例：銷售配額評估、實際支出與預算、效能範圍（優/佳/劣）。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_7.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有十字形和圓形標記的散佈圖。"></p></td><td><p><b>散佈圖</b> — 研究不同變數之間的關係。</p><p>範例：男性和女性在不同年齡層罹患肺癌的可能性、技術早期採用者和晚期採用者購買智慧手機的方式，以及將不同產品類別運送到不同地區的成本。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_8.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="顯示鐘形曲線的橫條圖。"></p></td><td><p><b>長條圖</b> — 瞭解資料的分佈。</p><p>範例：按照公司規模區分的客戶數、學生考試成績、產品缺陷的頻率。</p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_9.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有紅色和粉紅色標記的世界地圖。"></p></td><td><p><b>符號圖</b> — 用於總計，而非比率。必須小心，因為不容易看出細微的差異。</p><p>範例：不同地區的客戶數。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_10.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="具有紅色和粉紅色區域的區域地圖。"></p></td><td><p><b>區域圖</b> — 用於比率，而非總計。使用合理的基礎地理。</p><p>範例：某些地區的網際網路使用率、不同社區的房價。<br></p></td></tr><tr><td><p><img src="https://help.tableau.com/v0.0/blueprint/zh-tw/Img/bp_visual_best_practices_11.png" style="visibility: visible;mso-wrap-style: square;width: 56px;height: 42px;" alt="盒鬚圖。"></p></td><td><p><b>盒狀圖</b> — 顯示資料集的分佈。</p><p>範例：一覽並瞭解您的資料，瞭解資料如何向一端偏斜，識別資料中的極端值。<br></p></td></tr></tbody></table>

## 配置

受眾如何「閱讀」您的儀表板至關重要。儀表板的目的是協助協調多個檢視、引導讀者的視線，並講述每種見解的故事。您的儀表板需要明智的「流程」和不同資訊的邏輯配置。您愈採用更好的儀表板設計，使用者就會探索正在發生的情況、原因以及最重要的事項。試想您如何引導這些人的目光看儀表板。您是否向使用者指出後續要進行的動作？

設計理論為我們提供如何最確實成功的許多建議。版面配置是任何成功的儀表板設計的關鍵組成部分。以下是建置視覺效果時需要考慮的一些概念：

- 報紙或 Z 配置 - 最重要的內容在視覺效果的頂部或左側，使用者左右移動以獲得更具體的內容。
- 空白 — 使用負空間（空白區域）和邊框間距來劃分視覺效果的各個部分－不要像在資料表中那樣使用粗的「格線」。
- 大小 — 更重要的內容（例如 KPI、匯總視覺效果等）應該比其他項目更大。
- 裝置類型 - 使用裝置特定的儀表板，您可以在桌上型電腦、筆記型電腦、平板電腦和手機上建立最佳的觀看體驗。

## 顏色

色彩是吸引人的焦點，因為色彩是最強大的一種美學特徵。大小是我們首先註意到的事項，它可以立即醒目提示特定見解或識別極端值，但它並非毫無限制的設計資源。

有效運用色彩對於製作高品質的資料視覺效果至關重要 — 色彩類型（警示與醒目提示）、建立自訂色彩調色盤以及保持一致性 — 都是需要納入標準的關鍵面向。

對於產生連貫且有影響力的資料故事，正確使用色彩極為重要。任何成功的儀表板都應考量的關鍵因素包括：

- 管理色彩選擇 - 構成設計大部分的原色應該是中性色。使用灰階等技術，可以盡可能提升資料導向點的對比度和可見性。您擴展的色彩 (加重、強調和警示) 應該反映品牌。應該審慎使用任何擴展的色彩，以引起眾人注意資料中的關鍵訊息。
- 色彩類型 - 瞭解何時使用順序、發散、分類、突顯或提示色彩的主題。
- [自訂色彩調色盤](https://help.tableau.com/current/pro/desktop/zh-tw/formatting_create_custom_colors.htm) - 建置自己的公司調色盤，以營造統一感並為新使用者提供指引。
- 一致性 — 仔細檢查您的視覺效果，確保同一種色彩（例如紅色）不會表示三種不同的涵義。相似和重複的色彩可能暗示一種不存在的關係。
- 無障礙 - 記住在設計過程中要考量色盲。

## 標題和副標題

標題是使受眾更容易瞭解儀表板的簡便方法。您可以使用副標題加入更多上下文，說明如何與工作表或儀表板進行互動。為了使儀表板更易於瀏覽，這是強大而簡單的方法。在本範例中，問題吸引受眾，然後告訴受眾如何使用儀表板回答問題。

![https://cdns.tblsft.com/sites/default/files/blog/4\_51.png](/tableau/next/zh-tw/blueprint/zh-tw/Img/bp_visual_best_practices_12.png)

有效標題和副標題

同樣地，透過將篩選條件標題變更為直覺式的內容，可以引導檢視者與儀表板進行互動。

![https://cdnl.tblsft.com/sites/default/files/blog/2\_114.png](/tableau/next/zh-tw/blueprint/zh-tw/Img/bp_changing_your_filter_215x89.png)

篩選條件範例

## 工具提示

工具提示透過突顯重要資訊來引導受眾。在本範例中，縣和州透過粗體效果和色彩變更醒目提示，因此我們無需進一步分割散佈圖。我們在工具提示中新增重要且相關的維度和衡量。這有助於節省空間並整理儀表板，使得檢視者可以專注於獲得見解，而不需要解讀視覺效果。

![https://cdnl.tblsft.com/sites/default/files/blog/7\_25.png](/tableau/next/zh-tw/blueprint/zh-tw/Img/bp_changing_your_filter_1.png)

有效的工具提示

如果檢視者在工具提示中發現一些有趣的內容，則可以直接與工具提示進行互動，並注意其餘的視覺效果，突顯有關的標記和異常值。

![https://cdnl.tblsft.com/sites/default/files/blog/8\_20.png](/tableau/next/zh-tw/blueprint/zh-tw/Img/bp_viewer_notices.png)

## 字型

字型相當重要。在儀表板上使用許多字型類型和大小可能很引人注意。不要這麼做；直接對於您的排版定義明確的階層。在本範例中，字型分為高階、中階與低階三個層級。中層為藍色，可吸引檢視者注意。色彩將視線吸引到最重要的層次 (不一定是上層字型)。

![高層級、中層級和低層級字型的範例。](/tableau/next/zh-tw/blueprint/zh-tw/Img/bp_viewer_notices_1_422x279.png)

上層、中層和低層字型（由「Big Book of Dashboards」提供）

確保字型選取能夠透過大小、粗細、色彩和類型來強化視覺效果中的視覺階層。

- 大小 - 較大的元素在吸引視線時傳達重要性。將最大的字型留給關鍵效能指標 (KPI)、標題等
- 粗體 - 粗體元素在吸引視線時傳達重要性。您可以在整個視覺效果中結合大小來改變粗體。例如，您的標題和 KPI 都可以是 24pt 字型，不過將 KPI 設為粗體會使 KPI「突顯」，讓受眾先注意該位置。
- 色彩 - 在標題、文字和 KPI 中，最好維持灰色和黑色色調。您可以對 KPI 進行色彩處理來使 KPI「突顯」，不過您必須藉由在視覺效果中使用的其他色彩平衡這種效果。較深的色彩會吸引視線，因此明智的做法是使標題變淡，以免這些都同樣吸引視覺注意。

## 儀表板大小

Tableau 儀表板預設設定為使用固定大小。如果保留此設定，務必以要檢視的大小建構視覺效果。您也可以將「大小」設定為「自動」，以便 Tableau 根據螢幕大小自動調整視覺效果的整體大小。這意味著，如果您設計的儀表板為 1300 x 700 像素，Tableau 會調整其大小以適應較小的顯示器，有時這會導致檢視或捲軸變得擁擠。範圍大小調整功能有助於避免這種情況。

![儀表板會顯示最小和最大大小的設定。](/tableau/next/zh-tw/blueprint/zh-tw/Img/bp_viewer_notices_2_163x265.png)

儀表板大小範圍

若使用 Tableau Desktop 建立儀表板，也可以針對特定裝置版面配置進行設計，例如，在平板電腦上，儀表板包含一組檢視和物件，而在電話上則顯示另一組檢視和物件。關於步驟，請參閱[為不同的裝置類型建立儀表板版面配置](https://help.tableau.com/current/pro/desktop/zh-tw/dashboards_dsd_create.htm)。

## 儀表板互動性

在設計儀表板時，您需要考量受眾，以及如何與這些人交流，使這些人可以與儀表板進行互動。熟練的使用者知道按一下並進行嘗試，不過新使用者可能沒有知識或信心。您的工作是協助這些人有意識地做出這些決定，而不是不經意做出這些決定。

重要的是，若要使受眾瞭解互動性，必須建立副標題來指示這些人按一下或暫留滑鼠以便取得詳細資訊。使用篩選條件、工具提示和[動作](https://help.tableau.com/current/pro/desktop/zh-tw/actions.htm)為資料新增互動性。篩選條件是與儀表板互動最明顯的方式。使用者也可以選取標記並停留檢視工具提示，以便與視覺化進行互動。您設定的動作可以透過瀏覽和檢視變更來回應。下表列出了在儀表板中建立互動性的方法。

<table class="table--plain"><thead><tr><th><p>類型</p></th><th><p>描述</p></th></tr></thead><tbody><tr><td><p>醒目提示和醒目提示動作</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">輕鬆找到感興趣的資料，同時保留在上下文中。</li><li style="list-style-type: disc;">檢視具有共享屬性的其他標記。</li><li style="list-style-type: disc;">在工作表中尋找相關資料。</li></ul></td></tr><tr><td><p>篩選和篩選動作</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">關注要分析的資料。</li><li style="list-style-type: disc;">控制資料的上下文。</li><li style="list-style-type: disc;">顯示相關資料並移除不需要的資料。</li></ul></td></tr><tr><td><p>參數</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">探索假設情況。</li><li style="list-style-type: disc;">自訂您的檢視。</li><li style="list-style-type: disc;">強化儀表板彈性。</li></ul></td></tr><tr><td><p>設定和設定動作</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">動態更新集合的成員。</li><li style="list-style-type: disc;">比較部分與整體。</li><li style="list-style-type: disc;">向下切入階層。</li><li style="list-style-type: disc;">透過與資料互動來更新計算。</li></ul></td></tr><tr><td><p>工具提示</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">隨需提供詳細資訊。</li><li style="list-style-type: disc;">維持儀表板簡約。</li><li style="list-style-type: disc;">在工具提示中插入視覺效果。</li></ul></td></tr><tr><td><p>URL 動作</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">將外部內容整併到儀表板中。</li><li style="list-style-type: disc;">隨需提供更深入的資訊。</li><li style="list-style-type: disc;">將使用者連結到網站。</li></ul></td></tr><tr><td><p>儀表板瀏覽</p></td><td><ul style="list-style-type: disc;margin-left: 19pt;"><li style="list-style-type: disc;">引導使用者瀏覽您的工作簿。</li><li style="list-style-type: disc;">引導使用者存取其他內容。</li></ul></td></tr></tbody></table>

在設計儀表板時，請考量如何以及為什麼將互動性納入儀表板。下列問題很有幫助：

- 檢視者為什麼需要與儀表板進行互動？
- 透過互動將獲得其他哪些見解？

## 效能設計

我們談論[效能](https://help.tableau.com/current/pro/desktop/zh-tw/performance_tips.htm)時，是指您在 Tableau 中作業的速度。這可能表示資料分析的速度 - 例如，如果您在大型公司資料庫上的 Tableau Desktop 中作業，則在遠端存取時，都需要即時完成動作。或者，這可能僅表示在桌上型電腦上或從 Tableau Server 或 Tableau Cloud 載入您存取的檢視或儀表板所達到的速度。

應該在設計過程中考量效能和效率，而不是事後考量。對於最終使用者而言，在檢視報告和儀表板時，回應能力是重要的成功因素，因此，使工作簿盡快執行會使得使用者感到更便利。

有幾個因素會讓工作簿變得「高效」。這些因素有一些是技術因素，有些則和使用者有關，不過整體而言，有效率的工作簿：

- 簡單 - 建立工作簿是否容易，未來是否易於維護？是否運用視覺化分析的原理來明確宣達作者的訊息和資料？
- 彈性 - 工作簿可以回答使用者想要提出的多個問題，還是僅回答一個問題？是讓使用者參與互動體驗還是僅僅提供靜態報告？
- 快速 - 工作簿是否對使用者快速回應？這可能表示開啟的時間、重新整理的時間或回應互動的時間。這是主觀的衡量，不過整體而言，我們希望工作簿提供資訊的初始顯示並在幾秒鐘內回應使用者互動。

儀表板的效能受到下列因素影響：

- 儀表板和工作表層級的視覺設計，例如元素數量、資料點數量、篩選器和動作的使用等
- 計算，例如計算類型、計算執行的位置等
- 查詢，例如傳回的資料量、自訂 SQL 的影響等
- 資料連線和完整資料來源。
- Tableau Desktop 和 Tableau Server 或 Tableau Cloud 之間的部分差異。
- 其他環境因素，例如 Tableau Server 的硬體配置和容量。

如需詳細資訊，請參閱[設計高效率的工作簿](https://www.tableau.com/zh-tw/learn/whitepapers/designing-efficient-workbooks)。

## 無障礙

為了盡可能讓更多人存取您的檢視，或者，如果您在遵循美國第 508 條規定或無障礙相關法律和法規的其他環境中工作，則可以使用 Tableau 建構符合網路內容無障礙準則 (WCAG 2.0 AA)的資料檢視。這包括組建可供使用螢幕助讀程式、盲文鍵盤和僅鍵盤巡覽等工具的使用者存取的檢視。如需詳細資訊，請參閱[建立無障礙的資料檢視](https://help.tableau.com/current/pro/desktop/zh-tw/accessibility_overview.htm)。如需其他資源，可在 Tableau 社群論壇的[「常見問題集：無障礙使用」文章](https://community.tableau.com/s/question/0D54T00000C6nsjSAB/faq-accessibility)中取得。