北京科銳慧云智慧能源服務(wù)平臺界面設計

北京科銳慧云智慧能源服務(wù)平臺界面設計

圖標交互 | 交互設計 | 界面設計

圖標交互 | 交互設計 | 界面設計

北京科銳主要從事配電設備及電力電子的研發(fā)與制造。 近年來(lái)致力于企事業(yè)單位的電力物業(yè)服務(wù)、分布式光伏、能源綜合利用及配售電業(yè)務(wù),建設微能源網(wǎng)平臺,擁有微網(wǎng)群監控、電能質(zhì)量治理、節能低碳、儲能增效、智慧城市及有軌電車(chē)和電動(dòng)車(chē)充電裝置等方面的系列解決方案,并積極參與電力市場(chǎng)化改革實(shí)踐,努力為電力用戶(hù)和配網(wǎng)系統提供貼心、優(yōu)質(zhì)和增值服務(wù)。

科銳慧云產(chǎn)品線(xiàn)由科銳幾家控股公司分別負責不同的產(chǎn)品,用于各個(gè)電力物業(yè)的能源監控和管理分析。藍藍設計負責設計界面設計、建立統一的UI規范,應用于不同的軟件。在設計中,藍藍設計找到許多國內外的相關(guān)競品和卓越設計做參考,勇于創(chuàng )新、敏捷迭代,用心設計,工作中,雙方合作友好默契。

首頁(yè)設計

原來(lái)的項目頁(yè)面是上下結構的,此次為和其它二個(gè)軟件統一,經(jīng)過(guò)大家討論,決定用左右結構形式做為軟件框架。

根據原來(lái)頁(yè)面內容梳理信息優(yōu)先級重新設計新頁(yè)面。

1 增加最近訪(fǎng)問(wèn)欄目,可根據使用軟件頻率提供快捷方式。

2 減小了項目信息區域,將系統指標與項目信息合并展示,綜合展示結果。

3 以tab簽的形式設計各標目的標題,簡(jiǎn)潔明確,視覺(jué)整體統一美觀(guān)。

4 以圓環(huán)的形式表達指標統計設備數量及百分比。

5 優(yōu)化交互 左側菜單可以收起,上方告警信息每一個(gè)看后可關(guān)閉。

設計前

首頁(yè)設計--設計前
首頁(yè)設計

競品分析   首頁(yè)三類(lèi)布局分析各自特點(diǎn),選擇目前交互布局形式。

競品分析
上下結構
左右結構
整體結構

設計原則

  • 準確表達功能含義

  • 簡(jiǎn)單

    減少用戶(hù)記憶負擔

  • 自然

    界面風(fēng)格統一

  • 信息優(yōu)先級

    確定主次及順序

  • 對齊

    建立元素間的視覺(jué)聯(lián)系

  • 關(guān)聯(lián)

    相關(guān)的元素放在一起

  • 對比

    劃分層次、重點(diǎn)

  • 重復

    統一表現形式及風(fēng)格

品牌及色彩

品牌及色彩01
品牌及色彩02

氛圍和定位     體現能源互聯(lián)網(wǎng)、新能源、電力運維服務(wù)、科銳VI . 為正確傳達企業(yè)的品牌形象,軟件產(chǎn)品的主色調以藍色為主,紅色為輔。

能源互聯(lián)網(wǎng)

能源互聯(lián)網(wǎng)

能源互聯(lián)網(wǎng)

能源互聯(lián)網(wǎng)

電力運維服務(wù)

電力運維服務(wù)

科銳VI

科銳VI

設計過(guò)程和迭代

第一次提案

第一次提案

第二次修改   設計過(guò)程迭代修改局部、內容調整許多次。

第二次修改

國外優(yōu)秀gis地圖軟件欣賞

國外優(yōu)秀gis地圖軟件

GIS頁(yè)之前的原型

根據溝通決定將兩屏切換的內容放到一頁(yè)上,去掉一些重復的信息。在設計過(guò)程中嘗試了不同的配色及視覺(jué)表現方式。

GIS頁(yè)之前的原型01GIS頁(yè)之前的原型02GIS頁(yè)之前的原型03

GIS圖:根據用戶(hù)訪(fǎng)問(wèn)項目的權限,當訪(fǎng)問(wèn)的項目地理位置都在一個(gè)城市時(shí),顯示這個(gè)城市范圍的GIS;當訪(fǎng)問(wèn)的項目地理位置不在同一個(gè)城市但在同一個(gè)?。ㄗ灾螀^)時(shí),顯示這個(gè)?。ㄗ灾螀^)范圍的GIS圖;當訪(fǎng)問(wèn)的項目地理位置不在同一個(gè)城市,也不在同一?。ㄗ灾螀^),但在同一個(gè)國家時(shí),顯示這個(gè)國家范圍的GIS圖;其它情況顯示世界地圖。

GIS圖上的項目標注:在GIS圖的經(jīng)緯度上顯示項目標注。項目的經(jīng)緯度一般是項目管理方的地址。

VI塊:用戶(hù)所在單位的企業(yè)VI和公司運營(yíng)時(shí)間。

業(yè)績(jì)塊:根據用戶(hù)訪(fǎng)問(wèn)項目的權限,所訪(fǎng)問(wèn)項目的系統名稱(chēng)及數量合計。系統包括:能源管控、配電自動(dòng)化、故障定位系統等。

終端統計塊:根據用戶(hù)訪(fǎng)問(wèn)項目的權限,所訪(fǎng)問(wèn)項目的終端名稱(chēng)及數量合計。終端名稱(chēng)包括:RTU、FTU、DTU、故障定位通信終端、一遙故障指示器、二遙故障指示器、低壓智能儀表……等。

行業(yè)統計塊:根據用戶(hù)訪(fǎng)問(wèn)項目的權限,所訪(fǎng)問(wèn)項目中各行業(yè)名稱(chēng)及數量合計。行業(yè)包括:供電企業(yè)、工業(yè)園區、工廠(chǎng)、學(xué)校、醫院、政府機關(guān)、住宅小區、酒店……等

界面響應

客戶(hù)信息塊:鼠標點(diǎn)擊某一項目標注時(shí),顯示項目信息和各客戶(hù)信息。鼠標點(diǎn)擊此信息塊外區域時(shí),此塊消失。

客戶(hù)頁(yè)界面:鼠標左鍵雙擊某一項目標注時(shí),進(jìn)入客戶(hù)頁(yè)界面。

GIS頁(yè)三個(gè)配色新方案

GIS頁(yè)三個(gè)配色新方案01GIS頁(yè)三個(gè)配色新方案02GIS頁(yè)三個(gè)配色新方案03

GIS頁(yè)定稿方案

GIS頁(yè)定稿方案

其他頁(yè)面

其他頁(yè)面01
其他頁(yè)面02
其他頁(yè)面03
其他頁(yè)面04

  返回