modelo de componentes de ihc
TRANSCRIPT
![Page 1: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/1.jpg)
Coordenação dos Cursos de Informática
DisciplinaDisciplina
Modelo de Componentes de IHC
Interface Homem MáquinaInterface Homem Máquina
![Page 2: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/2.jpg)
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.
![Page 3: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/3.jpg)
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;
![Page 4: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/4.jpg)
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.
![Page 5: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/5.jpg)
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.
![Page 6: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/6.jpg)
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.
![Page 7: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/7.jpg)
Sistemas de Significado
Motivadores:Denominação, abreviatura, ícone.
Arbitrários:Código Alfanumérico, Código de cores, textura,
etc.
![Page 8: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/8.jpg)
Modelo de Componentes
Ações PrimitivasVisuais
Cor, fonte, linha, arranjo.
Sonoras
![Page 9: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/9.jpg)
Esclarecimentos...
O que é um diálogo?Diálogo por menu, por comandos, formulário.
O que é uma tarefa?Tarefa de diagnósticoTarefa CorretivaTarefa Destrutiva
![Page 10: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/10.jpg)
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.
![Page 11: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/11.jpg)
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.
![Page 12: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/12.jpg)
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.
![Page 13: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/13.jpg)
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.
![Page 14: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/14.jpg)
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.)
![Page 15: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/15.jpg)
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)
![Page 16: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/16.jpg)
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.
![Page 17: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/17.jpg)
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
![Page 18: Modelo de Componentes de IHC](https://reader036.vdocuments.site/reader036/viewer/2022082309/557212eb497959fc0b91354e/html5/thumbnails/18.jpg)
Por hoje é só...
Próxima Aula – Grupos de Controle.
Até breve...