跳到主要內容

做圖表前，先理解數據跟需求



通常聽到一個需求的時候，我們會直覺反射動作就去找出相應的數據
但，你有想過，聽眾或是提出需求者，他真正想要看的是什麼呢？
只要添加多一點條件，就會對於結果的呈現有非常大的不同

以此為例：請給我本月份的產品銷售狀況

情境一. 今年以來 每個月的 單月銷售數據 跟 累計銷售數據 
你可能會用下面的呈現方式


情境二. 請給我本月份的產品銷售狀況，我想知道目標達成狀況
重點在 "目標與現況的差異情形"
你可以按照目標的線性曲線加入顏色管理，並且添加與目標對比的完成%


情境三. 請給我本月份的產品銷售狀況，我想知道目標達成狀況，但目前落後，我也想知道後面要每個月補多少訂單才能達標
重點在 "目標與現況的差異情形" + "後續單月平均進單量"
所以我會做兩張圖表
圖1. 仍然承接情境二的產出，呈現現況與目標的差異
圖2. 單獨拉出每個月的銷售狀況以及後續的平均需要的銷售量
並且將圖1圖2做垂直對齊，確保肉眼可以直接觀察


情境四. 請給我本月份的產品銷售狀況，我想知道目標達成狀況還有跟去年相比差異多少
重點在 "目標與現況的差異情形" + "與去年差異"

此處有兩種選擇
選擇一. 把所需數據都丟在一起
但實在不是很好閱讀...

選擇二. 先把數據的群體區分 (單月份, 兩年相比) + (累計, 兩年及目標相比)
並且思考
對於讀者來說，哪些是作 "比較"，哪些是做"數字確認"
需要做出比較或相對性的數列- 放入圖表
需要做精準數字的數列- 使用表格


文章的最後，寫給製作者及讀者（或是提出需求者）
請深思你真正對於數據的需求是什麼
任意增加的條件，都會對於呈現方式產生影響
為了達成有效的溝通與呈現，這樣的思考，是有其必要性的



標籤：

留言

張貼留言

這個網誌中的熱門文章

圖表內有異常高的數值？你需要的是斷裂圖

斷裂圖？相信應該很多人都有碰過 如果數據內包含了過高的數值，偏偏又只有一些 這時候應該會想到小時候老師教的，畫座標軸的時候用兩條線劃過Y軸 但在Excel上，應該如何實作？ 我們來一步步分解吧 A跟B完全影響了圖表閱讀 我們先來看你認為的原始數據 原始數據 接下來開始記一下口訣 柱子數值，柱子標籤，Y軸數值，Y軸標籤。各個擊破 Step1. 調整柱子長度 直接除上參數, 調到你認為合理好判斷的數值 直接使用After並且使用柱狀圖， 請注意(務必多拉一個空格，後面有用) 結果如下 柱子長度調整完畢 Step2. 調整Y軸 由於目前的實際數值(柱子)最大值是3000，所以實際上需要的座標軸應該是0~3500(假設500一跳)，所以請依照實際的狀況，設計一個資料表如下方圖所示 (Scatter區域) 實際資料圖 Scatter裡面的區域就是即將替換成為新座標軸的資料區域 接下來 將Adjust KPI新增至圖表內, 並且調整為散佈圖 X軸的數值全數以0, Y軸數值則為0~3500 並且進入水平軸(X軸的設定) Axis option- On tick marks 結果如下圖 新增的散佈圖座標點 Step3. 修正Y軸座標 由於目前現況Y軸Excel預設最大值為4000，所以進入選單 將Y軸最大值調整為3500 ，與散佈圖的最大值相同 並且新增散佈圖的資料標籤，但是 標籤設定上取用Real Axis(橘色區域)的數值 ，結果如下圖 散佈圖的資料標籤已經足以取代原始的Y軸 Step4. 取代Y軸座標 移除原始的Y軸座標資料，將散佈圖的 資料標籤設定至左方 將 資料標籤底色填滿(顏色自選) ，就可以遮住橫線 並且將Bar的資料標籤內容選取為實際的KPI (500~35000, 實際資料圖的橘色區域) 結果如下 只差最後一步 Step5. 加入斷裂圖形 新增 平行四邊形並且加以旋轉 放入Bar中間，2500~25000之區段，就完成了 步驟有點多，但掌握了要點，剩下的一步一步拆解應該不難
1 則留言
閱讀完整內容

瀑布圖的正統作法

