首頁(yè)設(shè)計(jì)

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

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

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

2 減小了項(xiàng)目信息區(qū)域，將系統(tǒng)指標(biāo)與項(xiàng)目信息合并展示，綜合展示結(jié)果。

3 以tab簽的形式設(shè)計(jì)各標(biāo)目的標(biāo)題，簡(jiǎn)潔明確，視覺整體統(tǒng)一美觀。

4 以圓環(huán)的形式表達(dá)指標(biāo)統(tǒng)計(jì)設(shè)備數(shù)量及百分比。

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

設(shè)計(jì)前

GIS頁(yè)之前的原型

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

GIS圖：根據(jù)用戶訪問(wèn)項(xiàng)目的權(quán)限，當(dāng)訪問(wèn)的項(xiàng)目地理位置都在一個(gè)城市時(shí)，顯示這個(gè)城市范圍的GIS；當(dāng)訪問(wèn)的項(xiàng)目地理位置不在同一個(gè)城市但在同一個(gè)?。ㄗ灾螀^(qū)）時(shí)，顯示這個(gè)?。ㄗ灾螀^(qū)）范圍的GIS圖；當(dāng)訪問(wèn)的項(xiàng)目地理位置不在同一個(gè)城市，也不在同一?。ㄗ灾螀^(qū)），但在同一個(gè)國(guó)家時(shí)，顯示這個(gè)國(guó)家范圍的GIS圖；其它情況顯示世界地圖。

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

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

業(yè)績(jī)塊：根據(jù)用戶訪問(wèn)項(xiàng)目的權(quán)限，所訪問(wèn)項(xiàng)目的系統(tǒng)名稱及數(shù)量合計(jì)。系統(tǒng)包括：能源管控、配電自動(dòng)化、故障定位系統(tǒng)等。

終端統(tǒng)計(jì)塊：根據(jù)用戶訪問(wèn)項(xiàng)目的權(quán)限，所訪問(wèn)項(xiàng)目的終端名稱及數(shù)量合計(jì)。終端名稱包括：RTU、FTU、DTU、故障定位通信終端、一遙故障指示器、二遙故障指示器、低壓智能儀表……等。

行業(yè)統(tǒng)計(jì)塊：根據(jù)用戶訪問(wèn)項(xiàng)目的權(quán)限，所訪問(wèn)項(xiàng)目中各行業(yè)名稱及數(shù)量合計(jì)。行業(yè)包括：供電企業(yè)、工業(yè)園區(qū)、工廠、學(xué)校、醫(yī)院、政府機(jī)關(guān)、住宅小區(qū)、酒店……等

界面響應(yīng)

客戶信息塊：鼠標(biāo)點(diǎn)擊某一項(xiàng)目標(biāo)注時(shí)，顯示項(xiàng)目信息和各客戶信息。鼠標(biāo)點(diǎn)擊此信息塊外區(qū)域時(shí)，此塊消失。

客戶頁(yè)界面：鼠標(biāo)左鍵雙擊某一項(xiàng)目標(biāo)注時(shí)，進(jìn)入客戶頁(yè)界面。