<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 泛亞高科-光伏電站控制系統(tǒng)界面設(shè)計 發(fā)表于:2022-05-01

          html前端 | 交互設(shè)計 | 視覺設(shè)計

          01 項目背景

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

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

          02 項目概述

          產(chǎn)品定位

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

          目標(biāo)用戶

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

          設(shè)計風(fēng)格

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

          03 設(shè)計亮點

          聚焦數(shù)據(jù)展示,明確視覺焦點

          發(fā)現(xiàn)問題

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

          解決問題

          經(jīng)過用戶訪談后我們發(fā)現(xiàn),原型界面中確實存在用戶不關(guān)注的冗余信息,而更為核心的「發(fā)電量信息」「排放信息」「功率信息」未能體現(xiàn)在原行中。 藍(lán)藍(lán)團(tuán)隊將收集到的信息梳理整合后從以下幾個方面優(yōu)化頁面

          核心數(shù)據(jù)突出顯示-頁面內(nèi)容區(qū)通過圖標(biāo)+文字方式展示用戶關(guān)心的核心數(shù)據(jù),取消原型圖中「裝機(jī)」「經(jīng)緯度」「安裝角度」等冗余數(shù)據(jù),明確用戶視覺焦點。

          明確數(shù)據(jù)內(nèi)容,合理表現(xiàn)數(shù)據(jù)-每個圖表數(shù)據(jù)都對應(yīng)其自身的屬性和價值,我們在每個數(shù)據(jù)模塊增加模塊標(biāo)題,優(yōu)化數(shù)據(jù)表現(xiàn)方式,利用柱狀圖表示對比,折線圖表示趨勢,強(qiáng)化頁面引導(dǎo)性,指示性。

          創(chuàng)新的視覺設(shè)計

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

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

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

          情景化的設(shè)計

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

          04 界面欣賞
          麻豆成人久久精品二区三区免费| 亚洲AV无码久久精品色欲| 亚洲午夜久久久精品影院| 青青青青久久精品国产 | 无码国内精品久久人妻麻豆按摩| 日韩va亚洲va欧美va久久| 久久久亚洲裙底偷窥综合 | 久久久久噜噜噜亚洲熟女综合| 中文精品99久久国产| 久久亚洲精品人成综合网| 国产成人久久久精品二区三区| 久久人人爽人人人人爽AV| AV色综合久久天堂AV色综合在| 欧美午夜精品久久久久久浪潮| 精品久久久久中文字幕日本| 欧美日韩精品久久久免费观看| 99精品久久精品一区二区| 亚洲综合久久夜AV | 国产亚州精品女人久久久久久| 亚洲精品白浆高清久久久久久| 国产亚洲成人久久| 一本大道加勒比久久综合| 久久亚洲精品人成综合网| 久久精品中文无码资源站| 久久久91人妻无码精品蜜桃HD| 69SEX久久精品国产麻豆| 亚洲午夜久久久久妓女影院| 久久伊人精品青青草原日本| 欧美精品一区二区精品久久| 久久A级毛片免费观看| 久久久久女人精品毛片| 亚洲中文字幕久久精品无码喷水 | 久久久老熟女一区二区三区| 欧美伊人久久大香线蕉综合| 久久性生大片免费观看性| 国产免费久久精品丫丫| 精品久久久久久无码中文字幕| 久久99国产精品99久久| 国产精品久久永久免费| 99久久99久久精品国产片| 国产成人精品久久二区二区|