Interface Homem/Mquina

Aula 3

Professor Leandro Augusto Frata Fernandes laffernandes@ic.uff.br

Material disponvel em http://www.ic.uff.br/~laffernandes/teaching/2011.1/tcc-00.184

Roteiro da Aula de Hoje

Elementos envolvidos no processo de interao Conceitos bsicos

Usurio e contexto de uso Interao Interface Affordance Qualidade em IHC

Contedo baseado em Barbosa e Silva (2010), Captulo 2

TCC-00.184 Interface Homem/Mquina (2011.1) 2

Situao Tpica de Uso

Contexto de Uso
inclui tempo e ambiente fsico, social e cultural Objetivo

Interao
processo de atuao recproca (em uso)

Sistema Usurio Interface

oferece contato entre o que externo e interno ao sistema
TCC-00.184 Interface Homem/Mquina (2011.1) 3

Conceitos Bsicos Usurio e Contexto de Uso

Contexto de Uso
inclui tempo e ambiente fsico, social e cultural Objetivo

Interao

Sistema Usurio Interface

TCC-00.184 Interface Homem/Mquina (2011.1)

Usurio

Indivduo engajado num processo de interao Busca alcanar um objetivo Est inserido em um contexto de uso

TCC-00.184 Interface Homem/Mquina (2011.1)

Contexto de Uso

Caracterizado por toda situao do usurio relevante para sua interao Momento de utilizao de sistema (quando) Ambiente fsico, social e cultural em que ocorre a interao (onde)

TCC-00.184 Interface Homem/Mquina (2011.1)

Exemplo
No conforto de seu lar, o aluno Dexter utiliza o PowerPoint em seu computador (desktop) para preparar os slides que ir utilizar para apresentar seu projeto final na disciplina TCC-00.181. Ele comea a preparar os slides de um documento em branco, preenche com contedo e, por fim, define o layout da apresentao. Nos corredores do instituto, Dexter repassa a apresentao em seu laptop ou smartphone e faz ajustes. Em sala de aula, Dexter apresenta seu trabalho aos colegas.
TCC-00.184 Interface Homem/Mquina (2011.1) 7

Consideraes no Design e Avaliao de um Sistema de Edio de Slides

O contexto de uso pode mudar

Conforto do lar (ambiente tranqilo) Corredores do instituto (ambiente com interrupes) Sala de aula (situao tensa)

A interface e o processo de interao podem mudar

Computador desktop (mouse, teclado e monitor) Laptop (teclado, touchpad e monitor menor) Smatphone (touchscreen, acelermetros e monitor ainda menor) Monitor ou projetor multimdia
TCC-00.184 Interface Homem/Mquina (2011.1) 8

Conceito Bsico Interao

Contexto de Uso
Objetivo

Interao
processo de atuao recproca (em uso)

Sistema Usurio Interface

TCC-00.184 Interface Homem/Mquina (2011.1)

Perspectivas de Interao Humano-Computador

Sistema
$ ls -1 /*.dat > file1 $ cat file1

Parceiro de Discurso
Blah Yeah!

a.dat b.dat

Ferramenta
Blah

Mdia
Yeah!

Trabalho ou Produto

TCC-00.184 Interface Homem/Mquina (2011.1)

10

Perspectiva de Sistema

Usurio considerado como um sistema computacional Interao humano humano-computador computador aproxima aproxima-se se da interao entre sistemas O objetivo aumentar a eficincia e reduzir o nmero de erros humanos Geralmente requer treinamento e capacidade cognitiva Exemplos p
Teclas de atalho Linha de comando Reserva de voo
a.dat b.dat $ ls -1 /*.dat > file1 $ cat file1

TCC-00.184 Interface Homem/Mquina (2011.1)

11

Perspectiva de Parceiro de Discurso

Surgiu na rea de Inteligncia Artificial Sistema assume um papel altura de um ser humano Sistema capaz de raciocinar, fazer inferncias, tomar decises e adquirir informao Interao por meio de linguagem natural Exemplos
Sistema de busca e tradutores Chatter Bots
o http://www.inbot.com.br/sete/ o http://www.conpet.gov.br/ed/
Blah Yeah!

TCC-00.184 Interface Homem/Mquina (2011.1)

12

Perspectiva de Ferramenta

Sistema interativo considerado um instrumento Interao representa aplicar uma ferramenta a algum material e avaliar o resultado Encadeamento de aes e reaes executadas de maneira quase automtica D Depende d d da d destreza t Exemplo
Software editor de texto
TCC-00.184 Interface Homem/Mquina (2011.1)

Trabalho ou Produto

13

Perspectiva de Mdia

Sistema interativo visto como uma mdia Interao I t significa i ifi comunicao i num contexto coletivo Comunicao bilateral ou unilateral
Usurio Usurio, Designer Usurio

Exemplos
e-mail, chats, frum Redes sociais Documentao do sistema

Bl h Blah

Y h! Yeah!

TCC-00.184 Interface Homem/Mquina (2011.1)

14

Comparao das Perspectivas de Interao

Perspectiva Significado de Interao Fatores de Qualidade Mais Evidentes Eficincia (indicada pelo tempo de uso e nmero de erros cometidos) Adequao da interpretao e gerao de textos Funcionalidades relevantes ao usurio, usurio facilidade de uso Qualidade da comunicao mediada e entendimento mtuo

Sistema

Transmisso de dados

Parceiro de Discurso Ferramenta

Conversa usurio-sistema Manipulao de ferramenta Comunicao entre usurios e comunicao designer-usurio

Mdia

TCC-00.184 Interface Homem/Mquina (2011.1)

15

Conceito Bsico Interface do Sistema

Contexto de Uso
Objetivo

Interao

Sistema Usurio Interface

oferece contato entre o que externo e interno ao sistema
TCC-00.184 Interface Homem/Mquina (2011.1) 16

Diferena entre Interao e Interface

Interao
Processo que ocorre durante o uso de um sistema interativo

Interface
Toda a poro do sistema com a qual o usurio mantm contato
o Contato fsico o Contato conceitual

Alguns usurios acreditam que a interface o sistema

TCC-00.184 Interface Homem/Mquina (2011.1) 17

Contato Fsico

Ocorre atravs do hardware e do software utilizados durante a interao Dispositivos de entrada

Participao ativa: permitem agir sobre a interface Teclado, mouse, controle remoto, microfone e cmera

Di Dispositivos iti d de sada d

Participao passiva: permitem perceber reaes Monitor, impressora e alto-falante
TCC-00.184 Interface Homem/Mquina (2011.1) 18

Contato Conceitual

Interpretao do usurio daquilo que ele percebe Permite

Compreender as respostas do sistema Planejar os prximos caminhos de interao

Exemplos
Compra on-line dividido em passos Informao expressa por cores

TCC-00.184 Interface Homem/Mquina (2011.1) Simulao da percepo de deuteranopos, gerada por Giovane Kuhn

19

Affordance da Interface

O termo affordance emprestado da psicologia Caractersticas da interface (hardware e software) evidenciam o que possvel fazer com ela Falsas affordance podem dar a impresso errada
Botes placebo do a falsa impresso de controle Boto B t (defeituoso) (d f it ) para t travessia i d de pedestre d t Boto (defeituoso) para fechar porta de elevador Texto azul sublinhado que no um hiperlink
TCC-00.184 Interface Homem/Mquina (2011.1) 20

10

Exerccio

Cite exemplos de affordance em sistemas que vocs mais utilizam no dia a dia Cite exemplos de falsas affordance nesses mesmos ou em outros sistemas

TCC-00.184 Interface Homem/Mquina (2011.1)

21

11