方案價值

助力建設新型能源體系
增強品牌形象 提品競爭力
能源行業(yè)UI設計案例
提高工作效率和產(chǎn)品滿意度
降低培訓成本增強安全性
能源行業(yè)UI設計案例
  • 助力建設新型能源體系

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

  • 增強品牌形象提品競爭力

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

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

    良好的UI設計可以使能源行業(yè)設備和系統(tǒng)的操作更加直觀和高效,從而提高工作效率。良好的UI設計可以使操作界面更加直觀、易于使用,從而提高用戶的滿意度和工作效率。

  • 降低培訓成本增強安全性

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

方案亮點

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

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

能源行業(yè)UI設計思維導圖

思維導圖

能源行業(yè)UI設計客戶手稿

客戶手稿

能源行業(yè)UI設計原型圖

原型圖

能源行業(yè)UI設計案例

最終設計稿

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

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

低碳園區(qū)大屏UI設計低碳園區(qū)案例
03 多種信息圖結合對能源業(yè)務的理解,準確表達數(shù)據(jù)內(nèi)涵,展現(xiàn)數(shù)據(jù)之美

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

多種信息圖UI設計案例
多種信息圖UI設計案例
04 將千篇一律的B端能源設備管理軟件設計的優(yōu)雅人性化,展現(xiàn)整體之美

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

光伏電站圖標設計2.5D
電站軟件UI設計案例
05 3D渲染效果圖或2.5D插畫圖形象表達港口煤炭裝載運營管理數(shù)據(jù)可視化

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

2.5D圖標軟件UI設計案例
煤炭大屏UI設計案例
06 作業(yè)異動識別及時觸達,數(shù)據(jù)變身圖表,風險無處藏身

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

石油年金軟件UI設計案例
07 多種風格ICON圖標繪制

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

能源行業(yè)ICON圖標繪制
08 信息卡片化設計,突出重點數(shù)據(jù)減少視覺思考

信息采用卡片化設計能夠增加頁面的層次感和立體感,使得頁面更加美觀和吸引人??ㄆ脑O計方式也能夠減少用戶的認知負擔,使用戶更加輕松地瀏覽和使用頁面,能夠增加頁面的層次感和立體感,使得頁面更加美觀和吸引人,從而提高了用戶體驗。

能源行業(yè)信息卡片化設計
能源行業(yè)園區(qū)信息卡片化設計UI案例
09 動效示意,幫助用戶更好的理解產(chǎn)品

明確的動效展示比文字描述更加直觀,在學習過程中,用戶往往更會選擇學習成本較低的方式,動效的示意不僅可以直觀地展示給用戶,界面的樣式,也可以通過操作示意的方式,引導教育用戶如何快速學習軟件,了解操作方式,減少思考的時間成本,降低上手難度。

內(nèi)容調(diào)查