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

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

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

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

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

登錄頁設計:

顯示設備:物理尺寸 5 英寸;

物理分辨率1080*720;

觸摸設備:無;

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

背景采用手機掃描進站的圖片和產品本身應景,底部用暗紋軌道。

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

軌道交通APP界面設計

原版

軌道交通APP界面設計

新版

主頁設計:

根據目前首頁的信息和錦源匯智科技的產品定位。

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

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

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

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

軌道交通APP界面設計

原版

軌道交通APP界面設計

新版

工作日巡設計:

設計理念闡述

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

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

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

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

軌道交通APP界面設計

原版

軌道交通APP界面設計

新版

項目頁面設計:

設計理念闡述

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

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

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

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

軌道交通APP界面設計

原版

軌道交通APP界面設計

新版

登錄頁設計方案:

效果對比

贊同科技大屏界面設計

方案一

贊同科技大屏界面設計

方案二

贊同科技大屏界面設計

方案三

首頁設計方案:

效果對比

贊同科技大屏界面設計

方案一

贊同科技大屏界面設計

方案二

贊同科技大屏界面設計

方案三

最后設計效果圖:

軌道交通APP界面設計
軌道交通APP界面設計
軌道交通APP界面設計
軌道交通APP界面設計
軌道交通APP界面設計
軌道交通APP界面設計

  返回