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