PROJETO DE INTERFACE HOMEM- COMPUTADOR

Prévia do material em texto

PROGRAMA DE PÓS-GRADUAÇÃO EM 
CIÊNCIA DA COMPUTAÇÃO
PROJETO DE 
INTERFACE 
HOMEM-
COMPUTADOR
Apresentado por Victor Sarinho
Sumário
O que vamos ver hoje
Introdução
Fatores Humanos
Processo de Projeto de IHC
Princípios de Projeto de IHC
Técnicas de Interação
Suporte ao Usuário
Avaliação da Interface
Conclusões
O que é uma Interface 
com o Usuário?
 
INTERFACE COM O USUÁRIO
MECANISMO DE 
DIÁLOGO
Mecanismo por meio do qual se 
estabelece um diálogo entre o 
software e o ser humano
CONTATO INICIAL
Forma de divulgação e apresentação 
inicial do sistema para com o usuário
OBJETO DE 
ESTUDO DA IHC
“Disciplina preocupada com o design , 
avaliação e implementação de 
sistemas computacionais interativos 
para uso humano e com o estudo dos 
principais fenômenos ao redor deles”
POR QUE PRODUZIR UMA BOA 
INTERFACE COM O USUÁRIO?
JULGAMENTO DO 
SISTEMA
Freqüentemente a interface é um dos 
principais parâmetros pelos quais 
muitos sistemas serão julgados
EMBALAGEM DO 
SOFTWARE
Se ela for amigável o usuário estará 
mais inclinado a fazer melhor uso do 
software
USABILIDADE & 
PRODUTIVIDADE
Uma interface mal projetada induz o 
usuário a cometer muitos erros ou 
simplesmente deixar de usar o 
sistema
É DIFÍCIL FAZER UMA BOA 
INTERFACE COM O USUÁRIO?
NÃO SABEMOS 
FAZER 
INTERFACES
Engenheiros de Software 
NÃO são treinados para 
projetar interfaces 
“AMIGÁVEIS” ! ! !
MUITOS 
SISTEMAS COM 
INTERFACES 
MAL 
PROJETADAS
Difíceis de aprender e de 
usar , confusas , 
implacavelmente rígidas e 
desnecessariamente 
agressivas
FRUSTRAÇÃO E 
ANSIEDADE 
PARA OS 
USUÁRIOS
Há usuários que entram em 
estado de choque e criam 
uma verdadeira aversão a 
computadores
O que fazer então para 
mudar essa situação?
COMO PROJETAR MELHORES 
INTERFACES?
Projeto Centrado no 
Usuário
Projetistas não devem impor seus pontos de 
vista a respeito da interface
 
O papel do usuário pode ser ou de avaliação , ou 
de participação como membro ativo da equipe 
de projeto
Focar nos Aspectos 
Humanos
Necessário sensibilizar os engenheiros de 
software quanto a produção de interfaces 
centradas nos aspectos humanos dos seus 
usuários
Fatores Humanos
Percepção
PREDOMINÂNCIA 
DE SENTIDOS
Predominam os sentidos 
visual , tátil e auditivo na 
interação homem-
computador
OLHOS E CÉREBRO 
Trabalham juntos para 
identificar tamanho , forma , 
cor , orientação , movimento 
e outras características
NÚMERO DE ITENS 
APRESENTADOS 
Quantidade de itens 
exibidos simultaneamente 
na interface devem ser 
considerados
Fatores Humanos
Interpretação de Padrões Visuais
DECODIFICAÇÃO
Decodificação de padrões 
visuais e recuperação de 
significados para as 
abstrações
DISTÂNCIA
Distância entre padrões 
visuais , movimentações dos 
olhos na interface devem 
ser consideradas
Fatores Humanos
Armazenamento
TEMPO DE 
MEMORIZAÇÃO
Memória de curta duração 
e longa duração
QUANTIDADE DE 
INFORMAÇÃO
Volume , frequência de uso 
da informação na interface 
devem ser consideradas
Fatores Humanos
Compreensão
CONHECIMENTO 
PRÉVIO
Associação de imagens com 
o conhecimento adquirido
EXPERIÊNCIA
Habilidades dos usuários 
devem ser consideradas
PROCESSO DE PROJETO DE IHC
Análise de 
Atividades do 
Usuário
 
Projeto da 
Interface
 
Implementação 
(Prototipação)
 
Validação da 
Interface
 
Análise de Atividades 
do Usuário
Se preocupa em compreender o que o usuário 
deseja fazer com o software
 
Análise de tarefas , entrevistas , etnografia , etc . 
ou todas juntas sendo usadas para desenvolver 
essa compreensão
Projeto da Interface
Cenários do usuário são criados e analisados 
para definir o conjunto de objetos e ações da 
interface
 
Eles formam a base para a criação dos leiautes 
de telas usando os recursos disponíveis de IHC
Implementação 
(Prototipação)
Descrições textuais e diagramas não 
conseguem expressar a natureza dinâmica das 
interfaces
 
