High Performance Screens
The high-performance approach achieves its goals by following several fundamental features, which are listed below.
Man-Centered Design
Careful selection of colors
Layered graphic hierarchy
Man-Centered Design
The main objective of this method of graphic screen design is to increase the effectiveness of data processing and analysis.
People can only handle a certain number of information at a time. According to ISA SP 18.2, operators of a monitoring system must face only about 10 alarms per hour to accurately respond to each alarm. However, the alarm rate is usually higher in the real world.
Man-Centric Design allows users to create smart designs with color settings that help the operator's eyes easily focus on situations that require more attention.
Below are detailed several proven results of the operator's performance of the High Performance HMI Handbook
Traditional HMI | High Performance HMI | Resultados | Detectando situações anormalis antes que os alarmes ocorram | 1 em 10 ocorrências | 5 em 10 ocorrênciasFindings | |
Detecting abnormal situations before alarms occur | 1 in 10 occurrences | 5 out of 10 occurrences |
5x melhoriaTaxa de sucesso no tratamento de situações anormaisimprovement | |||
Success rate in the treatment of abnormal situations | 70% | 96% | 37% melhoriaTempo para completar acertos em situações anormaisimprovement | |||
Time to complete hits in abnormal situations | 18.1 minutosminutes | 10.6 minutosminutes | 41% melhoria |
Seleção cuidadosa de cores
Mesmo que o aplicativo HMI seja uma interface visual / gráfica, você não deve escolher cores ou formas simplesmente para ter uma tela elegante. O foco deve ser facilitar a compreensão do projeto.
Abaixo está um conjunto de convenções de cores recomendadas para projetos HMI.
Alarmes: Use cores brilhantes e intensas que não são usadas em nenhuma outra parte da tela.
Plano de fundo: Use cores não saturadas (por exemplo: Cinza claro) com interferência mínima com outras cores.
Equipamento estático: Use cinza escuro ou preto para linhas de processo.
Estado do equipamento: a seleção de cores do estado do equipamento deve depender de recursos de aparência adicionais, como Preenchimento, Forma ou Texto.
Dados vivos comuns: use cores frias menos intensas (por exemplo, azul escuro e verde escuro). Essas cores devem ser facilmente distinguidas das informações estáticas para que não distraiam o operador
A tabela abaixo ilustra a paleta de cores recomendada para um projeto HMI de alto desempenho.
Hierarquia gráfica em camadas
Refere-se à maneira como os dados são estruturados nas exibições em todo o projeto. O método de organização recomendado é uma série de níveis e sub-níveis em que cada nível é mais detalhado que o anterior.
Nível 1: Informações de alto nível, como uma indicação de desempenho ou eventos que requerem atenção imediata.
Nível 2: O visor usado pelos operadores para realizar suas tarefas.
Nível 3: Exibe os controles de cada equipamento, bem como as informações e o status do equipamento.
Nível 4: A exibição mais detalhada que fornece informações sobre componentes e equipamentos individuais.
Biblioteca de Símbolos
Os símbolos são objetos gráficos que contêm uma série de dinâmicas internas. Eles podem ser adicionados a uma exibição como uma representação de tags. Veja também mais detalhes sobre símbolos em Gerenciando Imagens e Biblioteca de Símbolos.
Mapeando Símbolos para Objetos Runtime
Para mapear um símbolo adicionado a um objeto de tempo de execução, clique duas vezes no símbolo para exibir as suas propriedades definidas.
Mesmo que os símbolos tenham propriedades de tempo de execução diferentes, todos eles podem ter aparências semelhantes (como cores) de acordo com o estado em que se encontram. No exemplo abaixo, cada símbolo que está Ligado, Aberto, Em Execução ou Energizado aparece em branco para indicar que o o item está em um estado "em execução". Como todos estão em um estado semelhante, cada um deles seria mapeado para o Valor improvement |
Careful selection of colors
Even if the HMI app is a visual/graphical interface, you should not choose colors or shapes simply to have a stylish screen. The focus should be to facilitate understanding of the project.
Below is a set of recommended color conventions for HMI projects.
Alarms: Use bright, intense colors that are not used anywhere else on the screen.
Background: Use unsaturated colors (e.g.: Light gray) with minimal interference with other colors.
Static equipment: Use dark gray or black for process lines.
Equipment status: the color selection of the equipment state should depend on additional appearance features, such as Fill, Shape, or Text.
Common living data: Use less intense cold colors (e.g., dark blue and dark green). These colors should be easily distinguished from static information so that they do not distract the operator
The table below illustrates the recommended color palette for a high-performance HMI project.
Layered graphic hierarchy
Refers to the way data is structured in views throughout the project. The recommended organization method is a series of levels and sub-levels where each level is more detailed than the previous one.
Level 1: High-level information, such as a performance indication or events that require immediate attention.
Level 2: The viewfinder used by operators to perform their tasks.
Level 3: Displays the controls of each equipment, as well as the information and status of the equipment.
Level 4: The most detailed view that provides information about individual components and equipment.
Symbol Library
Symbols are graphical objects that contain a series of internal dynamics. They can be added to a view as a representation of tags. See also more details about symbols in Managing Images and Symbol Library.
Mapping Symbols to Runtime Objects
To map a symbol added to a runtime object, double-click the symbol to display its defined properties.
Even if symbols have different runtime properties, they can all have similar appearances (such as colors) according to the state they are in. In the example below, each symbol that is On, Open, Running, or Energized appears blank to indicate that the item is in a "running" state. Because everyone is in a similar state, each of them would be mapped to the Value "1".
| Code Block |
|---|
Value = 0 // Off/De-energized/Idle/Stopped/Closed Value = 1 // On/Energized/Running/Open Value = 2 // Disabled/Out of Service |
Os valores listados acima seguem o padrão de convenção de cores para visores HMI e as diferentes cores que um símbolo pode exibir são ilustradas na imagem abaixo.
Temas e cores de símbolos
A aparência de um símbolo pode ser personalizada alterando o tema do objeto. Em Run-Dictionaries-Themes, você encontrará paletas de tema que são predefinidas e integradas aos Modelos (templates) de projetos. A propriedade ItemName que está relacionada aos símbolos HPG aparece na tela mencionada.
O usuário pode usar esta página para criar facilmente novos temas ou editar temas pré-existentes. As imagens a seguir mostram alguns exemplos usando diferentes temas.
Indicador de AlarmeEste símbolo atua como um indicador do estado de alarme de uma tag específica. Ele pode exibir o nível de prioridade do alarme (baixo, médio ou alto), e tem 3 diferentes configurações de cores possíveis, dependendo do status do estado de alarme. Veja a imagem abaixo.
A propriedade AlarmPriorityEnum é utilizada para animar o símbolo Indicador de Alarme. A propriedade Enum tem as seguintes configuraçõesThe values listed above follow the color convention pattern for HMI displays and the different colors that a symbol can display are illustrated in the image below.
Themes and colors of symbols
The appearance of a symbol can be customized by changing the object theme. In Run-Dictionaries-Themes, you'll find theme palettes that are predefined and integrated with project templates. The ItemName property that is related to HPG symbols appears on the mentioned screen.
The user can use this page to easily create new themes or edit pre-existing themes. The following images show some examples using different themes.
Alarm Indicator
This symbol acts as an indicator of the alarm status of a specific tag. It can display the priority level of the alarm (low, medium or high), and has 3 different possible color settings, depending on the status of the alarm state. See the image below.
The property AlarmPriorityEnum is used to animate the Alarm Indicator symbol. The Enum property has the following settings:
|
Em tempo de execução, o Indicador de Alarme pode exibir os seguintes comportamentosAt run time, the Alarm Indicator can display the following behaviors:
| Code Block |
|---|
Número em símbolo: 1: Prioridade alta (2) 2: Prioridade média (1) 3: Prioridade baixa (0) Borda externa e elemento interno: Borda estática e elemento piscando: Alarme está ativo Borda estática e elemento estático: o alarme é confirmado Sem borda e elemento piscando: Alarme está normalizado Sem borda e sem elemento: Alarme não ativo |
As imagens a seguir demonstram a aparência da tela quando um alarme está em um estado ativoThe following images demonstrate the appearance of the screen when an alarm is in an active state.
| Panel | ||||
|---|---|---|---|---|
Nesta paginaOn this page:
|