Interação Humano Computador e o Desenvolvimento de Interações Alternativas

Prévia do material em texto

Interação Humano Computador e 
o Desenvolvimento de Interações 
Alternativas 
Daniela G. Trevisan 
Instituto de Computação 
Universidade Federal Fluminense 
Sumario 
l O que é IHC 
l TICs 
l Usabilidade em IHC 
l Agora sim: O que é IHC 
l IHC e o uso de interações alternativas 
¡ Projetos concluidos 
¡ Projetos em adamento 
Interação Humano Computador 
l Do termo em inglês “Human-Computer 
Interaction” 
¡ Acrônimos: , HCI, CHI 
l Significado 
¡ Literal: Processo pelo qual seres humanos 
interagem com computadores 
¡ Técnico: Modos, meios e processos envolvidos 
no uso de tecnologias de informação e 
comunicação (TICs) 
Tecnologias de Informação e 
Comunicação 
l TICs são sistemas computacionais 
compostos por 
¡ Hardware 
¡ Software 
¡ Meios de comunicação 
l Desenvolvidos para interagir com pessoas 
l Exemplos 
¡ Computadores, propriamente ditos 
¡ Sistemas de telefonia, rádio, TV, internet, etc. 
5 
Impacto das Tecnologias de Informação e 
Comunicação 
l Transformações sociais no plano mundial 
¡ Mobilização pelo Haiti, WikiLeaks, 
rebeliões em países árabes 
¡ TV e imprensa mundial a um clique de distância 
¡ Acesso ao conhecimento 
l Nem sempre autorizado ou confiável 
l Transformações sociais no plano nacional 
¡ Votação eletrônica 
¡ Projetos de inclusão social do governo 
6 
Tecnologias de Informação e 
Comunicação 
l Ocupam um espaço importante em 
nossas vidas 
l Estão incorporadas ao nosso cotidiano 
l Modificam as definições de 
¡ Quem pode / Quem deve 
¡ Como 
¡ Quando 
¡ Onde 
¡ Por que 
Exemplo 
7 
Exemplo de Impacto das TICs 
l Transição da votação em cédula papel para a 
votação na urna eletrônica 
¡  Mudança de como o eleitor manifesta o voto 
¡  Quantas pessoas (quem) sabem votar nulo (o que) 
na urna eletrônica? 
¡  A motivação para o 
voto nulo (por que) 
foi modificada? 
Exemplo 
8 
Exemplo de Impacto das TICs 
l Smartphones agregam, entre 
outras coisas 
¡ Canal de comunicação 
¡ Recursos computacionais 
¡ Acesso a internet 
¡ Câmera 
¡ MP3 
¡ Jogos 
¡ GPS 
Interação Humano Computador 
l Área interdisciplinar: 
¡  Está na interseção das ciências da computação e 
informação e ciências sociais e comportamentais 
l  Fornece explicações e previsões para 
fenômenos desta comunicação usuário-sistema 
l  Gerar resultados práticos para o projeto da 
interação e avaliação de sua qualidade = 
USABILIDADE 
Interação Humano Computador 
l Projete um sistema que permita... 
¡  calcular uma expressão aritmética 
¡  conhecer a previsão do tempo 
¡  fazer uma busca na Internet 
¡  fazer uma conversão de temperatura 
¡  fazer uma conversão de medida de 
comprimento 
¡  saber que horas são em qualquer cidade do 
mundo 
 
? 
05/10/2010 IX SEMANA IME/UERJ 
Usabilidade 
Making life easier 
Usabilidade 
l  Eficiente 
l  Eficaz 
l  Fácil de aprender 
l  Fácil de lembrar 
l  Satisfação 
l  Outros: prazer, diversão, sentimentos 
 
Agora sim: O que é IHC? 
 
 
IHC é mais que desenho da 
Interface..... 
H
C
Por que estudar IHC? 
1. Porque os computadores estão em toda 
parte. 
Por que estudar IHC? 
1. Porque os computadores estão em toda 
parte. 
12/11/2010 Congresso internacional 
de Ciências pela Vida 
I 
E também acessibilidade digital (?) é lei! 
Art 8o.... 
 “I –Acessibilidade: condição para utilização, com 
segurança e autonomia, total ou assistida, dos espaços, 
mobiliários equipamentos urbanos, das edificações, dos 
serviços de transporte e dos dispositivos, sistemas e 
meio de comunicação e informação, por pessoa 
portadora de deficiência ou com mobilidade reduzida” 
 