Prototipação evolucionária , com o 
envolvimento do usuário final
Validação da Interface
Capacidade da interface de implementar todas 
as tarefas do usuário corretamente
 
Grau em que a interface é fácil de usar e de 
aprender
 
Aceitação dos usuários da interface como 
ferramenta útil ao seu trabalho
Quais Princípios devem 
ser adotados em um 
Projeto de IHC?
 
PRINCÍPIOS DE PROJETO DE IHC
FAMILIARIDADE 
COM O USUÁRIO
A interface deve utilizar termos e 
conceitos orientados ao usuário
CONSISTÊNCIA
Operações semelhantes devem ser 
ativadas da mesma maneira
MÍNIMO DE 
SURPRESA
Deve-se assegurar que ações 
semelhantes tenham efeitos 
equivalentes
PRINCÍPIOS DE PROJETO DE IHC
FACILIDADE DE 
RECUPERAÇÃO
Sistema deve fornecer mecanismos 
para permitir aos usuários a 
recuperação a partir de erros
ORIENTAÇÃO DO 
USUÁRIO
Interface deve fornecer feedback 
significativo , quando ocorrerem erros , 
e oferecer recursos sensíveis ao 
contexto de ajuda ao usuário
DIVERSIDADE DE 
USUÁRIOS
Facilidades de interação para 
diferentes tipos de usuários devem 
ser suportadas
Quais Técnicas podem 
ser usadas para que 
ocorra uma Interação 
entre a interface e o 
usuário?
QUAIS ESTILOS DE INTERAÇÃO 
DEVEMOS UTILIZAR?
Input
Como as informações do usuário podem ser 
fornecidas ao sistema do computador?
Output
Como as informações do sistema do 
computador podem ser apresentadas ao 
usuário?
Manipulação Direta
Usuário interage diretamente com 
objetos na tela
VANTAGENS
Interação rápida e intuitiva
Fácil de aprender
DESVANTAGENS
Pode ser difícil de implementar
Pode exigir bastante recursos do sistema operacional
Difícil identificar uma metáfora visual para tarefas e 
objetos
Seleção de Menu
Usuário seleciona um comando a partir 
de uma lista de possibilidades
VANTAGENS
Evita erros de usuários
Exige pouca digitação
Usuário não precisa decorar comandos
DESVANTAGENS
Lento para usuários experientes
Pode se tornar complexo se houver muitas opções de 
menu
Preenchimento de 
Formulário
Usuário completa os campos do 
formulário com informações desejadas
VANTAGENS
Entrada de dados simples
Fácil de aprender
DESVANTAGENS
Toma muito espaço na tela
Linguagem de Comando
Comandos especiais e parâmetros 
associados para instruir o sistema sobre 
o que fazer
VANTAGENS
Flexível e com grande capacidade
Velocidade para usuários experientes
Implementação é simples e barata
DESVANTAGENS
Difícil de aprender e decorar
Não é adequada para uso ocasional
Gerenciamento de erros inadequado
Linguagem Natural
Usuário emite um comando em 
linguagem natural
VANTAGENS
Acessível a usuários casuais
Facilmente ampliado
DESVANTAGENS
Requer mais digitação
Sistemas de compreensão de linguagem natural não são 
confiáveis
CHATBOTS
"O futuro dos chats está nos robôs" (Olhar Digital)
Misturando Estilos de Interação
Apresentação da 
Informação
Como a informação pode ser 
apresentada?
DIRETAMENTE (e .g . texto em um processador de 
texto) ou TRANSFORMADA de alguma forma para fins 
de apresentação (e .g . alguma forma gráfica)
 
Manter o software responsável pelaapresentação 
separado da informação propriamente dita
Abordagem MVC (Modelo-Visão-Controle)
Apresentação da Informação
FATORES A SEREM 
CONSIDERADOS
Precisão
O usuário está interessado em informações 
precisas ou nas relações entre diferentes 
valores de dados?
Velocidade
Com que rapidez os valores das 
informações são modificados?
Percepção de 
Mudança
A mudança em um valor deve ser indicada 
imediatamente ao usuário?
Iniciativa do 
Usuário
O usuário deve tomar alguma iniciativa em 
resposta a uma mudança nas informações?
Por que usar Cores em 
um Projeto de 
Interface?
 
Dimensão Extra
Cores adicionam uma dimensão extra de 
informações para uma interface qualquer
Facilita o 
Entendimento
Ajudam o usuário a entender e gerenciar 
estruturas complexas de informação
Estamos Prontos para o 
Projeto de IHCs Coloridas?
Erros mais comuns . . .
CORES PARA 
REPRESENTAR 
SIGNIFICADOS
 
USO DE CORES 
DEMAIS NA 
APRESENTAÇÃO
 
