联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

监控系统界面设计原则和过程,看看业内人士的专业见解

Time: 2020-01-03


界面设计在业内也被称为UI设计,在目前人工智能迅速发展的情况下,各种行业的应用软件都更加重视系统界面设计,以期获得更好的人际交互体验,从而树立产品形象,现在就简单谈谈监控系统界面设计的有关内容。

好的界面设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。


  一、监控系统界面设计流程

  1、确认目标用户

  在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

  2、采集目标用户的习惯交互方式

  不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

  3、提示和引导用户

  软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。

  4、一致性原则

  a设计目标一致:软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。

  b元素外观一致:交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

  c交互行为一致:在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。

  5、可用性原则

  首先必须要让用户可以理解软件各元素对应的功能,其次,交互元素对应用户需要的功能。还有一点,软件的交互流程和功能的执行流程,用户可以控制。如果确实无法提供控制,则用能为目标用户理解的方式提示用户。


1.jpg

(图片来自网络)


  二、监控系统界面设计注意事项

  1、数据的相关性

  监控系统界面设计需要将数据有层次的、有关联的展现出来。比如物流运输行业监控的对象是车,那么围绕车的数据,如车辆的车牌号司机基本信息、运输配送的业务数据、该车辆的轨迹、定位数据、该车辆目的地、起始地的业务数据和GIS数据。进而延伸到配送路径优化、业务综合报表数据等更加复杂的数据。

  2、让用户操作起来方便简单

  大型物流企业,都是集中监控,监控工作量很大,没有人傻到一个车一个车的看,只是对与异常的、自己关心的对象,能够快速的定位到它,并快速的展现数据。

  3、智能性

      很多人喜欢将经纬度坐标显示在界面上,他也不想想用户看到经纬度坐标,有什么用。所以需要将数据进行更深层次的分析、加工、过滤,减少无效的数据,然后在显示在界面上,才是一个好的设计师要做的。


2.png

(图片来自网络)


  三、建立监控系统的一般过程

  1、定义外部设备和数据库

  包括设备的定义和报警、变量的定义等。组态王把那些需要与之交换数据的设备或程序都作为外部设备。外部设备包括下位机(PLC、仪表、模块、板卡、变频器等) ,它们一般通过串行口和上位机交换数据;其他Windows应用程序,它们之间一般通过DDE交换数据:外部设备还包括网络上的其他计算机只有在定义了外部设备之后,组态王才能通过10变量和他们交换数据。危方便定义外部设备,组态王设计了设备配置向导,引导用户一步步完成设备的连接。

  2、设计图形界面

  在上位机上实现工艺流程图的实时监测、数据处理是通过可编程控制器操作站系统软件和组态软件来实现的。组态软件主要对系统的构成进行定义,定义过程参数、趋势、流程图、报表等。监控软件由各种监视界面和操作界面组成,主要包括总貌界面、流程图界面、趋势画、报表管理以及趋势打印、报表生成打印输出、操作调整等。

  3、建立动画连接

  工程人员在组态王开发系统中制作的界面都是静态的,那么它们如何才能反映工业现场的状況呢?这就需要通过实时数据库,因为只有数据库中的变量才是与现场状况同步变化的。数据库变量的变化又如何生成界面的动画效果呢?通过电话连接。动画连接就是建立界面的图素与数据库变量的对应关系。这样,工业上场的数据,当它们发生变化时,通10接口,将引起实时数据库中变量的变化,如果设计者曾经定义了一个界面1素,比如指针-与这个变量相关,我们将会看到指针在同步偏转。


  关于监控系统界面设计的内容今天先说到这里,后期的文章中还将继续和和大家讨论,如果你也对界面设计感兴趣,或者是从业人员,欢迎关注小编,让我们一起学习一起进步。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开