Successfully reported this slideshow.
Interface homem maquina - introdução<br />Prof.:Marlon Vinicius Da Silva<br />Disciplina: Interface Homem Maquina<br />
Sumario<br />O que é IHM<br />Ergonomia<br />Cognição & Engenharia Cognitiva<br />Modelo Mental & Mapa Mental<br />Teoria ...
O que é IHM<br />É o canal de comunicação entre o homem e o computador, através do qual interagem, visando atingir um obje...
Ergonomia<br />científica relacionada ao entendimento das interações entre seres humanos e outros elementos de um sistema,...
Ergonomia (cont.)<br />Ergonomia Física: Estuda a respostas do corpo humano à carga física e psicológica. Como carga de tr...
Cognição <br />Processos  desenvolvidos pelo cérebro no dia-a-dia<br />Atenção<br />Percepção e Reconhecimento<br />Memóri...
Engenharia Cognitiva<br />Relacionada a sistemas computacionais é baseia-se no pensamento, ou seja, na forma que o usuário...
Modelo Mental<br />São modelos que as pessoas constroem para representar estados físicos (ou de coisas abstratas). <br />N...
Mapa Mental<br />Tipo de diagrama voltado para a gestão de informações, de conhecimento e de capital intelectual para a co...
Teoria de Gestalt<br />Segundo a Gestalt o cérebro é um sistema dinâmico no qual se produz uma integração entre os element...
Percepção<br />Tomando como referência análises estruturais, os estudiosos da Gestalt,descobriram que certos princípios qu...
Percepção (Cont.)<br />Anomalia<br />A anomalia provoca interrupção brusca e localizada no estado de regularidade e monoto...
Percepção (Cont.)<br />Concentração<br />O nível de aproximação entre os vários elementos num plano, sendo possível gerar ...
Percepção (Cont.)<br />Direção<br />A direção controla o padrão de busca, conduzindo a leitura para uma região específica ...
Percepção (Cont.)<br />Harmonia<br />Disposição bem proporcionada entre as partes de um todo. É a unidade sem violações, c...
Percepção (Cont.)<br />Proximidade<br />Elementos bastante próximos entre si tendem a formar grupos percebidos pelo usuári...
Percepção (Cont.)<br />Simetria e assimetria<br />É o agrupamento baseado nas propriedades emergentes da forma, ao invés d...
Engenharia Semiótica<br />Está relacionada com tudo que possa ser “assumido” como “signo”.<br />Teoria de Códigos: Orienta...
Engenharia Semiótica (Cont.)<br />Signo é tudo aquilo que significa algo para alguém<br />A interface do  sistema é consid...
Interface e Interação<br />Interface é o meio  de relação entre usuário e o sistema<br />A interação pela interface se dá ...
Interface e Interação<br />A interface de usuário deve ser considerado como sendo à parte de um sistema computacional com ...
Interface e Interação<br />A Engenharia Semiótica enfatiza a capacidade dos projetistas de comunicar suas intenções atravé...
Interface e Interação<br />Tipos de interação<br />Linguagem natural<br />Linguagem de comandos<br />Menu<br />Preenchimen...
Upcoming SlideShare
Loading in …5
×

Interface homem maquina introdução

31,328 views

Published on