Emotional 
Color Wheel
Plutchik's 
Emotional 
Color Wheel
Não Utilizem Muitas Cores
Apresentação de Cores
Diretrizes que devem ser seguidas :
UTILIZE 
CÓDIGO DE 
CORES PARA 
APOIAR A 
TAREFA DO 
USUÁRIO
PERMITA QUE 
OS USUÁRIOS 
CONTROLEM O 
CÓDIGO DE 
CORES
UTILIZE O 
CÓDIGO DE 
CORES DE 
FORMA 
CONSISTENTE
PROJETE A 
INTERFACE 
PARA 
MONOCROMÁTI
CO , ENTÃO 
ADICIONE 
CORES
SEJA 
CUIDADOSO 
QUANTO A 
PARES DE 
CORES
USE A 
MUDANÇA DE 
CORES PARA 
MOSTRAR 
MUDANÇA DE 
STATUS
NÃO USE 
CORES EM 
DEMASIA
Apresentação 
de Cores
Suporte ao Usuário
Procura se responsabilizar por :
MENSAGENS DE ERRO 
PRODUZIDAS PELO SISTEMA
 
SISTEMA DE AJUDA ON-LINE ;
 
DOCUMENTAÇÃO FORNECIDA 
COM O SISTEMA
 
Suporte ao Usuário
Em quais situações ele deve ser usado?
QUANDO O USUÁRIO 
PRECISAR DE 
INFORMAÇÕES SOBRE 
O SISTEMA
QUANDO O 
USUÁRIO COMETER 
ALGUM TIPO DE 
ERRO
Mensagens de Erro
Respostas imediatas do 
sistema a erros cometidos 
pelo usuário
Mensagens de erro pobres podem 
implicar na aceitação ou rejeição do 
usuário pelo sistema !
Quais fatores devem ser 
considerados no 
projeto de Mensagens 
de Erro?
 
Contexto
Sistema deve estar ciente do que o usuário está 
fazendo e deve ajustar a mensagem emitida ao 
contexto atual
Experiência
Usuários experientes se irritam com mensagens 
longas e complexas
 
Usuários iniciantes têm dificuldade com 
mensagens curtas e simplificadas
Estilo
Devem ser educadas , concisas , consistentes e 
construtivas , não podem ser abusivas !
 
Sempre que possível devem sugerir como o erro 
pode ser corrigido
Cultura
Uma mensagem adequada para uma cultura 
em uma região pode ser inaceitável em outra
Sistema de Ajuda
Estrutura de dados 
composta por informações 
de ajuda
Sistema de ajuda on-line é a integração 
do esquema de ajuda ao projeto de 
interface do software em questão
Como o 
sistema de 
ajuda pode 
ser usado?
Devem ser fornecidos , de modo que o usuário possa entrar 
no sistema de ajuda a partir de qualquer ponto
MÚLTIPLOS PONTOS DE 
ENTRADA
Interface deve indicar onde o usuário se encontra no sistema 
de ajuda
LOCALIZAÇÃO
Recursos para facilitar a navegação do usuário pelo sistema 
de ajuda devem ser fornecidos
NAVEGAÇÃO
Sistema de Ajuda
Documentação 
de Usuário
Trata-se de uma documento em papel , fornecido com o 
sistema , contendo informações de ajuda sobre o mesmo
DEFINIÇÃO
Manuais oferecem informações mais detalhadas do que a 
ajuda on-line
OBJETIVO
Projetados para serem usados por diferentes classes de 
usuários finais do sistema
DESTINATÁRIO
Tipos de Documentos de Usuário
Avaliação da Interface
Alguns atributos de usabilidade indicam a 
facilidade de uso de uma interface
Facilidade de 
Aprendizado
Velocidade de 
Operação
Robustez / 
Nível de 
tolerância a 
erros
Facilidade de 
Recuperação
Facilidade de 
Adaptação
TÉCNICAS DE AVALIAÇÃO DE 
INTERFACE
Questionários
Coletam informações sobre o que os usuários 
pensam a respeito da interface
Observação dos 
Usuários
Usuários que “pensam em voz alta” sobre 
como eles estão tentando utilizar o 
sistema para realizar tarefas
Gravação em Vídeo
Gravação em vídeo do uso do sistema para 
uma subsequente avaliação
Coleta Implícita
Inclusão de software que coleta informações 
sobre os recursos mais utilizados e os erros 
mais comuns
Conclusões
Invistam em IHC amigas!!!
 
Conclusões
Nunca duvide da 
sua capacidade 
de gerar uma IHC
ruim!!
 
Conclusões
Sério mesmo! 
Não duvide!!
 
Conclusões
E lembre-se que 
IHC não é tudo!!!
 
Dúvidas? Comentários?
Fiquem a vontade para perguntar
GOOGLE CLASSROOM CODE
t6l1b5
EMAIL
vsarinho@gmail .com
vsarinho@uefs .br
WHATSAPP
+55 (75) 98802-3888
PROGRAMA DE PÓS-GRADUAÇÃO EM 
CIÊNCIA DA COMPUTAÇÃO
PROJETO DE 
INTERFACE 
HOMEM-
COMPUTADOR
Apresentado por Victor Sarinho