積極推動智能生產(chǎn)，推動能源產(chǎn)業(yè)與數(shù)字技術(shù)融合發(fā)展

石油勘探
能源電力
光伏電站
可視化大屏

能源行業(yè)UI設(shè)計過程中，我們深入了解用戶需求和行為，加深對能源勘探、電站、煤炭等業(yè)務(wù)的調(diào)研及理解，優(yōu)化舊版軟件的操作流程和功能布局，提升界面視覺設(shè)計至國際化、卓越、美觀的水準，與東方地球物理、石油瑞飛、施耐德、泛亞高科，科銳能源、和利時等多個企業(yè)合作，推動能源行業(yè)軟件升級。

痛點和問題

視覺不美觀圖標粗糙

有些軟件運行多年，使用的是QT或系統(tǒng)原有的組件，功能雖強大，但視覺陳舊，圖標粗糙。
缺乏一致性

因多年多人開發(fā)，導致功能模塊之間缺乏一致性，圖標的風格不一致，交互及彈出的方式不一致。
交互不合理

以工程師的角度開發(fā)軟件，導致操作流程繁瑣、重復性操作過多、輸入數(shù)據(jù)要求不清晰等。
引導性弱，不易用

不能直觀讓用戶了解如何操作達成目的，可預知性較弱。降低用戶的使用效率，不易用。
交互常見問題
- 交互及彈出的方式、布局內(nèi)容不一致
- 操作流程多，信息復雜，交互方式怎樣優(yōu)化更合理
- 缺乏引導，如何讓用戶快速理解和使用軟件
- 反饋機制不足，用戶不能快速知道操作的成功或失敗
視覺常見問題
- VUE如何能避免同質(zhì)化的UI設(shè)計？
- 大型軟件多人開發(fā)，如何保持相似采用相同的操作方式和布局風格？
- 可否找些能源行業(yè)流行和做的好的界面設(shè)計欣賞？
后期沿用常見問題
- 操作的流程怎么標準化？
- 后續(xù)開發(fā)怎樣沿用UI規(guī)范保持一致性？
- 設(shè)計好的組件、樣式怎么沿用到其他產(chǎn)品線？
- 設(shè)計如何做到5年左右的市場主流不過時？

方案價值

助力建設(shè)新型能源體系

增強品牌形象提品競爭力

提高工作效率和產(chǎn)品滿意度

降低培訓成本增強安全性

助力建設(shè)新型能源體系

全球能源危機正在惡化，積極推動智能生產(chǎn)，推動能源產(chǎn)業(yè)與數(shù)字技術(shù)融合發(fā)展，賦能全產(chǎn)業(yè)提質(zhì)增效，全面助力建設(shè)新型能源體系。在節(jié)能降耗時，充分考慮人們節(jié)能行為與舒適之間的平衡，人性化的智能引導人們的節(jié)能行為，實現(xiàn)精益節(jié)能、高效運維。
增強品牌形象提品競爭力

對于能源企業(yè)來說，專業(yè)、先進的UI設(shè)計可以提升企業(yè)的形象，使其在行業(yè)中更具競爭力，隨著市場的發(fā)展、政企業(yè)用戶對于產(chǎn)品的要求也越來越高，大型項目也需要投標。優(yōu)秀的UI設(shè)計和產(chǎn)品易用度可以使產(chǎn)品在市場上更具吸引力，從而提升產(chǎn)品的競爭力。
提高工作效率和產(chǎn)品滿意度

良好的UI設(shè)計可以使能源行業(yè)設(shè)備和系統(tǒng)的操作更加直觀和高效，從而提高工作效率。良好的UI設(shè)計可以使操作界面更加直觀、易于使用，從而提高用戶的滿意度和工作效率。
降低培訓成本增強安全性

通過模擬真實的操作環(huán)境，UI設(shè)計可以幫助新員工更快地熟悉設(shè)備和系統(tǒng)的操作，從而降低培訓成本。通過提供清晰、準確的指示和警告信息，UI設(shè)計可以幫助操作員避免潛在的危險。

方案亮點

01 從需求出發(fā)，重新梳理框架結(jié)構(gòu)，進行交互及布局優(yōu)化

全局化的設(shè)計是視覺統(tǒng)一的保證。在進行前期調(diào)研時發(fā)現(xiàn)，改版前的系統(tǒng)集成了較多功能，每種功能布局都不相同，這樣就會出現(xiàn)視覺語言的不統(tǒng)一。我們再后期的設(shè)計中，遵循“框架-布局-細節(jié)”的設(shè)計思路，將頁面功能重新梳理，提煉出全新的視覺語言和頁面布局，確保視覺的統(tǒng)一性。目標人群和產(chǎn)品使用場景是決定產(chǎn)品設(shè)計的基礎(chǔ)性因素。我們在產(chǎn)品架構(gòu)設(shè)計時，仔細研究目標用戶使用場景，模擬用戶操作過程中所有可能行為，精簡產(chǎn)品架構(gòu)，優(yōu)化頁面層級，合并頁面內(nèi)容，創(chuàng)新頁面展示方式。

