top of page

研華科技​  校園節能管理系統 (EMS)

以0-1的角度構想spec,並延伸設計UX流程與UI Prototype

#0-1從spec建構全新節能系統

#UX Research/ UI Prototype

#為期2個月

#敏捷式開發

​專案介紹

此一專案是從spec的構思、UX流程規劃到UI prototype做0到1的整體規劃,當時是以有管電經驗並身為終端用戶的顧問作為訪談對象驗證功能的規劃是否貼合多數用戶的需求,並同時與RD、UI、PM主管做daily review確保機制與流程設計上的正確性,最後設計Web與App兩款介面Demo到研華的市場中。

核心目標 

專案目標主要是為了要幫助校園減少因用電量超標被罰款的狀況,必須在日常提前做到用電管理的規劃減少用電量,以永續作為目標推動專案。

|合作對象 

|專案流程 

PM 、UI、RD

截圖 2023-07-30 下午3.08.53.png

|我的角色 

  • 除了於前期參與spec上的討論,後續也負責在UX research上的用戶旅程地圖、技術訪談的執行

  • 針對最終的設計建議以Figma、Photoshop、Illustrator可視化設計建議與研究成果​

  • ​與主管們進行Weekly Update Report 和 Monthly Report,週期性進行時程控管

​專案過程與研究成果

競品分析
情境問題分析與解方

​競品分析

第一步先行了解產品於市場中的定位,並觀察目前在各大競品於EMS市場中的服務趨勢,從易用性的角度分析既有EMS系統於功能使用體驗上的優缺點(其中keypage又分為總覽與報表分析頁面),藉以釐清本系統於功能規劃上的走向。

總覽

截圖 2023-07-30 下午3.47.22.png

​用電分析統整

截圖 2023-07-30 下午5.12.08.png

​除了於上述競品分析中觀察既有EMS系統於總覽上的設計重點,同步也從系統的資訊佈局設計上釐清常見的使用問題,藉以聚焦專案開發的核心方向,擬定初步的Spec。

總覽

截圖 2023-07-30 下午4.11.21.png

最終於總覽頁面的功能規劃

截圖 2023-07-30 下午4.29.00.png
截圖 2023-07-30 下午4.44.06.png
截圖 2023-07-30 下午5.03.16.png

​用電分析統整

截圖 2023-07-30 下午5.40.54.png

最終於用戶用電分析頁面的功能規劃

截圖 2023-07-30 下午6.24.27.png
截圖 2023-07-30 下午6.24.33.png
截圖 2023-07-30 下午6.24.40.png
截圖 2023-07-31 下午12.32.18.png

​情境分析

​而在有初步的功能規劃後,我們後續招募技術顧問做功能流程上的訪談,以確認於資訊佈局的服務是能解決過去用戶於用電管理情境上遇到的痛點,而藉由與技術顧問之間的訪談,我們可以了解用戶於什麼樣的使用情境下會去使用系統中的功能,藉此確認初步於功能規劃方向的正確性。

​為了能讓用戶在「即時」瞭解校園用電狀況的前提下更有效率進行用電管理,並階段性地收到節約策略下的成效報告分析,系統以相對應的真實使用情境規劃以下功能流程與系統架構。

截圖 2023-07-31 下午1.01.10.png

01.

​以節能與卸載設定的情境來說,用戶經常遇到全校日常用電情形不穩定、來不及應變高用電事件導致超約罰款的狀況發生,因此,系統需要提供相對應的節能排程與規範設定讓用戶在超標之前就先設立防線避免超約。

截圖 2023-07-31 下午1.55.13.png
截圖 2023-07-31 下午2.20.23.png

​固定排程

Step ONE:用戶可以預先將發生超標狀況時要卸載對象進行群組化,讓用電量能在群組間的輪流卸載下(ex.教室間輪流關冷氣15分鐘)快速下降,藉以排除異常警示。

截圖 2023-07-31 下午2.43.58.png

Step TWO:接著,針對卸載對象的順序、時間、次數、啟動時段與條件等設定可以依據過去的用電狀況進行調整,讓校園可以透過這樣的節電手法避免超越罰款的狀況發生。

