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


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



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




•• EntretenimentoEntretenimento




•• Transações financeiras e comércioTransações financeiras e comércio




•• TransporteTransporte




•• PolíticaPolítica




•• SaúdeSaúde




•• Educação e acesso à informaçãoEducação e acesso à informação



Exemplo: votação na urna eletrônica e na Exemplo: votação na urna eletrônica e na cédula impressacédula impressa



Diferentes visões e interesses associados a Diferentes visões e interesses associados a cada aplicaçãocada aplicação

Diversos atores envolvidos



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.



Sistemas Interativos: diferentes visõesSistemas Interativos: diferentes visões

Usuários Fabricantes de software

Organizações

STAKEHOLDERS



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.



(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.



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))..



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))..



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..



SociologiaEngenharia

IHC: área multidisciplinarIHC: área multidisciplinar

Computação Psicologia

DesignErgonomia

Engenharia



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; –– ......



Interação HumanoInteração Humano--ComputadorComputador

o sistema

éa interface



interface

funcionalidadeusuário

a interface


designprevisão

apoiar pessoas

centrado no usuário



interface

design

avaliaçãoexplicação

apoiar pessoas

elaborar alternativas

medir retorno de investimento

avaliar alternativas

observar o uso


contatointerface



comunicação

+

interação

+

Interface e InteraçãoInterface e Interação



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).).



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.



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.



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;;



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.



interação humanointeração humano-computador: conceitos...

Documents