泛亞高科-光伏電站控制系統(tǒng)界面設(shè)計(jì)-藍(lán)藍(lán)設(shè)計(jì)

北京藍(lán)藍(lán)設(shè)計(jì)公司為泛亞高科光伏電站控制系統(tǒng)制作的界面設(shè)計(jì)

泛亞高科-光伏電站控制系統(tǒng)界面設(shè)計(jì) html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì) | 圖標(biāo)設(shè)計(jì) 泛亞高科(北京)科技有限公司（以下簡(jiǎn)稱“泛亞高科”），一個(gè)以實(shí)時(shí)監(jiān)控、高精度數(shù)值計(jì)算為基礎(chǔ)的科技公司， 自成立以來，組成了以博士、碩士為核心的技術(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è)及控制、 故障診斷等問題。

設(shè)計(jì)前期，藍(lán)藍(lán)設(shè)計(jì)通過問卷調(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ì)中，通過立體化，場(chǎng)景化的圖標(biāo)，更加直觀地展示出產(chǎn)品功能屬性和使用場(chǎng)景，為光伏電站UI設(shè)計(jì)方向提供藍(lán)藍(lán)的設(shè)計(jì)方案。

聚焦數(shù)據(jù)展示，明確視覺焦點(diǎn) 發(fā)現(xiàn)問題 產(chǎn)品初始原型圖由客戶提供，拿到原型圖后，經(jīng)過團(tuán)隊(duì)認(rèn)證討論分析，發(fā)現(xiàn)首頁(yè)部分存在數(shù)據(jù)展示不清晰，圖表選區(qū)不恰當(dāng)，無法準(zhǔn)確反映數(shù)據(jù)的類型等問題。我們隨即與客戶進(jìn)行溝通并通過用戶訪談佐證問題發(fā)現(xiàn)的問題，發(fā)掘更深層次的不足，并思考優(yōu)化策略。 解決問題 經(jīng)過用戶訪談后我們發(fā)現(xiàn)，原型界面中確實(shí)存在用戶不關(guān)注的冗余信息，而更為核心的「發(fā)電量信息」「排放信息」「功率信息」未能體現(xiàn)在原行中。 藍(lán)藍(lán)團(tuán)隊(duì)將收集到的信息梳理整合后從以下幾個(gè)方面優(yōu)化頁(yè)面： 1.核心數(shù)據(jù)突出顯示-頁(yè)面內(nèi)容區(qū)通過圖標(biāo)+文字方式展示用戶關(guān)心的核心數(shù)據(jù)，取消原型圖中「裝機(jī)」「經(jīng)緯度」「安裝角度」等冗余數(shù)據(jù)，明確用戶視覺焦點(diǎn)。 2.明確數(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)性，指示性。"

解決問題 經(jīng)過用戶訪談后我們發(fā)現(xiàn)，原型界面中確實(shí)存在用戶不關(guān)注的冗余信息，而更為核心的「發(fā)電量信息」「排放信息」「功率信息」未能體現(xiàn)在原行中。 藍(lán)藍(lán)團(tuán)隊(duì)將收集到的信息梳理整合后從以下幾個(gè)方面優(yōu)化頁(yè)面： 1.核心數(shù)據(jù)突出顯示-頁(yè)面內(nèi)容區(qū)通過圖標(biāo)+文字方式展示用戶關(guān)心的核心數(shù)據(jù)，取消原型圖中「裝機(jī)」「經(jīng)緯度」「安裝角度」等冗余數(shù)據(jù)，明確用戶視覺焦點(diǎn)。 2.明確數(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)性，指示性。"

聚焦數(shù)據(jù)展示，明確視覺焦點(diǎn) 發(fā)現(xiàn)問題 產(chǎn)品初始原型圖由客戶提供，拿到原型圖后，經(jīng)過團(tuán)隊(duì)認(rèn)證討論分析，發(fā)現(xiàn)首頁(yè)部分存在數(shù)據(jù)展示不清晰，圖表選區(qū)不恰當(dāng)，無法準(zhǔn)確反映數(shù)據(jù)的類型等問題。我們隨即與客戶進(jìn)行溝通并通過用戶訪談佐證問題發(fā)現(xiàn)的問題，發(fā)掘更深層次的不足，并思考優(yōu)化策略。