Interface homem maquina introdução

  1. 1. Interface homem maquina - introdução<br />Prof.:Marlon Vinicius Da Silva<br />Disciplina: Interface Homem Maquina<br />
  2. 2. Sumario<br />O que é IHM<br />Ergonomia<br />Cognição & Engenharia Cognitiva<br />Modelo Mental & Mapa Mental<br />Teoria de Gestalt<br />Percepção<br />Engenharia Semiótica<br />Interface e Interação<br />
  3. 3. O que é IHM<br />É o canal de comunicação entre o homem e o computador, através do qual interagem, visando atingir um objetivo comum<br /> É parte de um sistema computacional com a qual uma pessoa entra em contato física, perceptual e conceitualmente.<br />
  4. 4. Ergonomia<br />científica relacionada ao entendimento das interações entre seres humanos e outros elementos de um sistema, <br />aplica teoria, princípios, dados e métodos para projetar a fim de otimizar o bem-estar humano e o desempenho geral de um sistema<br />
  5. 5. Ergonomia (cont.)<br />Ergonomia Física: Estuda a respostas do corpo humano à carga física e psicológica. Como carga de trabalho ou esforço repetitivo<br />Ergonomia Cognitiva: Também conhecida engenharia psicológica, refere-se aos processos mentais, tais como percepção, atenção, cognição e armazenamento e recuperação de memória.<br />Ergonomia Organizacional: Relacionada com a otimização dos sistemas socio-técnicos, incluindo sua estrutura organizacional, políticas e processos.<br />
  6. 6. Cognição <br />Processos desenvolvidos pelo cérebro no dia-a-dia<br />Atenção<br />Percepção e Reconhecimento<br />Memória<br /> Aprendizagem<br />Leitura, Fala e Audição<br />Resolução de problemas, raciocínio, planejamento e tomada de decisão <br />
  7. 7. Engenharia Cognitiva<br />Relacionada a sistemas computacionais é baseia-se no pensamento, ou seja, na forma que o usuário irá interpretar e interagir com um sistema.<br />O objetivo do Designer é desenvolver uma aplicação em que o usuário crie um modelo mental parecido com o qual foi projetado pelo designer. <br />
  8. 8. Modelo Mental<br />São modelos que as pessoas constroem para representar estados físicos (ou de coisas abstratas). <br />Não precisam ser tecnicamente perfeitos mas devem ser funcionais.<br />
  9. 9. Mapa Mental<br />Tipo de diagrama voltado para a gestão de informações, de conhecimento e de capital intelectual para a compreensão e solução de problemas; na memorização e aprendizado;<br />
  10. 10. Teoria de Gestalt<br />Segundo a Gestalt o cérebro é um sistema dinâmico no qual se produz uma integração entre os elementos, em determinado momento, através de princípios de organização perceptual.<br />É uma teoria da psicologia que considera os fenômenos psicológicos como um conjunto autônomo, indivisível e articulado na sua configuração, organização e lei interna.<br />
  11. 11. Percepção<br />Tomando como referência análises estruturais, os estudiosos da Gestalt,descobriram que certos princípios que regem a percepção humana das formas,facilitam a compreensão de imagens e ideias.<br />
  12. 12. Percepção (Cont.)<br />Anomalia<br />A anomalia provoca interrupção brusca e localizada no estado de regularidade e monotonia da interface, buscando a atenção dos sujeitos<br />Alinhamento<br />Todo material deve ter alinhamento dentre os três mais utilizados na edição de textos – centralizado, à direita e à esquerda.<br />Balanço<br />O balanço é um fator que se caracteriza por distribuir os elementos da interface para que o conjunto da imagem<br />
  13. 13. Percepção (Cont.)<br />Concentração<br />O nível de aproximação entre os vários elementos num plano, sendo possível gerar ênfase e/ou dirigir a atenção<br />Continuidade<br />preferência pelos contornos contínuos e sem quebra ao invés de combinações mais complexas, mas igualmente plausíveis de figuras mais irregulares.<br />Contraste<br />O contraste melhora a percepção do objeto e acentua a diferença entre ele e seu entorno. É ele o fator que mais seduz o usuário<br />
  14. 14. Percepção (Cont.)<br />Direção<br />A direção controla o padrão de busca, conduzindo a leitura para uma região específica da tela. Na diagonal, do canto superior esquerdo da tela ao canto inferior direito é a área onde a percepção mais se concentra.<br />Fechamento ou clausura<br />O conceito de clausura relaciona-se com o fechamento visual, como se completássemos, visualmente, um objeto inacabado.<br />Gradação e radiação<br />Referem à mudança nas formas, advinda de um critério de ordenação.<br />
  15. 15. Percepção (Cont.)<br />Harmonia<br />Disposição bem proporcionada entre as partes de um todo. É a unidade sem violações, com correspondência das partes e proporção conveniente.<br />Movimento, tempo e velocidade<br />O movimento é utilizado para atrair atenção, dirigir a leitura ou demonstrar crescimento e evolução do processamento (real ou ilusório). Tempo e velocidade estão diretamente relacionados com o movimento.<br />Pregnância<br />Por lei da pregnância entende-se uma organização psicológica que pode sempre ser tão boa quanto as condições o permitirem<br />
  16. 16. Percepção (Cont.)<br />Proximidade<br />Elementos bastante próximos entre si tendem a formar grupos percebidos pelo usuário como bloco único, acarretando a perda de individualidade dos elementos.<br />Repetição<br />Trata-se de fator adotado para criar movimento e direção, graças à repetição de elementos, e que também pode gerar a sensação de harmonia e de ritmo.<br />
  17. 17. Percepção (Cont.)<br />Simetria e assimetria<br />É o agrupamento baseado nas propriedades emergentes da forma, ao invés das características das partes que a constituem.<br />Similaridade ou semelhança<br />Alguns elementos são associados com mais intensidade quando compartilham de características visuais básicas.<br />Tamanho e escala <br />Tamanho e escalas afetam a percepção das características físicas dos objetos, criando efeitos óticos e ilusões no observador<br />
  18. 18. Engenharia Semiótica<br />Está relacionada com tudo que possa ser “assumido” como “signo”.<br />Teoria de Códigos: Orientada para descrição estrutural do sistemas de comunicação, isto é, Contribuindo para o fenômeno relacionado com o significado<br />Teoria de Produção de Signos: Orientada para uma serie de condições sobre as quais os comunicadores geram sinais ou mensagens, isto é, contribuindo para o fenômeno relacionado com toda a comunicação<br />
  19. 19. Engenharia Semiótica (Cont.)<br />Signo é tudo aquilo que significa algo para alguém<br />A interface do sistema é considerada um mensagem do designer para o usuário <br />Numa relação entre a Eng. Cognitiva e Eng. Semiótica, seria traçada pelo quanto o usuário consegue aprender do sistema apenas interagindo com a interface em relação ao tempo e esforço empregado <br />
  20. 20. Interface e Interação<br />Interface é o meio de relação entre usuário e o sistema<br />A interação pela interface se dá quando ao interligar dois sistemas esses reajam de forma a comandos conseguindo estimular a percepção do usuário.<br />As interface inteligentes tendem a utilizar conhecimentos retóricos e pragmáticos para melhor prover informação e interação ao usuário<br />
  21. 21. Interface e Interação<br />A interface de usuário deve ser considerado como sendo à parte de um sistema computacional com a qual uma pessoa entra em contato físico, perceptiva e conceitualmente.<br />A interação pode ser definida como um processo onde o usuário exerce uma ação sobre interface do sistema logo em seguida o sistema fará a decodificação dessa ação<br />
  22. 22. Interface e Interação<br />A Engenharia Semiótica enfatiza a capacidade dos projetistas de comunicar suas intenções através do discurso interativo da interface<br />À propriedade do transmitir eficaz e eficientemente ao usuário as intenções e os princípios de interação que norteiam a criação de um sistema dá-se o nome de comunicabilidade<br />
  23. 23. Interface e Interação<br />Tipos de interação<br />Linguagem natural<br />Linguagem de comandos<br />Menu<br />Preenchimento de Formulário<br />WIMP (Windows, Incons, Menus e Pointers)<br />Manipulação Direta<br />

×