Aula 6

� Percepção de Cores

� Engenharia Cognitiva

� Problemas de mapeamento

� Dificuldade de controleDificuldade de controle

� Exemplo de solução

� Teoria da Ação

� Os golfos

� Modelos da eng. cognitiva

� Atividade

Percepção de CoresEstudos sobre a percepcao de cores e luminancia resultaram em diversasdiretrizes de design que podem ser utilizadas no projeto de interfaces com

usuario.• O contraste ideal para texto deve respeitar uma razao de

10:1 (100%) entre claro e escuro.10:1 (100%) entre claro e escuro.

• O conceito de cores opostas explica por que as cores vermelho, verde, amarelo, azul, preto e branco sao especiais em todas as sociedades investigadas. Isso signifi ca que, caso seja necessario utilizar codigos de cores para categorizar informacoes visuais, essas cores devem ser utilizadas em primeiro lugar.

• Entretanto, a semantica atribuida a uma determinada cor varia amplamente. Por exemplo, “vermelho” p ode signifi car um alerta de perigo ouboa sorte (Ware, 2003).

Contrastes de Cores indicados

Engenharia Cognitiva

A engenharia cognitiva foi concebida por Donald Norman em 1986 como uma tentativa de aplicar conhecimentos de ciencia cognitiva, psicologia cognitiva e fatores humanos ao design e construcao de sistemas computacionais. Os principais objetivos eram:eram:

� entender os principios fundamentais da ação e desempenho humano relevantes para o desenvolvimento de principios de design;

� elaborar sistemas que sejam agradaveis de usar e que engajem os usuarios até de forma prazerosa.

Engenharia Cognitiva - Variáveis

Em muitas situacoes, as variaveis que podem ser facilmente controladas nao sao aquelas pelas quais a pessoa se interessa.

problemas de mapeamento

Analisando a imagem abaixo, suponha que queiramos escolher uma cor de fundo parauma ilustração. Para defi nir uma cor de fundo, é necessário indicar os valores doscomponentes , no entanto, o sistema não deixa claro qual controle está associado a qualcomponente, o que consiste num problema de mapeamento.

dificuldade de controle

Geralmente estamos interessados na matiz da cor (hue – H), na sua saturação (saturation – S, grau de mesclagem da matiz com a cor branca, também denominado grau de pureza) e na sua luminosidade (luminance – L, fração da cor que vai do completamente escuro ao completamente claro). Como não podemos defi nir valores para essas propriedades, identifi camos também um problema de difi culdade de controle.propriedades, identifi camos também um problema de difi culdade de controle.

Exemplo de solução

O diálogo padrão da ferramentaMicrosoft Visual Studio® para aescolha de cores. Podemos observarque esse diálogo permite a defi niçãode cores utilizando tanto asde cores utilizando tanto ascomponentes R, G e B, quanto ascomponentes H, S e L, reduzindo oproblema de mapeamento. Alémdisso, é possível selecionardiretamente nos quadros de cores ascomponentes H (através dodeslocamento horizontal no quadromaior), S (através do deslocamentovertical no quadro maior) e L (atravésdo deslocamento na barra vertical),reduzindo assim a difi culdade decontrole.

Atividade

Analise o editor de texto e faça o mapeamento entre as variaveis mapeamento entre as variaveis psicologicas e fisicas envolvidas no uso desses sistemas.

Teoria da Ação

A abordagem de projeto centrado no usuario estuda os fenomenos que ocorrem durante a interacao de um usuario com um artefato cognitivo (Norman, 1991).

Artefato cognitivo e um dispositivo artifi cial projetado para manter, Artefato cognitivo e um dispositivo artifi cial projetado para manter,

apresentar ou manipular informacao.

Norman representa uma discrepancia entre variáveis piscicológicas e variáveis físicas através de dois golfos que precisam ser superados : o golfo de execucao e o golfo de avaliacao,

Os golfos

Golfo de execucao: se refere a difi culdade de atuar sobre o ambiente e ao grau de sucesso com que o artefato apoia essas acoes.

Golfo de avaliacao: se refere a difi culdade de avaliar o estado do ambiente e ao grau de sucesso com que o artefato apoia a deteccao e interpretacao desse estado.

Travessia dos golfos

O designer do sistema deve tentar abreviar os golfos de execucao e de avaliacao que precisam ser atravessados pelo usuario a fi m de reduzir os problemas que

ocorrem durante a interacao.

Modelos da eng. cognitiva

O modelo de design: é o modelo conceitual do sistema tal como concebido pelo designer. Ele descreve a logica de funcionamento do sistema que sera construido.A imagem do sistema: corresponde ao sistema executavel, isto e, o modelo fisico construido com base no modelo conceitual de design, e a partir do qual os usuarios construido com base no modelo conceitual de design, e a partir do qual os usuarios elaboram seus modelos conceituais (modelo do usuario).

Modelo do usuario: o modelo conceitual construido por ele durante sua interacao com o sistema, resultando assim da sua interpretacao da imagem do sistema.

Atividade de Campo6

Escolha um modelo de aparelho de telefone celular edescreva os passos dos golfos de execucao e avaliacaopercorridos por um usuário idoso e um adolescentecom o objetivo de inserir um novo numero de telefonena agenda do aparelho.

Tarefas:

1 – Analise o caminho (passos), seguido por cada um

2 – Tempo de inicio até o fim da tarefa.

3 – Descreva as dificuldades encontradas por cada um

------------

Examine manuais de instruções de diferentesdispositivos de base computacional ( Telefone,Maquinas fotográficas, Geladeira) e SistemasInterativos ( Editor de texto, Editor de planilhas). Vocêconsegue imaginar uma situação em que seguir umainstrução não leva ao local desejado? Por que vocêacredita que isso aconteça? Utilizando as TICdisponíveis atualmente como você resolveria esseproblema.