登錄頁設(shè)計:
顯示設(shè)備:物理尺寸 5 英寸; 物理分辨率1080*720; 觸摸設(shè)備:無; 設(shè)計了多版登錄頁,最終確定的登錄頁采用產(chǎn)品使用場景圖+軌道線路+登錄模塊的形式布局。 背景采用手機掃描進站的圖片和產(chǎn)品本身應(yīng)景,底部用暗紋軌道。 中心位置顯示大的塊狀登錄區(qū),抓住用戶眼球,賬號+密碼的形式登錄系統(tǒng),比較簡潔 。
界面設(shè)計 | 交互設(shè)計 | 圖標設(shè)計
錦源匯智軌道交通后臺運維管理系統(tǒng)app為后臺運維系統(tǒng)提供現(xiàn)場掃碼檢修,線上跟進維修進度,人員定位查看等功能信息,藍藍設(shè)計負責視覺更新設(shè)計。這是一次項目工期比較緊張,,雙方見面后達成合作共識后,就開始視覺設(shè)計工作, 工作,在二周內(nèi)完成設(shè)計,3周左右完成修改和切圖,了解用戶的使用場景、怎么樣更方便,以及參考國內(nèi)外領(lǐng)先的競品,最終的效果客戶方面很認可。
顯示設(shè)備:物理尺寸 5 英寸; 物理分辨率1080*720; 觸摸設(shè)備:無; 設(shè)計了多版登錄頁,最終確定的登錄頁采用產(chǎn)品使用場景圖+軌道線路+登錄模塊的形式布局。 背景采用手機掃描進站的圖片和產(chǎn)品本身應(yīng)景,底部用暗紋軌道。 中心位置顯示大的塊狀登錄區(qū),抓住用戶眼球,賬號+密碼的形式登錄系統(tǒng),比較簡潔 。
原版
新版
根據(jù)目前首頁的信息和錦源匯智科技的產(chǎn)品定位。 底部導(dǎo)航把產(chǎn)品分為五大模塊,分別為首頁,工作,掃一掃,項目,我的; 首頁上邊部分是活動banner,選地鐵進站的圖片比較應(yīng)景; 中間部分把用戶的常用功能提取出來,八個功能可以來回切換,方便用戶 使用,里邊還有很多功能沒有一一展示,下邊有個展開的按鈕,有需要直接展開使用。 下邊是工作提醒,讓用戶第一時間知道各個地鐵線路的工作狀態(tài)。
原版
新版
設(shè)計理念闡述 頂部二級導(dǎo)航欄分為四塊內(nèi)容分別是維修,日巡,檢修,臨時。他們之間可以來回切換,以下拉列表形式展現(xiàn),一屏顯示六條信息。 信息條以塊狀展示線路,時間和打卡狀態(tài),打卡狀態(tài)用不同顏色印章的形式展現(xiàn),增加內(nèi)容的趣味性。 日巡界面分為五種狀態(tài),正常,異常,已完成,未完成,待審核。 頂部導(dǎo)航下邊有篩選功能,可以按照分類,時間篩選, 查找。
原版
新版
設(shè)計理念闡述 頂部二級導(dǎo)航欄分為四塊內(nèi)容分別是維修,日巡,檢修,臨時。他們之間可以來回切換,以圖表形式展現(xiàn),一屏顯示兩塊信息。讓用戶對數(shù)值有個直觀對比。 上部是維修查看的柱狀圖,下部是設(shè)備情況的餅狀圖。 維修界面分為三種狀態(tài),今天,本周,本月。 頂部導(dǎo)航下邊有篩選功能,可以按照日期,時間篩選, 查找。
原版
新版
效果對比
方案一
方案二
方案三
效果對比
方案一
方案二
方案三