截圖 2023-07-31 下午3.40.59.png

另外,除了固定排程之外,用戶也可以特別針對某一天進行節約排程,例如校慶、大型演講等高用電量活動,用戶在提前確認日期之前可以做相對應的卸載措施,藉以掌握大型活動的用電狀況;同時,在進行節約卸載規劃時,系統也會匯入歷史活動用電的數據,並提供相對應的解決方案讓用戶試算節約後的成效。

截圖 2023-07-31 下午3.55.26.png
截圖 2023-07-31 下午4.04.36.png

02.

截圖 2023-07-31 下午4.16.12.png

而此系統於節能控管情境中所使用的裝置可能依據當下狀況的急迫性與身處位置而有所不同,所以除了Web-based的框架設計之外,我們也有另外規劃手機App的介面幫助用戶於超標當下進行即時的監控。

截圖 2023-07-31 下午4.24.06.png

03.

​訂定設備規範

​而藉由訪談顧問後可以得知,其實會導致超標罰款其中一項很關鍵的原因是因為設備之間不必要的能耗,像是有些學生會為了體育課結束後馬上有冷氣吹,會提前在前一節課就開好冷氣;亦或者是部分空間的空調溫度會調太低導致用電量提高...等等,以上這些都是在校園中很常會發生的狀況,而為了要有效管治這樣的情況發生,勢必要訂定用電操作的規範進行節約管理。

截圖 2023-07-31 下午4.27.20.png

為了要嚴格控管每間教室要遵守規範,可用電的時段將會根據課表訂定​​規則,預先設定每間教室於不同時段下的用電狀況,藉以避免不必要的能耗浪費。而當系統發現有教室違反規定,則會透過App通知管電人員即時處理異常事件的發生。

截圖 2023-07-31 下午4.39.05.png
截圖 2023-07-31 下午4.48.16.png
截圖 2023-07-31 下午4.50.23.png

04.

​用電分析報表規劃

​藉由上述的用電策略管理,用戶一定會很注重於節約措施下的成效,因此本系統於報表規劃中以日、週、月為單位提供用電分析報告給用戶,讓他們除了可以檢視一直以來的節約成果之外,也能將此向上呈報給相關高層檢視。

截圖 2023-07-31 下午5.17.41.png

其中在資訊的呈現上,第一眼一定要讓用戶了解整體節約的成效,做一個參考指標的綜合評比,後續再讓用戶瀏覽細節,呈現超越事件的用電細節,並進行用電分析之間的比較評估,釐清方案之間的卸載結果是否有達到預期中的效果,讓用戶自行評估於管電策略上的調整。

截圖 2023-07-31 下午5.19.05.png
截圖 2023-07-31 下午5.22.45.png

設計成果

此專案目標是讓校園管電人員更有效率地進行節約上的控管,透過Web與App上的即時通報與分析,用戶可以在第一時間發現用電異常的區域,並藉由系統的分析做出相對應的事件處理。最後此專案的概念與介面設計已成為研華EMS系統1.0版本Demo到市場中。

研華成果-03.jpg
設計成果

學習省思

  • Spec的構思前要先了解市場服務趨勢,並發想出更為創新的功能規劃以凸顯市場競爭力

​過去於專案間的角色大多都是以UX Designer為主,鮮少從Spec開始構想系統中的功能,所以其實此專案前期花了許多心力於競品分析的階段,而這為的就是要去了解既有EMS系統中每個功能背後的意義,並經易用性評估後決定是否要放入本系統當中,於此同時,我們也要從中去發掘可以創新的設計機會點,藉以開發新的功能服務提高本系統於市場的競爭力。

  • 階段性的時程控管與回報​:Weekly Report 與 Monthly Review

由於此專案要在兩個月內做出Web與App兩款介面設計,所以每個sprint的時間都很短,同時也要與技術顧問確認功能面上的規劃方向是否正確。因此,許多時候於專案的回報與Review都要階段性地向上Update並與上層討論接下來的十逞規劃,以確保於剩下的時間內能完成系統的建構與UI prototype的設計。

學習與省思
bottom of page