Interação HumanoInteração Humano-Computador: Conceitos...
Transcript of Interação HumanoInteração Humano-Computador: Conceitos...
Interação HumanoInteração Humano--Computador: Conceitos Computador: Conceitos BásicosBásicos
INF 1403 INF 1403 –– Introdução a IHCIntrodução a IHCAula 02Aula 02
17/02/201417/02/2014
INF 1403 INF 1403 -- Introdução a IHCIntrodução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
Conteúdo da AulaConteúdo da Aula
•• Tecnologias de Informação e Comunicação (Tecnologias de Informação e Comunicação (TICsTICs))
•• Desenvolvimento de Sistemas InterativosDesenvolvimento de Sistemas Interativos
•• Objetos de Estudo em IHCObjetos de Estudo em IHC
•• Interação e InterfaceInteração e Interface
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
Tecnologias de Informação e ComunicaçãoTecnologias 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 SociaisSociais
–– 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 TICsTICs
•• Comunicação entre pessoas: distância e tempoComunicação entre pessoas: distância e tempo
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 TICsTICs
•• EntretenimentoEntretenimento
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 TICsTICs
•• Transações financeiras e comércioTransações financeiras e comércio
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 TICsTICs
•• TransporteTransporte
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 TICsTICs
•• PolíticaPolítica
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 TICsTICs
•• SaúdeSaú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 TICsTICs
•• Educação e acesso à informaçãoEducação e acesso à informação
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
Exemplo: votação na urna eletrônica e na Exemplo: votação na urna eletrônica e na cédula impressacé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çãocada aplicação
Diversos atores envolvidos
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
Quantos e quais são os interessados
e envolvidos?
Responsabilidade do desenvolvedor de Responsabilidade do desenvolvedor de TICsTICs
•• 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õesSistemas Interativos: diferentes visões
Usuários Fabricantes de software
Organizações
STAKEHOLDERS
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
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 usoQualidade 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 usoQualidade 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
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
IDEAL!IDEAL!
“De fora para dentro”(Barbosa, & Silva, 2010)
Objetivo de Estudo em IHCObjetivo de Estudo em IHC
projeto
(design)avaliação
FornecerFornecer explicaçõesexplicações ee previsõesprevisões parapara fenômenosfenômenos dede interaçãointeração
usuáriousuário--sistemasistema ee resultadosresultados práticospráticos parapara oo designdesign dada interfaceinterface
dede usuáriousuário (ACM(ACM SIGCHI,SIGCHI, 19921992))..
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ê?
DoDo projeto,projeto, implementaçãoimplementação ee avaliaçãoavaliação dede SistemasSistemas ComputacionaisComputacionaisInterativosInterativos parapara usouso humano,humano, juntamentejuntamente comcom osos fenômenosfenômenosrelacionadosrelacionados aa esseesse usouso ((HewettHewett etet alal.. 19921992))..
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
Objetos de Estudo de IHCObjetos de Estudo de IHC
•• NaturezaNatureza dada InteraçãoInteração;;•• ContextoContexto dede UsoUso;;•• CaracterísticasCaracterísticas humanashumanas;;•• ArquiteturaArquitetura dede SistemasSistemas ComputacionaisComputacionais;;•• ArquiteturaArquitetura dede SistemasSistemas ComputacionaisComputacionais;;•• ProcessosProcessos dede desenvolvimentodesenvolvimento..
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
SociologiaEngenharia
IHC: área multidisciplinarIHC: área multidisciplinar
Computação Psicologia
DesignErgonomia
Engenharia
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
IHC Antropologia
Semiótica
Artes
Linguística
Benefícios de IHCBenefí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 TICsTICs, 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 HumanoInteração Humano--ComputadorComputador
o sistema
éa interface
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
interface
funcionalidadeusuário
a interface
Interação HumanoInteração Humano--ComputadorComputador
designprevisã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çãoexplicação
apoiar pessoas
elaborar alternativas
medir retorno de investimento
avaliar alternativas
observar o uso
Interação HumanoInteração Humano--ComputadorComputador
contatointerface
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
comunicação
+
interação
+
Interface e InteraçãoInterface 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çãoInterface 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 ““falafala”” e outro e outro
““ouveouve””, 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, etcetc), software (botões, ), software (botões,
ícones, menus, ícones, menus, etcetc).).
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
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 qualidadeInterfaces 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
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
impressora LaserjetX, mas você pode fazer modificações nas permissões.
Atividade para a próxima aulaAtividade para a próxima aula
Procure Procure exemplosexemplos de de problemasproblemas de interface e de interface e interaçãointeração. .
1.1. RegistreRegistre osos exemplosexemplos utilizandoutilizando um software um software gravadorgravador de de interaçãointeração..–– ExemplosExemplos de de gravadoresgravadores gratuitosgratuitos: o : o CamStudioCamStudio 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. AnoteAnote o o aspectoaspecto queque maismais lhelhe chamachama a a atençãoatenção;;
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo
ReferênciasReferências
LivroLivro –– capítuloscapítulos 1 e 2.1 e 2.
BARBOSA, S.D.J.; SILVA, B.S. Interação HumanoBARBOSA, S.D.J.; SILVA, B.S. Interação Humano--Computador. Computador. Editora CampusEditora Campus--ElsevierElsevier, 2010., 2010.
INF 1403 INF 1403 -- Introdução a IHC Introdução a IHC
@Prof. Alberto Barbosa Raposo@Prof. Alberto Barbosa Raposo