Você está na página 1de 18
Modelo de Componentes de IHC Coordenação dos Cursos de Informática Interface Homem Máquina Disciplina

Modelo de Componentes de IHC

Coordenação dos Cursos de Informática Interface Homem Máquina Disciplina
Coordenação dos Cursos de Informática
Interface Homem Máquina
Disciplina
 A IHM é entendida como um subsistema do software interativo, que possui estrutura e processos.
  • A IHM é entendida como um subsistema do software interativo, que possui estrutura e processos.

Estrutura (componentes) Processo (interação do usuário)

  • A IHM também é vista como uma linguagem de sinais.

Os componentes da IHM  Os modelos de componentes da IHM, são classificados em:  Classes

Os componentes da

IHM

  • Os modelos de componentes da IHM, são classificados em:

Classes de Interações; Classes de objetos de Interação; Classes de Sistemas de Significado; Modelos Primitivos;

Modelo de Componentes  Classe de Interações:  Tarefas:  De diagnóstico  Corretiva  Destrutiva

Modelo de

Componentes

  • Classe de Interações:

Tarefas:

  • De diagnóstico

  • Corretiva

  • Destrutiva

Estilos:

  • Diálogos: por menu, formulário, comando, manipulação direta.

Estruturas: Seqüencial, Paralela, Repetitiva.

Modelo de Componentes  Objetos de Interação:  Painéis de controle:  Tela, Janela, Caixa de

Modelo de

Componentes

  • Objetos de Interação:

Painéis de controle:

  • Tela, Janela, Caixa de diálogo, Caixa de ação, Tela de consulta, formulário, caixa de mensagem.

Controle Compostos:

  • Barra de menu, painel de menu, página de menu, Barra de ferramentas, lista de seleção.

Grupos de controle:

  • Botões de comando, rádio, caixas de atribuição.

 Controle Simples: Objetos de Interação cont.  Botão de Comando, Caixa de atribuição, Cursor (mouse),
  • Controle Simples:

Objetos de Interação

cont.

  • Botão de Comando, Caixa de atribuição, Cursor (mouse), escala, dial.

  • Campos de entrada:

    • Campo de texto, campo de dado, Campo Gráfico, Linha de comando.

  • Mostradores estruturados:

    • Lista de dados, Tabela de dados, Texto, gráfico, mapa, etc.

  • Mostradores Simples: Mostrados de dados.

  • Mostrador de informações:

    • Mensagem de orientação, de ajuda, alerta, erro, indicador de progressão, locução, fala, etc.

 Motivadores: Sistemas de Significado  Denominação, abreviatura, ícone.  Arbitrários:  Código Alfanumérico, Código de
  • Motivadores:

Sistemas de

Significado

Denominação, abreviatura, ícone.

  • Arbitrários:

Código Alfanumérico, Código de cores, textura, etc.

 Ações Primitivas  Visuais Modelo de Componentes  Cor, fonte, linha, arranjo.  Sonoras
  • Ações Primitivas

Visuais

Modelo de

Componentes

  • Cor, fonte, linha, arranjo.

Sonoras

Esclarecimentos ...  O que é um diálogo?  Diálogo por menu, por comandos, formulário. 

Esclarecimentos ...

  • O que é um diálogo?

Diálogo por menu, por comandos, formulário.

  • O que é uma tarefa?

Tarefa de diagnóstico Tarefa Corretiva Tarefa Destrutiva

 Janela Objetos de Interação  Deve possuir um título único, curto e significativo em sua
  • Janela

Objetos de Interação

  • Deve possuir um título único, curto e significativo em sua barra superior (Centrado ou alinhado à esquerda)

  • A posição do título deve prevalecer em todas as janelas do sistema.

  • Objetos principais devem ser alinhados de maneira a ficarem bem a vista do usuário.

O limite de janelas abertas em um sistema é de até 7 janelas.

Objetos de Interação  Caixa de diálogo:  Corresponde a uma janela destinada a apresentação de

Objetos de Interação

  • Caixa de diálogo:

    • Corresponde a uma janela destinada a apresentação de mensagens ou controle para ações do usuário.

    • Podem ser modais ou não modais.

    • A dimensão não pode exceder 40% da tela do sistema.

    • Dimensão deve seguir o número 1/1,613.

Objetos de Interação  Caixa de diálogo:  Corresponde a uma janela destinada a apresentação de
 Formulários: Objetos de Interação  O início da entrada de dados em um formulário deve
  • Formulários:

Objetos de Interação

O início da entrada de dados em um formulário deve começar pelo elemento localizado mais ao alto e a esquerda do formulário.

  • Campos devem estar adequadamente identificados.

  • Deve-se colocar informações sobre as unidades dos campos (ex.: campo CEP = (00000-000))

  • Alinhamento dos rótulos deve ser feito pela esquerda ou direita.

  • Campos de preenchimento obrigatório devem ser diferenciados visualmente.

  • Mensagens de erro devem ser colocadas na parte inferior do formulário.

Objetos de Interação  Caixas de mensagens:  Devem ser Modais  O botão (OK) deve

Objetos de Interação

  • Caixas de mensagens:

Devem ser Modais

O botão (OK) deve estar previsto em toda caixa de mensagem, como forma de receber a confirmação

do usuário.

Utiliza-se a cor vermelha para situações de alarme.

Advertência utiliza-se a cor amarela.

 Painel de Menu: Objetos de Interação  Todas as opções de um menu devem ser
  • Painel de Menu:

Objetos de Interação

  • Todas as opções de um menu devem ser apresentadas simultaneamente.

  • Não se utiliza barra de rolagem para menus.

  • As opções de menu devem refletir a necessidade do usuário em sua tarefa, então deve-se dividir o menus em grupos e subgrupos.

  • Seguir a ordem alfabética.

  • Menus muito numerosos devem ser organizados em grupos de até 7 elementos e separados por um traço.

  • Deve-se diferenciar os estados do item de menu. (selecionado, inativo, etc.)

 Em painéis de menus com múltiplas escolhas pode utilizar símbolos para exibir ao usuário as

Em painéis de menus com múltiplas escolhas pode utilizar símbolos para exibir ao usuário as escolhas selecionadas. (ex.: Símbolos, Cores diferentes)

Cont. Menus

 Em painéis de menus com múltiplas escolhas pode utilizar símbolos para exibir ao usuário as
 Páginas de Menus: Objetos de Interação  Páginas em que o elemento principal é um
  • Páginas de Menus:

Objetos de Interação

  • Páginas em que o elemento principal é um menu principal permanente

  • Deve possuir um título significativo, um elemento de convite à interação do usuário.

 Páginas de Menus: Objetos de Interação  Páginas em que o elemento principal é um
Objetos de Interação  Lista de seleção  Lista de menus que é empregada para a

Objetos de Interação

  • Lista de seleção

Objetos de Interação  Lista de seleção  Lista de menus que é empregada para a
  • Lista de menus que é empregada para a entrada de dados, cujo valores possíveis são conhecidos de antemão.

Objetos de Interação  Lista de seleção  Lista de menus que é empregada para a
  • A visualização imediata de itens desta lista deve ser de apenas 7 itens, podendo existir mais itens, porem serem visualizados através de uma barra de rolagem.

  • Caixa de combinação:

    • Combina em um só objeto uma lista de seleção associada a um campo de dados

Por hoje é só ...  Próxima Aula – Grupos de Controle. Até breve ...

Por hoje é só ...

  • Próxima Aula

Grupos de Controle.

Até breve ...