瀑布圖 aka Water fall, 是一種在財務上常見或是分析事件造成盈虧的圖表 那麼最正統而且又能夠長久使用的自動化設計*應該怎麼做? *這邊指的自動化是指, 表格資料設計好之後, 無論之後怎麼要調整數據都不用在人工調整外觀等相關設定 首先來看看基礎資料 原始數據: 起始值500,並且經過五次事件(A-E) 開始繪製表格之前, 請先記住 所有的圖表都是基於資料排列的邏輯來繪製 所以。第一步反而應該是， 建置好你的資料排列 完整的資料排序以及步驟應該如下圖 繪製Waterfall所需的數據排列模式 真正會進入到圖表(Chart)的, 其實只有黑色框線的區域而已 1. 插入圖表 (將Before,After調整為Line Chart)  2.點選Before, After 新增 "up/down bar" 3. 進行格式修改: 隱藏Before,After的Line; 調整Up/Down Bar的顏色, 調整間距 4. 新增Error Bar (強化視覺對齊), 點選任一一個Up/Down Bar, 新增Error Bar 5. 刪除Y error bar, X error bar調整為No Cap, direction "Plus" (這是唯一需要的對齊線). 並且把Error amount固定數值 (對齊線的長短) 6. 由於你還會發現, Error bar的線還長於Up/Down bar一些, 原因在於: Up/Down Bar並沒有加入外邊框, 所以 點選 Up/Down Bar並且增加同色系的邊框線條顏色 即可 7. 新增數據(Add Series) , 將"Label position"數列加進圖表, 並且 選擇散佈圖(Scatter) , 將資料行內的數值放入Y軸數據 新增Scatter 數列(把 550 ~ -450的數字丟入Y軸) 完成後的樣子(順便增加數據標籤) 8. 替換數據標籤資料: 因為目前的數字標籤: 位置正確但是資料並不正確 , 所以我們必須把標籤資料進行替換, 對資料標籤 "按右鍵叫出選單", 選擇Value from Cell (並且
張貼留言
閱讀完整內容

漸層？光暈？你會怎麼用來幫助視覺化呈現

漸層(Gradient Color)，光暈(Glow) 這兩個聽起來就感覺是在耍炫砲的功能 能夠替我們的簡報設計起到什麼作用呢？ 這次就是要來講解這種用法啦 -情境假設- 假設你手上現在有一張產品相關的數據 包含A產品最近十年的 生產量, 消費量, 進口量, 出口量 讀者也會想知道 生產量的年增率, 消費量的年增率 想必資料應該會長的如下圖 原始資料數據 你如果要放在一頁簡報上 有可能做成2張圖表 (生產+消費 + 兩條年增率折線，配雙座標軸。另外一個圖表專放進出口數量) 缺點: 數據你要重複貼上，會難以維護 能的話當然就是 貼一次數據，處理完所有的視覺需求 有沒有可能？答案是有的，但是勢必會需要微調 初期完成的狀態  版面看似清爽但仍然有幾個問題 1) 顏色屬性過多(灰、黑、綠、紅) 2) 折線圖會受到柱狀圖的影響難以明確辨識 此時就要請到今天的主角功能出現，首先我們先處理柱狀圖會遮擋到折線的情況 柱狀圖除了頂部以下，中間的"莖部"基本上不具讀取價值 (回想一下你看柱狀圖的時候是在看根部還是頂部？) 所以請出 "漸層" 1) 打開右鍵選單，選取柱狀圖的數列 2) 填滿- 漸層填滿- 漸層停駐點留頭跟尾就好 3) 其中一側 透明度務必選擇100% (讓根部完全透明) 4) 另外一側 選擇你真實想要呈現的顏色 (此處選擇綠色) 由此你就會發現大約下方40%以下的柱狀空間開始清空了 有種雲散開的感覺，但也不影響你判讀柱狀圖的長短 漸層配上透明的應用設定 此時還有一個問題，就算略為把空間清開，但礙於顏色設定，折線與柱狀仍然不是很明顯，此時應該怎麼辦？ 看過龍珠超嗎？知道超級賽亞人嗎？變身後是不是身邊都有一股氣呢？ 我們是不是可以設想，如果我們的 折線周圍也有一股白色的氣，就可以幫助我們把空間清得更乾淨呢 ？ 感謝自在極意功的悟空給作者的靈感 此時請出 "光暈" 1) 打開右鍵選單，選取折線圖的數列 2) 光暈- 顏色選擇白色 （當然你也可以看你背景決定顏色) 3) 大小- 如果你想要氣籠罩的範圍更大，可以略為調高 4) 透明度- 建議調低 (太透明等於又會無法遮蓋柱狀圖的影響) 光暈的設定(記得把透明度調為0) 此時應該已經完成得差不多了，是不是覺得要讀取每一組數據都變得相對簡單而快速 而且不會互相干擾了呢？
張貼留言
閱讀完整內容