說到圖表設計，「如何呈現市佔率」一直是簡報圖表的熱門問題之一，而合適的呈現方式則依市佔率的表達方式而定，圓餅圖未必是最好的選擇。今天我會分析一個電力傳輸領域的案例，談談市佔率可以用什麼樣的方式表達，以及有什麼設計細節可以讓你的圖表更精緻吸睛。
案例解析
今天的案例投影片出自我們做電力傳輸的客戶。在這張投影片中，客戶希望表達他們對於產品市佔率的評估。圖表中的黃色與藍色代表兩種不同的產品，在 2018 年時各自有約 30% 的市佔率，而 2019 年的市佔率則分別提昇至 39% 與 33%。
到目前為止你可能會有點疑惑，第一個問題是，堆疊柱狀圖的縱軸寫著百萬美金，這和市佔率的百分比並不一樣。第二個問題是，3D 圖表很難讓人直觀的透過對齊來得知柱狀圖的 y 軸數字，往往就如圖上顯示的，要在堆疊柱狀圖上直接寫上數字才能得知。
而最後客戶表示說，他想表達的重點還是如圖表右下角所示，他們的產品各自擁有該市場蠻大的市佔率。面對這樣的需求，如果是你的話，你會考慮如何設計這張投影片呢？
選擇合適的圖表
如果單看這張圖的話，可能有兩種不同的設計策略。一種是強調市佔率從 2018 到 2019 年的成長狀況，另一種則是直接強調 2019 年的市佔率本身。由於客戶的需求是表達這兩個產品不錯的市佔率，因此這次我會往後者的方向設計。
下一步我們來考慮圖表選擇。要表達市佔率的數字的話，圓餅圖可以說是最經典的手法，而百分比長條圖也是可行的選擇。甚至，你乾脆直接寫上數字也沒問題，這三種方式都是合理的設計方向。
跟原版的圖表相比，原版圖表容易把市佔率誤會成產品的營業額，修改後的成果則可以清楚表達市佔率的意思。表面上只是簡單改個圖表類型，卻在資訊傳達的正確性上進步許多。
接下來，如果我們不想就此停下腳步，而想在設計上也做出吸睛的成果，我們又可以注意哪些細節呢？
環圈圖的設計細節
在我們前面講到的三種設計方式中，如果是我的話，我會傾向直接寫出數字，因為這種表達方式最直接，不需要再看圖思考才能理解。但問題是，只有數字的話好像太單調了些，這時一個常見的手法就是搭配「環圈圖」來呈現。
環圈圖是圓餅圖的變形版本，就是把圓餅圖的中間挖空，只留下外圍的環狀區域。這樣一來，中間挖空的區域剛好就可以放上百分比數字，組合成一個很經典的圖表形式，你可以在許多儀表板上看見類似的設計手法。
做到這裡，你的設計就已經比一般人突出許多了。不過在此之上，我們還可以添加其他設計細節，讓質感進一步升級。
細節一：漸層顏色
首先，我可以在數字與環圈圖上加上漸層顏色，賦予它一種旋轉的動感。
細節二：白色框線
我可以在環圈圖的灰色部分再加上和背景顏色相同的白色框線，讓灰色部分變細，那麼彩色漸層的主要部分就相對被突顯出來了。
細節三：圓形陰影
我可以做一個和背景一樣白色的圓形，把它加上陰影後，把它疊在環圈圖底下，這樣就可以形成環圈圖突起來的立體感。
到此為止，圖表的主要部分可以說是完成了，最後再把剩下的文字與背景加上來，就可以完成這張投影片。
和上一版的投影片相較，修改後的版本在質感與吸睛程度上都更勝一籌，不過這也仰賴許多設計細節的堆疊與選擇，才能做到這樣的成果。
相對的，前面你只要懂得選擇正確的圖表，就可以馬上大幅改善觀眾的理解程度，可以說是 CP 值非常高的改善方式，我會推薦你至少做到這一步。至於要往後再改善多少設計細節，就看你有多少時間精力可以投資。如果你覺得力有未逮或時間不足，也歡迎你和我討論你需要的簡報設計方案。
分享總結
那麼以上就是今天的分享啦！
今天我們討論了呈現市佔率的三種方式，可以用圓餅或環圈圖、百分比長條圖或直接用數字呈現。如果想用數字搭配環圈圖的話，也可以調整漸層、框線與陰影來讓你的環圈圖更有質感。
今天的分享就到這邊，我們下次分享再見囉！