泛亞高科-光伏電站控制系統(tǒng)界面設(shè)計(jì) 發(fā)表于：2022-05-01
html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì)
泛亞高科(北京)科技有限公司（以下簡(jiǎn)稱“泛亞高科”），一個(gè)以實(shí)時(shí)監(jiān)控、高精度數(shù)值計(jì)算為基礎(chǔ)的科技公司， 自成立以來(lái)，組成了以博士、碩士為核心的技術(shù)團(tuán)隊(duì)，整合了華北電力大學(xué)等高校資源，憑借在電力系統(tǒng)內(nèi)多年的工作經(jīng)驗(yàn)， 研究并致力于幫助客戶解決在風(fēng)電、光伏領(lǐng)域內(nèi)的實(shí)時(shí)監(jiān)控、大數(shù)據(jù)、電站科技運(yùn)維、數(shù)據(jù)挖掘、功率預(yù)測(cè)及控制、 故障診斷等問(wèn)題。
設(shè)計(jì)前期，藍(lán)藍(lán)設(shè)計(jì)通過(guò)問(wèn)卷調(diào)查方式確定客戶風(fēng)格和喜好，并和客戶溝通頁(yè)面交互邏輯和優(yōu)化方法，確定交互方式后，再進(jìn)入視覺設(shè)計(jì)階段，這樣可以快速確定設(shè)計(jì)方向，節(jié)省大量時(shí)間。視覺設(shè)計(jì)方面，藍(lán)藍(lán)設(shè)計(jì)嘗試將2.5d圖標(biāo)融入界面設(shè)計(jì)中，通過(guò)立體化，場(chǎng)景化的圖標(biāo)，更加直觀地展示出產(chǎn)品功能屬性和使用場(chǎng)景，為光伏電站UI設(shè)計(jì)方向提供藍(lán)藍(lán)的設(shè)計(jì)方案。
產(chǎn)品定位
光伏電站控制系統(tǒng)用于監(jiān)視各分布式光伏電站各系統(tǒng)和設(shè)備的運(yùn)行數(shù)據(jù)，對(duì)系統(tǒng)和設(shè)備進(jìn)行遠(yuǎn)程控制。產(chǎn)品定位是為分布式光伏電站、遠(yuǎn)端集中控制中心提供設(shè)備遠(yuǎn)監(jiān)控，設(shè)備控制，設(shè)備告警，數(shù)據(jù)統(tǒng)計(jì)，決策支持等可視化，專業(yè)化服務(wù)。
目標(biāo)用戶
系統(tǒng)主要面向光伏電站站內(nèi)運(yùn)行人員、集控中心運(yùn)行人員及有權(quán)限的其他遠(yuǎn)端人員操作，使用場(chǎng)景相對(duì)單一。目標(biāo)用戶具有強(qiáng)大的專業(yè)背景知識(shí)，熟悉站內(nèi)硬件設(shè)備，對(duì)系統(tǒng)專業(yè)化，便捷性要求較高。年齡分布多在20-40歲之間，熟悉計(jì)算機(jī)操作。-40歲之間，熟悉計(jì)算機(jī)操作。
設(shè)計(jì)風(fēng)格
整體設(shè)計(jì)風(fēng)格采用極簡(jiǎn)設(shè)計(jì)，綜合運(yùn)用情感化設(shè)計(jì)理念，場(chǎng)景化設(shè)計(jì)思維，立體化視覺表達(dá)手法，為用戶提供高效便捷，專業(yè)直觀的系統(tǒng)界面。設(shè)計(jì)過(guò)程中，注重信息本身的展示，功能至上，盡量減少不必要的視覺干擾和冗余信息，打造展示專業(yè)，操作友好，交互有趣的工業(yè)控制系統(tǒng)。
聚焦數(shù)據(jù)展示，明確視覺焦點(diǎn)
發(fā)現(xiàn)問(wèn)題
產(chǎn)品初始原型圖由客戶提供，拿到原型圖后，經(jīng)過(guò)團(tuán)隊(duì)認(rèn)證討論分析，發(fā)現(xiàn)首頁(yè)部分存在數(shù)據(jù)展示不清晰，圖表選區(qū)不恰當(dāng)，無(wú)法準(zhǔn)確反映數(shù)據(jù)的類型等問(wèn)題。我們隨即與客戶進(jìn)行溝通并通過(guò)用戶訪談佐證問(wèn)題發(fā)現(xiàn)的問(wèn)題，發(fā)掘更深層次的不足，并思考優(yōu)化策略。
解決問(wèn)題
經(jīng)過(guò)用戶訪談后我們發(fā)現(xiàn)，原型界面中確實(shí)存在用戶不關(guān)注的冗余信息，而更為核心的「發(fā)電量信息」「排放信息」「功率信息」未能體現(xiàn)在原行中。 藍(lán)藍(lán)團(tuán)隊(duì)將收集到的信息梳理整合后從以下幾個(gè)方面優(yōu)化頁(yè)面
核心數(shù)據(jù)突出顯示-頁(yè)面內(nèi)容區(qū)通過(guò)圖標(biāo)+文字方式展示用戶關(guān)心的核心數(shù)據(jù)，取消原型圖中「裝機(jī)」「經(jīng)緯度」「安裝角度」等冗余數(shù)據(jù)，明確用戶視覺焦點(diǎn)。
明確數(shù)據(jù)內(nèi)容，合理表現(xiàn)數(shù)據(jù)-每個(gè)圖表數(shù)據(jù)都對(duì)應(yīng)其自身的屬性和價(jià)值，我們?cè)诿總€(gè)數(shù)據(jù)模塊增加模塊標(biāo)題，優(yōu)化數(shù)據(jù)表現(xiàn)方式，利用柱狀圖表示對(duì)比，折線圖表示趨勢(shì)，強(qiáng)化頁(yè)面引導(dǎo)性，指示性。
創(chuàng)新的視覺設(shè)計(jì)
逆變器視圖界面需求變更比較大，圍繞逆變器這一核心部件，增加很多前后環(huán)節(jié)中實(shí)時(shí)數(shù)據(jù)信息，但展示本質(zhì)并未發(fā)生變化。
針對(duì)數(shù)據(jù)信息發(fā)生的變化，我們使用“場(chǎng)景化設(shè)計(jì)原則“，用立體圖標(biāo)方式繪制出從”光伏板-逆變器-交流匯流箱“發(fā)電原理圖，把數(shù)據(jù)展示在對(duì)應(yīng)的環(huán)節(jié)中，形成可視化的實(shí)時(shí)監(jiān)控圖譜。；其余與發(fā)電流程無(wú)關(guān)的數(shù)據(jù)也均以圖標(biāo)+文字的形式展示頁(yè)頁(yè)面右側(cè)。
通過(guò)流程圖+數(shù)據(jù)展示這種創(chuàng)新的視覺展示方式，將原本晦澀的數(shù)據(jù)更加直觀，清晰地表達(dá)出來(lái)，體現(xiàn)出產(chǎn)品的專業(yè)性，交互的友好性，升華產(chǎn)品的價(jià)值。
情景化的設(shè)計(jì)
工業(yè)控制系統(tǒng)由于其特有的專業(yè)性和使用場(chǎng)景，需要大量圖元作為輔助顯示，藍(lán)藍(lán)設(shè)計(jì)在系統(tǒng)設(shè)計(jì)之初就將場(chǎng)景化設(shè)計(jì)和情感化設(shè)計(jì)融入系統(tǒng)設(shè)計(jì)中，把設(shè)計(jì)圖元用立體化形式表現(xiàn)，形成模擬實(shí)際的工業(yè)場(chǎng)景，讓用戶使用系統(tǒng)是眼前一亮，減少用戶初次使用系統(tǒng)時(shí)的恐懼感，減輕用戶認(rèn)知負(fù)擔(dān)，提高操作和信息獲取效率，為行業(yè)發(fā)展貢獻(xiàn)藍(lán)藍(lán)智慧。
2023 12/07
企業(yè)信息化｜銀行金融｜報(bào)送軟件
悅錦數(shù)科反洗錢、報(bào)送系統(tǒng)等3個(gè)軟件全流程UEUI設(shè)計(jì)
2023 12/07
企業(yè)信息化設(shè)計(jì)｜芯片制造
芯片產(chǎn)業(yè)鏈自主可控平臺(tái)界面設(shè)計(jì)
2023 12/07
資金運(yùn)營(yíng)｜企業(yè)信息化設(shè)計(jì)｜數(shù)據(jù)大屏
九恒星資金運(yùn)營(yíng)管理系統(tǒng)UIUE設(shè)計(jì)
2023 12/07
航天軟件 ｜制造系統(tǒng)｜UIUE設(shè)計(jì)
航天某院三個(gè)制造執(zhí)行系統(tǒng)UIUE設(shè)計(jì)（保密)
2023 12/07
GIS地理信息｜超圖集團(tuán)｜數(shù)據(jù)大屏
超圖集團(tuán)四川統(tǒng)計(jì)綜合管理平臺(tái)大屏界面設(shè)計(jì)
2023 12/07
教育軟件｜管理界面
金山云國(guó)家部委數(shù)據(jù)中臺(tái)UIUE設(shè)計(jì)（保密)
2023 12/07
氣象軟件｜界面設(shè)計(jì)｜APP設(shè)計(jì)
銀華基金2個(gè)基金管理軟件UIUE設(shè)計(jì)（保密)
2023 12/07
企業(yè)信息化｜國(guó)土資源｜數(shù)據(jù)大屏
金山云住建委數(shù)據(jù)大屏UIUE設(shè)計(jì)及前端開發(fā)（保密)