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

5
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 Exemplo
¡ Quem pode / Quem deve
¡ Como
¡ Quando
¡ Onde
¡ Por que
6
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 Exemplo
voto nulo (por que)
foi modificada?

7
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
8
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 internacional
Congresso
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

Contours Extracted marker

edges and corners Fitted square
 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 internacional
Congresso
de Ciências pela Vida
12/11/2010 internacional
Congresso
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

Tempo médio de execução

400
350
Tempo (segundos)

300
250
200
Def. Visual
150
Vidente
100
50
0
Iniciante Avançado
Usuários
Obrigada pela atenção!

Dúvidas?

daniela@ic.uff.br
http://www.ic.uff.br/~daniela
 h http://www.ic.uff.br/˜medialab

http://www.jecripe.com
12/11/2010 internacional
Congresso
de Ciências pela Vida