LuckyTemplates 導航按鈕

通常，在製作 LuckyTemplates 報表時，圖標還會與LuckyTemplates 導航按鈕一起使用。如果您看到一個主頁圖標，單擊它會帶您回到登錄頁面。

信息圖標將為您提供有關特定圖形或頁面的更多上下文。LinkedIn 或 Twitter 圖標會將您引導至設計師的帳戶。

我們希望使用易於識別的圖標，但這還不夠，這就是為什麼我們應該始終為用戶提供額外的上下文。

從數據故事的角度來看，我們需要控制用戶體驗。

作為設計師，我們負責向用戶展示什麼，何時向用戶展示，預測問題，提供清晰的交互和導航，並提供額外的上下文。

我們的報告應該始終有一個目的，比如推動變革、提供建議等等。如果我們使用帶有特定交互的圖標或 LuckyTemplates 導航按鈕，而用戶看不到或不理解，我們的故事就丟失了。

最終用戶不會看到導致特定結論的分析部分。再次強調，上下文非常重要。你永遠不想添加一個圖標只是為了將它添加到屏幕上。

您希望它用於特定目的，如果最終用戶不清楚該目的，請確保添加上下文。

當使用主頁圖標作為按鈕時，告訴您的用戶點擊它返回到著陸頁。如果它是一個信息按鈕，指示您的用戶將鼠標懸停在上方以獲取儀表板描述信息。

如果您使用的是 Twitter 或 LinkedIn 圖標按鈕，請同時添加此說明。請記住，我們需要為需要用戶交互的區域提供上下文。

目錄

• 帶導航按鈕的 LuckyTemplates 報表
• 在 LuckyTemplates 報表中使用工具提示
• 指向網站的 LuckyTemplates 導航按鈕
• 在 KPI 旁邊添加圖標
• 添加頻段作為 KPI
• 結論

帶導航按鈕的 LuckyTemplates 報表

現在讓我們進入 LuckyTemplates 並查看一些真實示例。

對於這份報告，我將圖標放置在靠近導航按鈕的位置。我根據項目樣式的相似性和按鈕之間的接近度的原則將它們關聯起來。

頁面上的位置、負空間和第一項輪廓上的顏色引起了注意，表明這些是 LuckyTemplates 導航按鈕。

按鈕內部或附近沒有標籤作為標識符；因此，放置額外的上下文將有助於用戶，以便他們知道他們將被定向到哪個頁面。

在 LuckyTemplates 報表中使用工具提示

將鼠標懸停在按鈕上時在工具提示中顯示的信息是構建報告時的一個很好的功能。

如果您不使用此功能，請不要忘記禁用此選項，因為它會在服務上發佈時使報告看起來很粗糙。

為了說明保持工具提示處於激活和停用狀態是多麼容易，讓我們向頁面添加一個空白按鈕。

在“操作”按鈕下，“無工具提示”選項默認處於非活動狀態。

這意味著當您將鼠標懸停在該按鈕上時，您將看到消息“ CTRL+單擊此處轉到本報告的上一頁”，這不太好。

因此，我們必須激活它才能消失。我的建議是，如果您正在使用工具提示，請保持啟用狀態；如果沒有，只需禁用它們。

指向網站的 LuckyTemplates 導航按鈕

我們可以使用圖標的另一種方式是將用戶引導至特定的站點頁面。例如，點擊公司標誌將直接進入該網站。

在此報告中，我有 JIRA 徽標，還有這個激活了工具提示的不可見按鈕。讓我們停用它看起來更好。

如果我單擊 JIRA 徽標按鈕，我將被定向到公司網站，在本例中為。

然而，大多數用戶並不知道這種交互的存在。更糟糕的是，他們可能希望它充當主頁按鈕。在網站上，當您單擊徽標時，您會被定向到著陸頁，這是很常見的。

讓我們不要忘記用戶的看法。用戶可能習慣於從其他網站進行這種類型的導航，最好的方法是讓工具提示說“讓我們連接或轉到該網站。”

在 KPI 旁邊添加圖標

讓我們跳到另一個例子。 

根據接近和相似的原則，您還可以在 KPI 旁邊使用圖標，這些圖標可以通過保持它們之間的相似樣式與按鈕相關聯。此外，KPI 的標籤是圖標的標識符，因此不需要額外的上下文。

添加頻段作為 KPI

KPI 也稱為範圍。在這種情況下，我們看到的波段類型是為跟踪活動提供重要信息的主要指標。我們有平均交貨時間、材料、採購訂單、未訂購噸數和客戶。

然而，這些數字是好是壞？如果它們不好，是特定月份的數字不好，還是動態不好？趨勢是上升還是下降？我為什麼要關心這個？

從一開始看這份報告時，我注意到作為最終用戶，我需要自己工作、探索和發現設計師想要創建的信息或消息。

當我將鼠標懸停在第一個 KPI 和第三個 KPI 上時，沒有其他信息。但是在第四個 KPI 上，我們發現了一些非常有趣的信息，這些信息顯示了總 PO 超額交付。

然後，當我們轉到Clients時，我們可以看到每個客戶的 Margin，這是非常重要的。

此外，我們可以看到總利潤的 80% 僅來自 11 種材料。這個信息很棒。

在本教程中，我解釋了用戶如何以 Z 模式從左到右、從上到下掃描屏幕。

我的兩個主要 KPI 位於屏幕的下部。這是一個糟糕的設計選擇，因為這是僅有的兩個使用附加信息創建的 KPI。

讓我設身處地為觀眾著想。如果我想自己探索數據，為什麼還要費心讓 LuckyTemplates 開發人員創建報告？

這很有趣，因為我是創建這份報告的人。這是我為去年由 LuckyTemplates 組織的提交的早期作品之一。

我批評我自己的早期作品。在改進報告的過程中，我們都會犯錯並從中吸取教訓。

在 KPI 旁邊添加圖標很酷，因為它看起來很專業，但不足以創建 KPI。當您創建 KPI 時，您首先要問自己的是，“那又怎樣？”

您可以添加參考，與去年預測的預算進行比較，或者通過添加趨勢來顯示好壞持續了多長時間。

如果真的很糟糕，請預料到最終用戶的問題。例如，如果其中一個 KPI 引起了用戶的注意，那麼他們就需要深入了解細節。您可以添加其他上下文或向下鑽取以向用戶提供更多詳細信息。

一旦用戶獲得了詳細信息，他或她應該怎麼做？這就是您提出行動計劃建議時用戶需要到達的地方。

LuckyTemplates 自定義圖標 | PBI 可視化技術
LuckyTemplates 報表開發：創建主題、公司徽標、圖標和背景
如何將自定義 LuckyTemplates 圖標添加到您的報表中

結論

我希望通過這些示例，您將了解有關講故事中導航按鈕的重要一課。

提出有關 KPI 的正確問題並為導航按鈕放置額外的上下文有助於講故事變得更有力。

作為設計師，請始終牢記，我們不僅在創建報告，而且在創建報告。我們正在產生真正的影響。

一切順利，