軌道交通后臺運維管理系統(tǒng)APP軟件

軌道交通后臺運維管理系統(tǒng)APP軟件

界面設(shè)計 | 交互設(shè)計 | 圖標設(shè)計

界面設(shè)計 | 交互設(shè)計 | 圖標設(shè)計

錦源匯智軌道交通后臺運維管理系統(tǒng)app為后臺運維系統(tǒng)提供現(xiàn)場掃碼檢修,線上跟進維修進度,人員定位查看等功能信息,藍藍設(shè)計負責視覺更新設(shè)計。這是一次項目工期比較緊張,,雙方見面后達成合作共識后,就開始視覺設(shè)計工作, 工作,在二周內(nèi)完成設(shè)計,3周左右完成修改和切圖,了解用戶的使用場景、怎么樣更方便,以及參考國內(nèi)外領(lǐng)先的競品,最終的效果客戶方面很認可。

登錄頁設(shè)計:

顯示設(shè)備:物理尺寸 5 英寸;

物理分辨率1080*720;

觸摸設(shè)備:無;

設(shè)計了多版登錄頁,最終確定的登錄頁采用產(chǎn)品使用場景圖+軌道線路+登錄模塊的形式布局。

背景采用手機掃描進站的圖片和產(chǎn)品本身應(yīng)景,底部用暗紋軌道。

中心位置顯示大的塊狀登錄區(qū),抓住用戶眼球,賬號+密碼的形式登錄系統(tǒng),比較簡潔 。

軌道交通APP界面設(shè)計

原版

軌道交通APP界面設(shè)計

新版

主頁設(shè)計:

根據(jù)目前首頁的信息和錦源匯智科技的產(chǎn)品定位。

底部導航把產(chǎn)品分為五大模塊,分別為首頁,工作,掃一掃,項目,我的;

首頁上邊部分是活動banner,選地鐵進站的圖片比較應(yīng)景;

中間部分把用戶的常用功能提取出來,八個功能可以來回切換,方便用戶 使用,里邊還有很多功能沒有一一展示,下邊有個展開的按鈕,有需要直接展開使用。

下邊是工作提醒,讓用戶第一時間知道各個地鐵線路的工作狀態(tài)。

軌道交通APP界面設(shè)計

原版

軌道交通APP界面設(shè)計

新版

工作日巡設(shè)計:

設(shè)計理念闡述

頂部二級導航欄分為四塊內(nèi)容分別是維修,日巡,檢修,臨時。他們之間可以來回切換,以下拉列表形式展現(xiàn),一屏顯示六條信息。

信息條以塊狀展示線路,時間和打卡狀態(tài),打卡狀態(tài)用不同顏色印章的形式展現(xiàn),增加內(nèi)容的趣味性。

日巡界面分為五種狀態(tài),正常,異常,已完成,未完成,待審核。

頂部導航下邊有篩選功能,可以按照分類,時間篩選, 查找。

軌道交通APP界面設(shè)計

原版

軌道交通APP界面設(shè)計

新版

項目頁面設(shè)計:

設(shè)計理念闡述

頂部二級導航欄分為四塊內(nèi)容分別是維修,日巡,檢修,臨時。他們之間可以來回切換,以圖表形式展現(xiàn),一屏顯示兩塊信息。讓用戶對數(shù)值有個直觀對比。

上部是維修查看的柱狀圖,下部是設(shè)備情況的餅狀圖。

維修界面分為三種狀態(tài),今天,本周,本月。

頂部導航下邊有篩選功能,可以按照日期,時間篩選, 查找。

軌道交通APP界面設(shè)計

原版

軌道交通APP界面設(shè)計

新版

登錄頁設(shè)計方案:

效果對比

贊同科技大屏界面設(shè)計

方案一

贊同科技大屏界面設(shè)計

方案二

贊同科技大屏界面設(shè)計

方案三

首頁設(shè)計方案:

效果對比

贊同科技大屏界面設(shè)計

方案一

贊同科技大屏界面設(shè)計

方案二

贊同科技大屏界面設(shè)計

方案三

最后設(shè)計效果圖:

軌道交通APP界面設(shè)計
軌道交通APP界面設(shè)計
軌道交通APP界面設(shè)計
軌道交通APP界面設(shè)計
軌道交通APP界面設(shè)計
軌道交通APP界面設(shè)計

  返回