思維導圖

客戶手稿

原型圖

最終設(shè)計稿

02 注重簡潔的界面和直觀的用戶體驗，大屏以數(shù)據(jù)本身體現(xiàn)信息的傳達

采用扁平化和卡片相結(jié)合的設(shè)計風格，摒棄了多余的裝飾圖標和細節(jié)，注重簡潔的界面和直觀的用戶體驗，以數(shù)據(jù)本身體現(xiàn)設(shè)計，突出重要數(shù)據(jù)信息，使界面更加干凈、清晰，用戶可以更快速地理解和操作?？ㄆO(shè)計采用區(qū)塊化結(jié)構(gòu)，使層次清晰易讀，利用卡片形成的畫面區(qū)域，內(nèi)容呈現(xiàn)更加集中，有利于突出重點信息。

03 多種信息圖結(jié)合對能源業(yè)務(wù)的理解，準確表達數(shù)據(jù)內(nèi)涵，展現(xiàn)數(shù)據(jù)之美

信息圖、數(shù)據(jù)報表可以包含很多內(nèi)容，是傳遞信息和數(shù)據(jù)的絕佳工具。將大量客觀而理性的數(shù)據(jù)以直觀而藝術(shù)的方式展現(xiàn)在用戶面前，“冰冷”的數(shù)據(jù)和統(tǒng)計結(jié)果因分析和設(shè)計而變得“有了溫度”，信息和數(shù)據(jù)因此變得生動有趣，

04 將千篇一律的B端能源設(shè)備管理軟件設(shè)計的優(yōu)雅人性化，展現(xiàn)整體之美

雖然經(jīng)常有人說，B端軟件功能最重要，設(shè)計的實用性大于美觀，但是B端界面呈現(xiàn)的數(shù)據(jù)圖表之美也是一種特色。圖標細節(jié)、風格格調(diào)、數(shù)據(jù)可視化、信息結(jié)構(gòu)層級排版構(gòu)成了整體之美。

05 3D渲染效果圖或2.5D插畫圖形象表達港口煤炭裝載運營管理數(shù)據(jù)可視化

攜手共進，揚帆起航，基于港口裝截地理位置，通過孿生場景或2.5D的數(shù)字化重現(xiàn)，全方位演示港口煤炭運輸全產(chǎn)業(yè)鏈運轉(zhuǎn)流程，從宏觀角度實時監(jiān)控港口重點數(shù)據(jù)內(nèi)容，協(xié)助客戶日常業(yè)務(wù)展示及領(lǐng)導匯報，對各類異常事件進行可視化預警告警，實時掌握整體運行態(tài)勢，實現(xiàn)智能指控調(diào)度。

06 作業(yè)異動識別及時觸達，數(shù)據(jù)變身圖表，風險無處藏身

能源及發(fā)電企業(yè)生產(chǎn)作業(yè)流程較為復雜，生產(chǎn)作業(yè)人員安全的管控一直是安全管理工作的難點。有了巡檢機器人與智能攝像機，通過采集現(xiàn)場儀表視頻圖像信息，再由機器視覺分析和圖像識別技術(shù)處理，及時對異常數(shù)據(jù)發(fā)出報警，可以一鍵生成報告提醒運行人員，運行人員只需要對檢測出的缺陷進行復核并提交檢修工單，形成閉環(huán)。藍藍設(shè)計將這個工作任務(wù)流程設(shè)計的交互易用，首頁報警分級別顯示，考慮到數(shù)量多或少，所占區(qū)域合理，數(shù)據(jù)變身圖表，風險無處藏身。

07 多種風格ICON圖標繪制

圖標（icon），GUI 中的圖形符號，其形式即含義，代表應(yīng)用程序、對象和功能。圖標有多種類型，大應(yīng)用圖標（側(cè)重品牌性）、小功能圖標（側(cè)重功能性）、系統(tǒng)圖標、可定制圖標、可交互圖標、純展示圖標。其中圖標的風格更是多種多樣，扁平的、擬物的、線性的、填充的、單色的、雙調(diào)的、2.5D 的、3D 的、靜置的、動態(tài)的……藍藍設(shè)計針對各種場景，設(shè)計各種風格的圖標和設(shè)備。