Interação Humano
Interação Humano--Computador: Conceitos Computador: Conceitos Básicos
Básicos
INF 1403
INF 1403 –– Introdução a IHC Introdução a IHC Aula 02
Aula 02 17/02/2014 17/02/2014
INF 1403
INF 1403 -- Introdução a IHCIntrodução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Conteúdo da Aula Conteúdo da Aula
•• Tecnologias de Informação e Comunicação ( Tecnologias de Informação e Comunicação (TICs TICs))
•• Desenvolvimento de Sistemas Interativos Desenvolvimento de Sistemas Interativos
•• Objetos de Estudo em IHC Objetos de Estudo em IHC
•• Interação e Interface Interação e Interface
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Tecnologias de Informação e Comunicação Tecnologias de Informação e Comunicação
•• Estão Estão em toda parte: conectividade, mobilidade, acesso, em toda parte: conectividade, mobilidade, acesso, computação embarcada, etc.
computação embarcada, etc.
•• Transformações Transformações Sociais Sociais
–– Alguns Alguns exemplos: exemplos:
–– Alguns Alguns exemplos: exemplos:
•• No No plano mundial: plano mundial:
–– Culturas Culturas de Participação de Participação
–– Acesso Acesso ao conhecimento (nem sempre autorizado ou confiável) ao conhecimento (nem sempre autorizado ou confiável)
•• No No plano brasileiro: plano brasileiro:
–– Convocação Convocação para as manifestações através das Redes Sociais para as manifestações através das Redes Sociais –– Projetos Projetos de Inclusão Social do Governo de Inclusão Social do Governo
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Comunicação entre pessoas: distância e tempo Comunicação entre pessoas: distância e tempo
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Entretenimento Entretenimento
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Transações financeiras e comércio Transações financeiras e comércio
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Transporte Transporte
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Política Política
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Saúde Saúde
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Exemplos de uso e impacto das
Exemplos de uso e impacto das TICs TICs
•• Educação e acesso à informação Educação e acesso à informação
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Exemplo: votação na urna eletrônica e na Exemplo: votação na urna eletrônica e na cédula impressa
cédula impressa
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Diferentes visões e interesses associados a Diferentes visões e interesses associados a cada aplicação
cada aplicação Diversos atores envolvidos
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Quantos e quais são os interessados
e envolvidos?
Responsabilidade do desenvolvedor de
Responsabilidade do desenvolvedor de TICs TICs
•• O trabalho desse profissional afeta a vida das pessoas; O trabalho desse profissional afeta a vida das pessoas;
•• É preciso tentar prever os impactos do seu trabalho: É preciso tentar prever os impactos do seu trabalho:
–– projetar boas intervenções/soluções; projetar boas intervenções/soluções;
–– reduzir os impactos negativos previstos; reduzir os impactos negativos previstos;
–– fornecer ressalvas para impactos negativos imprevistos. fornecer ressalvas para impactos negativos imprevistos.
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Sistemas Interativos: diferentes visões Sistemas Interativos: diferentes visões
Usuários Fabricantes
de software Organizações
STAKEHOLDERS
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Sistemas Interativos
Profissionais de suporte Marketing e
vendedores Fabricantes
de hardware
Produtores de Conteúdo
Provedores de Acesso à
Internet
Qualidade de construção x qualidade de uso Qualidade de construção x qualidade de uso
Construir sistemas...
Construir sistemas...
•• Temos dados e computação Temos dados e computação disponíveis;
disponíveis;
•• Queremos que as pessoas Queremos que as pessoas possam usá
possam usá--los; los;
possam usá
possam usá--los; los;
•• Primeiro havia o sistema para Primeiro havia o sistema para certas pessoas usá
certas pessoas usá--lo; lo;
•• Depois apareceram mais Depois apareceram mais usuários interessados.
usuários interessados.
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
(Barbosa, & Silva, 2010)
“De dentro para fora”
CORRIQUEIRO!
CORRIQUEIRO!
Qualidade de construção x qualidade de uso Qualidade de construção x qualidade de uso
Construir sistemas...
Construir sistemas...
•• Temos pessoas com Temos pessoas com
necessidades e oportunidades necessidades e oportunidades de realização;
de realização;
•• Precisamos de dados e Precisamos de dados e
•• Precisamos de dados e Precisamos de dados e computações para ajudá
computações para ajudá--las las nessas situações.
nessas situações.
•• Primeiro havia usuários Primeiro havia usuários interessados;
interessados;
•• Para atendê Para atendê--los foram los foram desenvolvidos sistemas.
desenvolvidos sistemas.
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
IDEAL!
IDEAL!
“De fora para dentro”
(Barbosa, & Silva, 2010)
Objetivo de Estudo em IHC Objetivo de Estudo em IHC
projeto (design) avaliação
Fornecer
Fornecer explicações explicações ee previsões previsões para para fenômenos fenômenos de de interação interação usuário
usuário--sistema sistema ee resultados resultados práticos práticos para para oo design design da da interface interface de
de usuário usuário (ACM (ACM SIGCHI, SIGCHI, 1992 1992))..
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
função
forma +
Afinal, IHC trata de quê?
Afinal, IHC trata de quê?
Do
Do projeto, projeto, implementação implementação ee avaliação avaliação de de Sistemas Sistemas Computacionais Computacionais Interativos
Interativos para para uso uso humano, humano, juntamente juntamente com com os os fenômenos fenômenos relacionados
relacionados aa esse esse uso uso ((Hewett Hewett et et al al.. 1992 1992))..
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Objetos de Estudo de IHC Objetos de Estudo de IHC
•• Natureza Natureza da da Interação Interação;;
•• Contexto Contexto de de Uso Uso;;
•• Características Características humanas humanas;;
•• Arquitetura Arquitetura de de Sistemas Sistemas Computacionais Computacionais;;
•• Arquitetura Arquitetura de de Sistemas Sistemas Computacionais Computacionais;;
•• Processos Processos de de desenvolvimento desenvolvimento..
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Sociologia Engenharia
IHC: área multidisciplinar IHC: área multidisciplinar
Computação Psicologia
Design Ergonomia
Engenharia
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
IHC Antropologia
Semiótica Artes
Linguística
Benefícios de IHC Benefícios de IHC
•• Melhor compreensão da Melhor compreensão da interação entre pessoas e interação entre pessoas e sistemas
sistemas computacionais; computacionais;
•• Melhorar Melhorar concepção e construção de concepção e construção de TICs TICs, buscando , buscando oferecer boa experiência de uso;
oferecer boa experiência de uso;
oferecer boa experiência de uso;
oferecer boa experiência de uso;
•• Maior qualidade de uso contribui para: Maior qualidade de uso contribui para:
–– Reduzir Reduzir o número e a gravidade dos erros cometidos pelos o número e a gravidade dos erros cometidos pelos usuários;
usuários;
–– Reduzir Reduzir o custo de treinamento; o custo de treinamento;
–– Reduzir Reduzir o custo de suporte técnico; o custo de suporte técnico;
–– Aumentar Aumentar as vendas e a fidelidade do cliente; as vendas e a fidelidade do cliente;
–– ... ...
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Interação Humano
Interação Humano--Computador Computador
o sistema
é
a interface
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
interface
funcionalidade usuário
a interface
Interação Humano
Interação Humano--Computador Computador
design
previsão
apoiar pessoas centrado no usuário
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
interface
design
avaliação
explicação
apoiar pessoas
elaborar alternativas
medir retorno de investimento
avaliar alternativas
observar o uso
Interação Humano
Interação Humano--Computador Computador
contato interface
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
comunicação +
interação
+
Interface e Interação Interface e Interação
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Interface x Interação Interface x Interação
•• Interação é o processo de comunicação entre pessoas e Interação é o processo de comunicação entre pessoas e sistemas interativos;
sistemas interativos;
–– Usuário e sistema trocam turnos em que um Usuário e sistema trocam turnos em que um ““fala fala”” e outro e outro
““ouve ouve””, interpreta, e realiza uma ação. , interpreta, e realiza uma ação.
•• Interface é o nome dado a toda porção de um sistema Interface é o nome dado a toda porção de um sistema com a qual um usuário mantém contato ao utilizá
com a qual um usuário mantém contato ao utilizá--lo; lo;
–– Hardware (teclado, mouse, monitor, Hardware (teclado, mouse, monitor, etc etc), software (botões, ), software (botões, ícones, menus,
ícones, menus, etc etc). ).
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
Por que é importante pensar na qualidade do Por que é importante pensar na qualidade do uso?
uso?
Porque
Porque o resultado do nosso trabalho vai afetar direta ou indiretamente o resultado do nosso trabalho vai afetar direta ou indiretamente a forma como as pessoas...
a forma como as pessoas...
–– trabalham, trabalham, –– estudam, estudam, –– se informam, se informam, –– se relacionam, se relacionam, –– etc. etc.
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Interfaces de baixa qualidade Interfaces de baixa qualidade
•• Exemplos de interfaces ruins: Exemplos de interfaces ruins:
Você não tem permissão para ver a configuração atual de permissões para a impressora LaserjetX, mas você pode fazer modificações nas permissões.
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
impressora LaserjetX, mas você pode fazer modificações nas permissões.
Atividade para a próxima aula Atividade para a próxima aula
Procure
Procure exemplos exemplos de de problemas problemas de interface e de interface e interação interação. .
1.
1. Registre Registre os os exemplos exemplos utilizando utilizando um software um software gravador gravador de de interação interação..
–– Exemplos Exemplos de de gravadores gravadores gratuitos gratuitos: o : o CamStudio CamStudio para o Windows para o Windows
((http://camstudio.org/ http://camstudio.org/ ), o Jing para Mac ( ), o Jing para Mac (http://www.jingproject.com/ http://www.jingproject.com/) e o ) e o ((http://camstudio.org/ http://camstudio.org/ ), o Jing para Mac ( ), o Jing para Mac (http://www.jingproject.com/ http://www.jingproject.com/) e o ) e o Wink para Linux (
Wink para Linux (http://www.debugmode.com/wink/ http://www.debugmode.com/wink/ ); );
2.
2. Anote Anote o o aspecto aspecto que que mais mais lhe lhe chama chama a a atenção atenção;;
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo
@Prof. Alberto Barbosa Raposo
Referências Referências
Livro
Livro –– capítulos capítulos 1 e 2. 1 e 2.
BARBOSA, S.D.J.; SILVA, B.S. Interação Humano
BARBOSA, S.D.J.; SILVA, B.S. Interação Humano--Computador. Computador.
Editora Campus
Editora Campus--Elsevier Elsevier, 2010. , 2010.
INF 1403
INF 1403 -- Introdução a IHC Introdução a IHC