IHC Parte3

3.008 visualizações

Publicada em

Percepção Visual - Textos - Ícones, Cores - Modelos Mentias - Metáforas

Publicada em: Diversão e humor, Esportes
  • Seja o primeiro a comentar

IHC Parte3

  1. 1. Interface Homem-Computador Percepção Visual
  2. 2. Percepção Visual <ul><li>1 – Organização Visual da Informação </li></ul><ul><ul><li>Cria a estrutura de navegação mínima para o usuário poder interagir com o sistema </li></ul></ul><ul><ul><li>Define as áreas. </li></ul></ul>
  3. 3. Percepção Visual <ul><li>2 – Texto </li></ul><ul><ul><li>Serifa vs. Sem Serifa (Papel vs. Vídeo ) </li></ul></ul><ul><ul><li>Não usar Caixa Alta </li></ul></ul><ul><ul><li>Principio do Contraste </li></ul></ul>
  4. 4. Percepção Visual <ul><li>3 – Ícones </li></ul><ul><ul><li>Um ícone não deve requerer de texto para ser compreendido. </li></ul></ul><ul><ul><li>O significado de um ícone pode variar de acordo ao contexto em que está inserido </li></ul></ul>
  5. 5. Percepção Visual <ul><li>4 – Cores </li></ul><ul><ul><li>As cores em si mesmas não possuem significado, mas auxiliam a reforçar uma mensagem. </li></ul></ul><ul><ul><li>O contexto (região/país) influência no seu significado </li></ul></ul><ul><ul><li>Existem certas regras para um correto uso das cores (complementares, etc) </li></ul></ul>
  6. 6. Modelo Mental <ul><li>Definição </li></ul><ul><ul><li>Um estrutura mental criada pelos seres humanos que contêm diversos elementos e suas inter-relações, com o objetivo de fornecer informação e organização. </li></ul></ul>
  7. 7. Modelo Mental <ul><li>Categorias </li></ul><ul><ul><li>Funcional: Contém a informação necessária para permitir a operação de um dispositivo; </li></ul></ul><ul><ul><li>(mais simples) </li></ul></ul><ul><ul><li>Estrutural: Contém a informação a respeito do funcionamento interno de um dispositivo, bem como sua operação. </li></ul></ul><ul><ul><li>(mais complexo) </li></ul></ul>
  8. 8. Modelo Mental <ul><li>Metáforas </li></ul><ul><ul><li>O uso de metáforas visuais auxilia na criação de modelos mentais funcionais que permitem a operação de estruturas interativas. </li></ul></ul><ul><ul><li>Exemplo: Interfaces DESKTOP </li></ul></ul>
  9. 9. Modelo Mental <ul><li>Atenção </li></ul><ul><ul><li>O maior problema no desenvolvimento de interfaces é que o programador do sistema possui um modelo mental estrutural , enquanto que o usuário apenas precisa um modelo mental funcional . </li></ul></ul><ul><ul><li>A interface deve fazer a ligação entre estes dois modelos mentais. </li></ul></ul>
  10. 10. Fim

×