Interface Homem-Computador Percepção Visual
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 p...
Percepção Visual <ul><li>2 – Texto </li></ul><ul><ul><li>Serifa   vs. Sem Serifa  (Papel vs. Vídeo ) </li></ul></ul><ul><u...
Percepção Visual <ul><li>3 – Ícones </li></ul><ul><ul><li>Um ícone não deve requerer de texto para ser compreendido.  </li...
Percepção Visual <ul><li>4 – Cores </li></ul><ul><ul><li>As cores em si mesmas não possuem significado, mas auxiliam a ref...
Modelo Mental <ul><li>Definição </li></ul><ul><ul><li>Um estrutura mental criada pelos seres humanos que contêm diversos e...
Modelo Mental <ul><li>Categorias </li></ul><ul><ul><li>Funcional: Contém a informação necessária para permitir a operação ...
Modelo Mental <ul><li>Metáforas </li></ul><ul><ul><li>O uso de metáforas visuais auxilia na criação de modelos mentais fun...
Modelo Mental <ul><li>Atenção </li></ul><ul><ul><li>O maior problema no desenvolvimento de interfaces é que o programador ...
Fim
Próximos SlideShares
Carregando em…5
×

IHC Parte3

2.979 visualizações

Publicada em

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

Publicada em: Diversão e humor, Esportes
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
2.979
No SlideShare
0
A partir de incorporações
0
Número de incorporações
35
Ações
Compartilhamentos
0
Downloads
152
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

×