Coordenação dos Cursos de Informática

DisciplinaDisciplina

Modelo de Componentes de IHC

Interface Homem MáquinaInterface Homem Máquina

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 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

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 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.

Objetos de Interação cont.

Controle Simples: 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.

Sistemas de Significado

Motivadores:Denominação, abreviatura, ícone.

Arbitrários:Código Alfanumérico, Código de cores, textura,

etc.

Modelo de Componentes

Ações PrimitivasVisuais

Cor, fonte, linha, arranjo.

Sonoras

Esclarecimentos...

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

O que é uma tarefa?Tarefa de diagnósticoTarefa CorretivaTarefa Destrutiva

Objetos de Interação

JanelaDeve 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 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

Formulários: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 ModaisO 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.

Objetos de Interação

Painel de Menu: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.)

Cont. Menus

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)

Objetos de Interação

Páginas de Menus: 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.

Objetos de Interação

Lista de seleção Lista de menus que é

empregada para a entrada de dados, cujo valores possíveis são conhecidos de antemão.

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...