Decreto no.5,296 de 2 de dezembro de 2004,Brasil 
IHC e áreas correlatas 
 
 
 
 
 
 
Áreas de 
aplicação 
 
IHC e o uso de interações alternativas 
l Projetos (concluídos) usando visão 
computacional 
¡  Bicicleta virtual de baixo custo 
¡  Interação com o pé 
¡  Sherlock Dengue 
IHC e áreas correlatas: 
Visão computacional 
l ARToolkit library… uso de marcadores 
Visão computacional 
l ARToolkit library... Video 
Original image Thresholded image Connected 
Components 
Fitted square Contours 
Extracted marker 
edges and corners 
Aplicação: Bicicleta virtual de baixo 
custo 
l  Hardware setup 
¡ Webcam 
¡ Printed marker 
¡ Mouse 
¡ Bicycle 
¡ Computer 
 
12/11/2010 
Aplicação: Interação com o pé 
l Controle da interação 
Captores de movimento 
Flock of Birds Visão computacional 
ARToolKit 
Aplicação: Interação com o pé 
Aplicação: Interação com o pé 
l Jogo de teste 
¡ Avaliação da interação 
Aplicação: Sherlock Dengue 
IHC e o uso de interações alternativas 
l Projetos (em adamento) com suporte a 
acessibilidade 
¡ JECRIPE 
¡  ENEM digital para deficientes visuais 
¡  Acessibilidade em dispositivos móveis 
 Jogo de 
Estímulo a 
Crianças com 
Síndrome de 
Down em Idade 
Pré-Escolar, 
Menção Honrosa – SBGames 2010 
12/11/2010 Congresso internacional 
de Ciências pela Vida 
12/11/2010 Congresso internacional 
de Ciências pela Vida 
A Casa das Bolhas 
l Habilidade cognitiva: Percepção 
l Interação: movimento do mouse 
A Creche da Vovó 
l Habilidade 
cognitiva: 
motricidade-
fina e 
coordenação 
mão-olho 
l Interação: 
drag-and-
drop 
A Casa das Músicas 
l Habilidade 
cognitiva: 
imitação 
l Interação: 
movimentos 
do corpo 
Depoimentos e Entrevistas 
l Logan e o Jecripe 
A idéia do projeto em si, 
desenvolvida pelos alunos da 
Universidade Federal Fluminense, 
me pareceu ótima já à primeira vista, 
mas ter a oportunidade de ver, na 
prática, os seus resultados, é algo 
difícil de expôr em palavras. 
Me surpreendeu como, já na terceira vez que se deparou com o jogo, o loirinho 
sabia o que fazer e como fazer. A coordenação mouse-mão-olho estava se 
aprimorando cada vez mais. Terapia ocupacional feita em casa, por assim dizer. 
Depoimentos e Entrevistas 
l Video Larissa 
Próximos Passos 
l Avaliação qualitativa e quantitativa 
l Questões Éticas de pesquisas com seres 
humanos 
l Inclusão de novas modalidades de 
interação: 
¡  reconhecimento de gestos 
¡  detecção do sopro 
ENEM Digital para deficientes visuais 
Acessibilidade em dispositivos 
móveis 
l  E-cidadão 
¡  faz uso de agentes para buscar informações 
de serviços de utilidade pública na internet 
¡  versão desktop sem acessibilidade 
l  A-cidadãoMobile 
¡ Versão mobile: 
l  button-based x touchscreen 
A-cidadãoMobile 
l Plataforma móvel 
l Recursos multimodais baseada em 
interações vibracionais e sonoras, 
l Acessibilidade e usabilidade aos cidadãos 
com deficiência visual facilitando o 
acesso as informações e serviços 
governamentais. 
A-cidadãoMobile 
... 
... 
A-cidadãoMobile 
 
 
0 
50 
100 
150 
200 
250 
300 
350 
400 
Iniciante Avançado 
Te
m
po
 (
se
gu
nd
os
) 
Usuários 
Tempo médio de execução 
Def. Visual 
Vidente 
 
Obrigada pela atenção! 
 
Dúvidas? 
 
daniela@ic.uff.br 
http://www.ic.uff.br/~daniela 
h 
12/11/2010 Congresso internacional 
de Ciências pela Vida 
http://www.jecripe.com 
http://www.ic.uff.br/˜medialab