Post on 26-Jun-2015
description
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