Modelo de Componentes de IHC
Transcript of Modelo de Componentes de IHC
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...