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