轨道交通后台运维管理系统APP软件

界面设计 | 交互设计 | 图标设计

锦源汇智轨道交通后台运维管理系统app为后台运维系统提供现场扫码检修,线上跟进维修进度,人员定位查看等功能信息,蓝蓝设计负责视觉更新设计。这是一次项目工期比较紧张,,双方见面后达成合作共识后,就开始视觉设计工作, 工作,在二周内完成设计,3周左右完成修改和切图,了解用户的使用场景、怎么样更方便,以及参考国内外领先的竞品,最终的效果客户方面很认可。

登录页设计:

显示设备:物理尺寸 5 英寸;

物理分辨率1080*720;

触摸设备:无;

设计了多版登录页,最终确定的登录页采用产品使用场景图+轨道线路+登录模块的形式布局。

背景采用手机扫描进站的图片和产品本身应景,底部用暗纹轨道。

中心位置显示大的块状登录区,抓住用户眼球,账号+密码的形式登录系统,比较简洁 。

轨道交通APP界面设计

原版

轨道交通APP界面设计

新版

主页设计:

根据目前首页的信息和锦源汇智科技的产品定位。

底部导航把产品分为五大模块,分别为首页,工作,扫一扫,项目,我的;

首页上边部分是活动banner,选地铁进站的图片比较应景;

中间部分把用户的常用功能提取出来,八个功能可以来回切换,方便用户 使用,里边还有很多功能没有一一展示,下边有个展开的按钮,有需要直接展开使用。

下边是工作提醒,让用户第一时间知道各个地铁线路的工作状态。

轨道交通APP界面设计

原版

轨道交通APP界面设计

新版

工作日巡设计:

设计理念阐述

顶部二级导航栏分为四块内容分别是维修,日巡,检修,临时。他们之间可以来回切换,以下拉列表形式展现,一屏显示六条信息。

信息条以块状展示线路,时间和打卡状态,打卡状态用不同颜色印章的形式展现,增加内容的趣味性。

日巡界面分为五种状态,正常,异常,已完成,未完成,待审核。

顶部导航下边有筛选功能,可以按照分类,时间筛选, 查找。

轨道交通APP界面设计

原版

轨道交通APP界面设计

新版

项目页面设计:

设计理念阐述

顶部二级导航栏分为四块内容分别是维修,日巡,检修,临时。他们之间可以来回切换,以图表形式展现,一屏显示两块信息。让用户对数值有个直观对比。

上部是维修查看的柱状图,下部是设备情况的饼状图。

维修界面分为三种状态,今天,本周,本月。

顶部导航下边有筛选功能,可以按照日期,时间筛选, 查找。

轨道交通APP界面设计

原版

轨道交通APP界面设计

新版

登录页设计方案:

效果对比

赞同科技大屏界面设计

方案一

赞同科技大屏界面设计

方案二

赞同科技大屏界面设计

方案三

首页设计方案:

效果对比

赞同科技大屏界面设计

方案一

赞同科技大屏界面设计

方案二

赞同科技大屏界面设计

方案三

最后设计效果图:

轨道交通APP界面设计
轨道交通APP界面设计
轨道交通APP界面设计
轨道交通APP界面设计
轨道交通APP界面设计
轨道交通APP界面设计

  返回