Energy Manager System
以模組化思維建構 EMS 系統架構，轉化複雜數據為可視化，實現企業級能源管理優化。
Year
2025
Type
Dashboard
Logic
可擴充架構
Focus
數據可視化
Energy Manager System
以模組化思維建構 EMS 系統架構，轉化複雜數據為可視化，實現企業級能源管理優化。
Year
2025
Type
Dashboard
Logic
可擴充架構
Focus
數據可視化
Product Context & Challenges
背景與挑戰
為工商場域使用的能源管理系統（EMS），協助使用者監控用電、管理儲能排程，並支援需量反應與節能分析，並規劃 MVP 功能與開發優先順序。
目標使用者
以非技術背景的管理階層為主要對象，重視整體用電狀態、成本影響與決策效率。
設計挑戰
系統需整合多設備與多來源數據，在有限畫面中清楚呈現關鍵資訊，同時避免資訊過載。
設計目標
透過清楚的資訊分層與視覺化設計，使用者快速判讀狀態，並為未來功能擴充保留彈性。
Information Architechure
資訊架構
以「可擴充的系統結構」為核心思考，透過模組化方式拆解系統，確保第一階段能穩定上線，同時為後續功能保留彈性。
在專案初期，先行整理系統的基本功能與資訊架構，作為後續設計與開發的共同基礎。
透過清楚的結構規劃，讓開發團隊能快速理解系統範圍與模組關係，同時也確保使用者在操作時能循著一致且直覺的流程使用各項功能。
帳號權限控管
基於使用者職能定義權限分級，確保設備用電安全。
數據圖表互動
為了讓使用者快速理解關鍵數據，圖表Hover顯示提示數據。
時間導向系統邏輯
整合即時監控、歷史與未來排程，確保系統操作確符合電力調度實際情境。
擴充性架構規劃
使用彈性的框架元件，預留設備接入與 AI 模組擴充空間，避免更動核心架構。
Core Structure
功能介面
系統的主要功能介面，使用者可有效掌握系統狀態、執行操作，並進行後續分析與決策。
戰情總覽
即時以圖表呈現數據，協助使用者快速掌握當下用電與設備狀態。
設備資訊
集中管理各設備狀態與關鍵數據，歷史記錄電力使用量。
排程管理
透過排程設定進行充放電控制，支援節能策略與用電調度。
數據分析
以視覺化方式呈現歷史數據與趨勢，輔助成效評估與決策判斷。
異常通知
建立分級通知，監測保護機制，確保問題能被即時發現與處理。
Key Feature – Scheduling
核心功能：排程管理
排程管理作為系統的核心功能，主要協助使用者在不需即時介入的情況下，完成能源充放電的基本調度。
模組化設計，在滿足現階段方案需求的同時，也保留電力方案未來擴充彈性，確保功能能隨使用情境逐步成長。
-邏輯驗證
排程重複
即時校驗機制，在設定階段自動偵測時間段重疊或重複指令，避免設備運行衝突，確保調度安全性。
數據生命週期
定義「前後半年」的動態顯示。當排程被刪除時，將歷史執行紀錄與未來排程分離，同時更新當前系統排程列表。
分色管理
透過顏色區分不同方案，並定義「過去」為檢視狀態。利用視覺提示引導使用者區分「可操作項」與「檢視歷史」。
Information Interfaces
資訊介面
資訊顯示頁面在設計時，同步納入多種系統狀態的思考，而非僅呈現完整數據情境。
針對尚未連線、尚無資料或設定未完成等情況，皆規劃對應的 Empty State 與引導訊息，確保使用者在不同階段進入系統時，仍能理解目前狀態與下一步行為。
戰情總覽
即時顯示各設備電力狀態、異常訊號集中呈現，快速判斷目前運行狀況與優先處理事項。
設備資訊
整合各設備的即時狀態與基礎資料，清楚呈現運行狀況、連線情形與歷史紀錄，方便追蹤與管理。
下圖以「儲能電池櫃」為例，依據各設備不同功能，顯示重要資訊。
數據分析
透過視覺化圖表解析系統數據趨勢，協助理解變化脈絡，作為優化決策與後續行動的依據。隨方案更新隨時更新數據分系類型。
下圖以「用電分析」為例，數據畫呈現用電比例，讓使用者參考並進行修正。
異常通知
異常通知依據危急程度分為四大階級，讓使用者得分辨異常程度，進行修正。
將未處理事件依類別彙整，讓使用者能快速掌握各類事件的數量。
Design System
設計系統
為確保長期的產品迭代效率，獨立建立了設計規範。從基本色彩、字型、至高使用元件，確保系統視覺的一致。
Icon
Button
Form ui
Toast
Multi-Screen Adaptation
多螢幕適配設計
設計時依不同裝置使用情境的考量，依據實際使用需求調整資訊呈現與互動方式。
Large Screen
適用於電視牆與投影設備或電腦螢幕，高度可讀性與即時狀態呈現。
Tablet View
兼顧資訊呈現與操作需求，適合現場人員巡檢或即時查看。
Mobile View
聚焦關鍵數據與設備狀態，支援快速瀏覽與即時確認。
面對從未接觸過的電力領域，我先從理解設備運作與實際使用情境開始，逐步整理工程端與使用端之間的資訊落差。
透過不斷的研究與整理，將大量零散的專有知識轉化為可理解、可操作的系統結構，也讓我在設計過程中累積了許多過去未接觸過的領域知識。
在此基礎上，我以系統層級思考功能之間的關係與資訊流向，規劃清楚的架構與模組，讓介面能有效支援使用者決策，同時保有未來功能擴充與維運的彈性與一致性。
Product Context & Challenges
背景與挑戰
為工商場域使用的能源管理系統（EMS），協助使用者監控用電、管理儲能排程，並支援需量反應與節能分析，並規劃 MVP 功能與開發優先順序。
目標使用者
以非技術背景的管理階層為主要對象，重視整體用電狀態、成本影響與決策效率。
設計挑戰
系統需整合多設備與多來源數據，在有限畫面中清楚呈現關鍵資訊，同時避免資訊過載。
設計目標
透過清楚的資訊分層與視覺化設計，使用者快速判讀狀態，並為未來功能擴充保留彈性。
Information Architechure
資訊架構
以「可擴充的系統結構」為核心思考，透過模組化方式拆解系統，確保第一階段能穩定上線，同時為後續功能保留彈性。
在專案初期，先行整理系統的基本功能與資訊架構，作為後續設計與開發的共同基礎。
透過清楚的結構規劃，讓開發團隊能快速理解系統範圍與模組關係，同時也確保使用者在操作時能循著一致且直覺的流程使用各項功能。
帳號權限控管
基於使用者職能定義權限分級，確保設備用電安全。
數據圖表互動
為了讓使用者快速理解關鍵數據，圖表Hover顯示提示數據。
時間導向系統邏輯
整合即時監控、歷史與未來排程，確保系統操作確符合電力調度實際情境。
擴充性架構規劃
使用彈性的框架元件，預留設備接入與 AI 模組擴充空間，避免更動核心架構。
Core Structure
功能介面
系統的主要功能介面，使用者可有效掌握系統狀態、執行操作，並進行後續分析與決策。
戰情總覽
即時以圖表呈現數據，協助使用者快速掌握當下用電與設備狀態。
設備資訊
集中管理各設備狀態與關鍵數據，歷史記錄電力使用量。
排程管理
透過排程設定進行充放電控制，支援節能策略與用電調度。
數據分析
以視覺化方式呈現歷史數據與趨勢，輔助成效評估與決策判斷。
異常通知
建立分級通知，監測保護機制，確保問題能被即時發現與處理。
Key Feature – Scheduling
核心功能：排程管理
排程管理作為系統的核心功能，主要協助使用者在不需即時介入的情況下，完成能源充放電的基本調度。
模組化設計，在滿足現階段方案需求的同時，也保留電力方案未來擴充彈性，確保功能能隨使用情境逐步成長。
-邏輯驗證
排程重複
即時校驗機制，在設定階段自動偵測時間段重疊或重複指令，避免設備運行衝突，確保調度安全性。
數據生命週期
定義「前後半年」的動態顯示。當排程被刪除時，將歷史執行紀錄與未來排程分離，同時更新當前系統排程列表。
分色管理
透過顏色區分不同方案，並定義「過去」為檢視狀態。利用視覺提示引導使用者區分「可操作項」與「檢視歷史」。
Information Interfaces
資訊介面
資訊顯示頁面在設計時，同步納入多種系統狀態的思考，而非僅呈現完整數據情境。
針對尚未連線、尚無資料或設定未完成等情況，皆規劃對應的 Empty State 與引導訊息，確保使用者在不同階段進入系統時，仍能理解目前狀態與下一步行為。
戰情總覽
即時顯示各設備電力狀態、異常訊號集中呈現，快速判斷目前運行狀況與優先處理事項。
設備資訊
整合各設備的即時狀態與基礎資料，清楚呈現運行狀況、連線情形與歷史紀錄，方便追蹤與管理。
下圖以「儲能電池櫃」為例，依據各設備不同功能，顯示重要資訊。
數據分析
透過視覺化圖表解析系統數據趨勢，協助理解變化脈絡，作為優化決策與後續行動的依據。隨方案更新隨時更新數據分系類型。
下圖以「用電分析」為例，數據畫呈現用電比例，讓使用者參考並進行修正。
異常通知
異常通知依據危急程度分為四大階級，讓使用者得分辨異常程度，進行修正。
將未處理事件依類別彙整，讓使用者能快速掌握各類事件的數量。
Design System
設計系統
為確保長期的產品迭代效率，獨立建立了設計規範。從基本色彩、字型、至高使用元件，確保系統視覺的一致。
Icon
Button
Form ui
Toast
Multi-Screen Adaptation
多螢幕適配設計
設計時依不同裝置使用情境的考量，依據實際使用需求調整資訊呈現與互動方式。
Large Screen
適用於電視牆與投影設備或電腦螢幕，高度可讀性與即時狀態呈現。
Tablet View
兼顧資訊呈現與操作需求，適合現場人員巡檢或即時查看。
Mobile View
聚焦關鍵數據與設備狀態，支援快速瀏覽與即時確認。
面對從未接觸過的電力領域，我先從理解設備運作與實際使用情境開始，逐步整理工程端與使用端之間的資訊落差。
透過不斷的研究與整理，將大量零散的專有知識轉化為可理解、可操作的系統結構，也讓我在設計過程中累積了許多過去未接觸過的領域知識。
在此基礎上，我以系統層級思考功能之間的關係與資訊流向，規劃清楚的架構與模組，讓介面能有效支援使用者決策，同時保有未來功能擴充與維運的彈性與一致性。
Product Context & Challenges
背景與挑戰
為工商場域使用的能源管理系統（EMS），協助使用者監控用電、管理儲能排程，並支援需量反應與節能分析，並規劃 MVP 功能與開發優先順序。
目標使用者
以非技術背景的管理階層為主要對象，重視整體用電狀態、成本影響與決策效率。
設計挑戰
系統需整合多設備與多來源數據，在有限畫面中清楚呈現關鍵資訊，同時避免資訊過載。
設計目標
透過清楚的資訊分層與視覺化設計，使用者快速判讀狀態，並為未來功能擴充保留彈性。
Information Architechure
資訊架構
以「可擴充的系統結構」為核心思考，透過模組化方式拆解系統，確保第一階段能穩定上線，同時為後續功能保留彈性。
在專案初期，先行整理系統的基本功能與資訊架構，作為後續設計與開發的共同基礎。
透過清楚的結構規劃，讓開發團隊能快速理解系統範圍與模組關係，同時也確保使用者在操作時能循著一致且直覺的流程使用各項功能。
帳號權限控管
基於使用者職能定義權限分級，確保設備用電安全。
數據圖表互動
為了讓使用者快速理解關鍵數據，圖表Hover顯示提示數據。
時間導向系統邏輯
整合即時監控、歷史與未來排程，確保系統操作確符合電力調度實際情境。
擴充性架構規劃
使用彈性的框架元件，預留設備接入與 AI 模組擴充空間，避免更動核心架構。
Core Structure
功能介面
系統的主要功能介面，使用者可有效掌握系統狀態、執行操作，並進行後續分析與決策。
戰情總覽
即時以圖表呈現數據，協助使用者快速掌握當下用電與設備狀態。
設備資訊
集中管理各設備狀態與關鍵數據，歷史記錄電力使用量。
排程管理
透過排程設定進行充放電控制，支援節能策略與用電調度。
數據分析
以視覺化方式呈現歷史數據與趨勢，輔助成效評估與決策判斷。
異常通知
建立分級通知，監測保護機制，確保問題能被即時發現與處理。
Key Feature – Scheduling
核心功能：排程管理
排程管理作為系統的核心功能，主要協助使用者在不需即時介入的情況下，完成能源充放電的基本調度。
模組化設計，在滿足現階段方案需求的同時，也保留電力方案未來擴充彈性，確保功能能隨使用情境逐步成長。
-邏輯驗證
排程重複
即時校驗機制，在設定階段自動偵測時間段重疊或重複指令，避免設備運行衝突，確保調度安全性。
數據生命週期
定義「前後半年」的動態顯示。當排程被刪除時，將歷史執行紀錄與未來排程分離，同時更新當前系統排程列表。
分色管理
透過顏色區分不同方案，並定義「過去」為檢視狀態。利用視覺提示引導使用者區分「可操作項」與「檢視歷史」。
Information Interfaces
資訊介面
資訊顯示頁面在設計時，同步納入多種系統狀態的思考，而非僅呈現完整數據情境。
針對尚未連線、尚無資料或設定未完成等情況，皆規劃對應的 Empty State 與引導訊息，確保使用者在不同階段進入系統時，仍能理解目前狀態與下一步行為。
戰情總覽
即時顯示各設備電力狀態、異常訊號集中呈現，快速判斷目前運行狀況與優先處理事項。
設備資訊
整合各設備的即時狀態與基礎資料，清楚呈現運行狀況、連線情形與歷史紀錄，方便追蹤與管理。
下圖以「儲能電池櫃」為例，依據各設備不同功能，顯示重要資訊。
數據分析
透過視覺化圖表解析系統數據趨勢，協助理解變化脈絡，作為優化決策與後續行動的依據。隨方案更新隨時更新數據分系類型。
下圖以「用電分析」為例，數據畫呈現用電比例，讓使用者參考並進行修正。
異常通知
異常通知依據危急程度分為四大階級，讓使用者得分辨異常程度，進行修正。
將未處理事件依類別彙整，讓使用者能快速掌握各類事件的數量。
Design System
設計系統
為確保長期的產品迭代效率，獨立建立了設計規範。從基本色彩、字型、至高使用元件，確保系統視覺的一致。
Icon
Button
Form ui
Toast
Multi-Screen Adaptation
多螢幕適配設計
設計時依不同裝置使用情境的考量，依據實際使用需求調整資訊呈現與互動方式。
Large Screen
適用於電視牆與投影設備或電腦螢幕，高度可讀性與即時狀態呈現。
Tablet View
兼顧資訊呈現與操作需求，適合現場人員巡檢或即時查看。
Mobile View
聚焦關鍵數據與設備狀態，支援快速瀏覽與即時確認。
面對從未接觸過的電力領域，我先從理解設備運作與實際使用情境開始，逐步整理工程端與使用端之間的資訊落差。
透過不斷的研究與整理，將大量零散的專有知識轉化為可理解、可操作的系統結構，也讓我在設計過程中累積了許多過去未接觸過的領域知識。
在此基礎上，我以系統層級思考功能之間的關係與資訊流向，規劃清楚的架構與模組，讓介面能有效支援使用者決策，同時保有未來功能擴充與維運的彈性與一致性。
