泛亞高科-光伏電站控制系統界面設計

泛亞高科-光伏電站控制系統界面設計

html前端 | 交互設計 | 視覺(jué)設計 | 圖標設計

html前端 | 交互設計 | 視覺(jué)設計 | 圖標設計

泛亞高科(北京)科技有限公司(以下簡(jiǎn)稱(chēng)“泛亞高科”),一個(gè)以實(shí)時(shí)監控、高精度數值計算為基礎的科技公司, 自成立以來(lái),組成了以博士、碩士為核心的技術(shù)團隊,整合了華北電力大學(xué)等高校資源,憑借在電力系統內多年的工作經(jīng)驗, 研究并致力于幫助客戶(hù)解決在風(fēng)電、光伏領(lǐng)域內的實(shí)時(shí)監控、大數據、電站科技運維、數據挖掘、功率預測及控制、 故障診斷等問(wèn)題。

設計前期,藍藍設計通過(guò)問(wèn)卷調查方式確定客戶(hù)風(fēng)格和喜好,并和客戶(hù)溝通頁(yè)面交互邏輯和優(yōu)化方法,確定交互方式后,再進(jìn)入視覺(jué)設計階段,這樣可以快速確定設計方向,節省大量時(shí)間。視覺(jué)設計方面,藍藍設計嘗試將2.5d圖標融入界面設計中,通過(guò)立體化,場(chǎng)景化的圖標,更加直觀(guān)地展示出產(chǎn)品功能屬性和使用場(chǎng)景,為光伏電站UI設計方向提供藍藍的設計方案。

產(chǎn)品定位

光伏電站控制系統用于監視各分布式光伏電站各系統和設備的運行數據,對系統和設備進(jìn)行遠程控制。產(chǎn)品定位是為分布式光伏電站、遠端集中控制中心提供設備遠監控,設備控制,設備告警,數據統計,決策支持等可視化,專(zhuān)業(yè)化服務(wù)。

目標用戶(hù)

系統主要面向光伏電站站內運行人員、集控中心運行人員及有權限的其他遠端人員操作,使用場(chǎng)景相對單一。目標用戶(hù)具有強大的專(zhuān)業(yè)背景知識,熟悉站內硬件設備,對系統專(zhuān)業(yè)化,便捷性要求較高。年齡分布多在20-40歲之間,熟悉計算機操作。

設計風(fēng)格

整體設計風(fēng)格采用極簡(jiǎn)設計,綜合運用情感化設計理念,場(chǎng)景化設計思維,立體化視覺(jué)表達手法,為用戶(hù)提供高效便捷,專(zhuān)業(yè)直觀(guān)的系統界面。設計過(guò)程中,注重信息本身的展示,功能至上,盡量減少不必要的視覺(jué)干擾和冗余信息,打造展示專(zhuān)業(yè),操作友好,交互有趣的工業(yè)控制系統。

泛亞高科-光伏電站控制系統界面設計-首頁(yè)

聚焦數據展示,明確視覺(jué)焦點(diǎn)

發(fā)現問(wèn)題
產(chǎn)品初始原型圖由客戶(hù)提供,拿到原型圖后,經(jīng)過(guò)團隊認證討論分析,發(fā)現首頁(yè)部分存在數據展示不清晰,圖表選區不恰當,無(wú)法準確反映數據的類(lèi)型等問(wèn)題。我們隨即與客戶(hù)進(jìn)行溝通并通過(guò)用戶(hù)訪(fǎng)談佐證問(wèn)題發(fā)現的問(wèn)題,發(fā)掘更深層次的不足,并思考優(yōu)化策略。

解決問(wèn)題
經(jīng)過(guò)用戶(hù)訪(fǎng)談后我們發(fā)現,原型界面中確實(shí)存在用戶(hù)不關(guān)注的冗余信息,而更為核心的「發(fā)電量信息」「排放信息」「功率信息」未能體現在原行中。 藍藍團隊將收集到的信息梳理整合后從以下幾個(gè)方面優(yōu)化頁(yè)面:
1.核心數據突出顯示-頁(yè)面內容區通過(guò)圖標+文字方式展示用戶(hù)關(guān)心的核心數據,取消原型圖中「裝機」「經(jīng)緯度」「安裝角度」等冗余數據,明確用戶(hù)視覺(jué)焦點(diǎn)。
2.明確數據內容,合理表現數據-每個(gè)圖表數據都對應其自身的屬性和價(jià)值,我們在每個(gè)數據模塊增加模塊標題,優(yōu)化數據表現方式,利用柱狀圖表示對比,折線(xiàn)圖表示趨勢,強化頁(yè)面引導性,指示性。"

部分圖標狀態(tài)

原型圖
泛亞高科-光伏電站控制系統界面設計
泛亞高科-光伏電站控制系統界面設計

創(chuàng )新的視覺(jué)設計

逆變器視圖界面需求變更比較大,圍繞逆變器這一核心部件,增加很多前后環(huán)節中實(shí)時(shí)數據信息,但展示本質(zhì)并未發(fā)生變化。

針對數據信息發(fā)生的變化,我們使用“場(chǎng)景化設計原則“,用立體圖標方式繪制出從”光伏板-逆變器-交流匯流箱“發(fā)電原理圖,把數據展示在對應的環(huán)節中,形成可視化的實(shí)時(shí)監控圖譜。;其余與發(fā)電流程無(wú)關(guān)的數據也均以圖標+文字的形式展示頁(yè)頁(yè)面右側。

通過(guò)流程圖+數據展示這種創(chuàng )新的視覺(jué)展示方式,將原本晦澀的數據更加直觀(guān),清晰地表達出來(lái),體現出產(chǎn)品的專(zhuān)業(yè)性,交互的友好性,升華產(chǎn)品的價(jià)值。

情景化的設計

工業(yè)控制系統由于其特有的專(zhuān)業(yè)性和使用場(chǎng)景,需要大量圖元作為輔助顯示,藍藍設計在系統設計之初就將場(chǎng)景化設計和情感化設計融入系統設計中,把設計圖元用立體化形式表現,形成模擬實(shí)際的工業(yè)場(chǎng)景,讓用戶(hù)使用系統是眼前一亮,減少用戶(hù)初次使用系統時(shí)的恐懼感,減輕用戶(hù)認知負擔,提高操作和信息獲取效率,為行業(yè)發(fā)展貢獻藍藍智慧。

泛亞高科-光伏電站控制系統界面設計

其他典型頁(yè)設計

泛亞高科-光伏電站控制系統界面設計-藍藍設計
泛亞高科-光伏電站控制系統界面設計-藍藍設計
泛亞高科-光伏電站控制系統界面設計-藍藍設計
泛亞高科-光伏電站控制系統界面設計-藍藍設計

  返回