数码视讯EMR 4.0系统界面设计

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

数码视讯全称北京数码视讯科技股份有限公司。公司主要从事数字电视软硬件产品的研发、生产、销售和技术服务业务,是国内领先的数字电视软件及系统提供商、数字电视整体解决方案提供商。公司主要产品包括数字电视条件接收系统(CA 系统)、数字电视前端设备等。

EMR 4.0 系统是基于硬件设备的管理系统,主要功能有板卡设备管理,参数设置,报警记录,系统备份,系统加扰等。蓝蓝设计本次负责系统设置,系统备份模块的视觉优化设计及图标设计。

全局化的设计

EMR是设备管理系统,因此,用户对于系统操作的流畅度,便捷度的要求高于视觉要求,我们设计时充分考虑到这一点,并在保证视觉效果基础上充分优化操作路径。

由于系统功能较多,菜单层级较多,菜单导航层级区分是否合理,菜单布局方式是否能够满足使用户“操作步骤最少,使用最 ”的要求是此次流程优化成功与否的关键。我们在进行充分沟通后,采用了顶部一级菜单导航,内容区左侧二级,三级菜单导航样式。由于系统功能较为复杂,操作员在操作过程中大多数时间实在某一一级菜单内部操作,一级菜单切换频率相比二三级菜单切换频率低,我们采用这种方式可以着重突出二,三级菜单,贴合用户使用场景,优化操作流程。

内容区域方面,我们采用模块化设计,将主要功能放置于视觉热区中,减少用户寻找重要内容时间,提升用户操作效率。

浅色配色使办公更稳定

界面头部采用深蓝色设计,内容区域采用浅灰色和白色配色。颜色的深浅搭配会产生较强的对比感,头部小区域采用深蓝色配色,一来可以增加页面的对比感觉,使头部一级导航区域更突出;二来,可以与“内容生产系统”产生关联,保留了同产品系列的基因,利于形成同一产品系列。效率。

内容区域采用浅色配色,研究表明,浅色底色相比深色配色更利于人眼长时间阅读。深色配色虽然有较强的代入感,但是长时间阅读会产生疲劳感,不利于长时间办公。由于产品是管理型界面,需要长时间盯着屏幕办公,而浅色底色在长时间阅读中可以减少视觉疲劳。

数码视讯EMR 4.0系统界面设计沉稳大气的界面配色布局

其他页面展示

数码视讯EMR 4.0系统界面设计登录页面

登录页面

数码视讯EMR 4.0系统界面设计板卡页面

板卡页面

数码视讯EMR 4.0系统界面设计复用页面

复用页面

数码视讯EMR 4.0系统界面设计部分图标展示

部分图标展示

  返回