1 de 56

Interface Homem Computador

Interface Homem-Computador

Percepção Visual

2 de 56

Interface Homem Computador

Percepção Visual

1 – Organização Visual da Informação

Cria a estrutura de navegação mínima para o usuário poder interagir com o sistema

Define as áreas.

3 de 56

Interface Homem Computador

Percepção Visual

2 – Texto

Serifa vs. Sem Serifa (Papel vs. Vídeo)

Não usar Caixa Alta

Principio do Contraste

4 de 56

Interface Homem Computador

Percepção Visual

3 – Ícones

Um ícone não deve requerer de texto para ser compreendido.

O significado de um ícone pode variar de acordo ao contexto em que está inserido

5 de 56

Interface Homem Computador

Percepção Visual

4 – Cores

As cores em si mesmas não possuem significado, mas auxiliam a reforçar uma mensagem.

O contexto (região/país) influência no seu significado

Existem certas regras para um correto uso das cores (complementares, etc)

6 de 56

Interface Homem Computador

Modelo Mental

Definição

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.

7 de 56

Interface Homem Computador

Modelo Mental

Categorias

Funcional: Contém a informação necessária para permitir a operação de um dispositivo;

(mais simples)

Estrutural: Contém a informação a respeito do funcionamento interno de um dispositivo, bem como sua operação.

(mais complexo)

8 de 56

Interface Homem Computador

Modelo Mental

Metáforas

O uso de metáforas visuais auxilia na criação de modelos mentais funcionais que permitem a operação de estruturas interativas.

Exemplo: Interfaces DESKTOP

9 de 56

Interface Homem Computador

Modelo Mental

Atenção

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.

A interface deve fazer a ligação entre estes dois modelos mentais.

10 de 56

Interface Homem Computador

Fim