24/02/2015

Interao Humano
Computador IF55C
Prof. Dr. Eduardo F. Damasceno
damasceno@utfpr.edu.br

Interao Humano Computador IF55C

EMENTA
Fundamentos de IHC. Fatores Humanos, Ergonomia. Aspectos Cognitivos. Fatores
Tecnolgicos. Histrico, Evoluo e Tipos de IHC. Aceitabilidade. Definio de Usabilidade.
Paradigmas da Comunicao IHC. Diretrizes para o Design de interfaces. Avaliao de
interfaces. Teste de Usabilidade. Perspectivas e discusses na rea de pesquisa. Construo
e Avaliao de projeto IHC
OBJETIVOS
Fornecer aos alunos os conceitos fundamentais necessrios para design e avaliao de
Interao Homem-Computador (IHC). Proporcionar a identificao dos aspectos humanos,
aspectos tecnolgicos, modelos cognitivos envolvidos no projeto de IHC. Capacitar o aluno
na construo de projetos de IHC com a utilizao de ferramentas de suporte

A Practitioner Approach
Foco em construo de Interfaces
Para Facilitar o uso do software
Para deixar mais elegante o produto
Para debater tcnicas de interao

Working Hard
A programmer's discipline
C#, Java, Delphi, C++, but VB is 4 wimp
http://www.youtube.com/watch?v=ixf4l9_ItVs#aid=PxhrFqZYQAA

References
DIX, A. J.; FINLAY, J. E.; ABOWD, G. D.; BEALE, R. Human-Computer Interaction. 3rd Ed. Harlow,
England: Prentice Hall, 2004
PREECE, J.; ROGERS, Y.; SHARP, H.; BENYON, D.; HOLLAND, S.; CARRY, T. Human-Computer Interaction.
Harlow, England: Addison-Wesley, 1994.
SHNEIDERMAN, B. PLAISANT, C. Designing the User Interface:Strategies for Effective HumanComputer Interaction. 5th Ed. Reading, Massachusetts: Addison-Wesley, 2010.

24/02/2015

Aplicao da IHC

Interface:
aquilo que interliga dois sistemas
software e hardware para comunicao entre o usurio e um sistema
Interao:
comunicao entre usurio e sistema, inter + ao
processo que engloba aes do usurio sobre o sistema e interpretaes dos
resultados

Sistema Interativo: Funes

Interface Humano-Computador
Sintaxe da interao: visa completar a interao
Disponibilizar objetos e funes interativas
do domnio da aplicao
de uso geral

Ncleo Funcional
Aplicao propriamente dita
Semntica da Interao: visa realizar o objetivo da tarefa

Significado de IHC
Do termo em ingls Human-Computer Interaction
Acrnimos: IHC, HCI, CHI
Significado Literal: Processo pelo qual seres humanos interagem
com computadores
Tcnico: Modos, meios e processos envolvidos no Tcnico:
Modos, meios e processos envolvidos no uso de tecnologias de informao e
comunicao (TICs)
http://www.youtube.com/watch?v=IYqTI3x9oCw

24/02/2015

IHC: Objetos e funes de uso geral

Apoiar as entradas

Copiar/Colar
Permitir entradas por Seleo/Combinao
Fornecer valores default/prvios
Desfazer/Refazer
Localizar (Find/Browse)

Definir as apresentaes (sadas)

Formas de Visualizao (zoom, preview, etc.)

Organizao das Unidades de Apresentao (telas, janelas, caixas de
dilogo)
Navegao dentro de uma unidade de apresentao (rolagem/paginao)

Apoiar o dilogo...
Navegao entre Unidades de Apresentao
Ajuda
Personalizao (cores, minimizar/maximizar, etc.)
http://www.youtube.com/watch?v=oy5mJBmLqcU

Sistemas interativos so ferramentas

Sistemas so FERRAMENTAS de suporte realizao
de tarefas:
UTILIDADE da ferramenta:
Para que usar? O que faz?

USABILIDADE da ferramenta:
Como usar?

Arquitetura e Comportamento
Sistema Interativo = Ncleo Funcional (Aplicao) + Interface

24/02/2015

Variedade dos Sistemas Interativos

Variedade dos Sistemas Interativos

http://www.youtube.com/watch?v=xIFJLMyUwrg

1977
http://www.youtube.com/watch?v=droAANtDzB0
http://displair.com/

2013

Histrico do Avano das Interfaces

Interface Gerao 0 ENIAC
interfaces naturais novo processo sofisticado de
interao com as aplicaes
dcadas de 40 e 50, eram baseadas em chaves e lmpadas

conhecimento simblico (abstrato) e necessidade de

treinamento

12

24/02/2015

Histrico do Avano das Interfaces

Interface Gerao 1 DOS
dcada de 60, surgiram as consoles com vdeo, dando incio s interfaces grficas
rudimentares
dcadas de 70 e 80 interface baseada em comando

http://www.youtube.com/watch?v=dmEvPZUdAVI
http://www.youtube.com/watch?v=AVbQo3IOC_A#aid=P756YBemcKg
13

Histrico do Avano das Interfaces

Interface Gerao 2 Windows
Interfaces em Janela, Menus e Icones (WIMP)
Persistem at Hoje.

http://www.youtube.com/watch?v=4WhxZFO_Rt0

14

Histrico do Avano das Interfaces

Interface Gerao 3 Realidade Virtual
Dcada de 90: representaes tridimensionais mais prximas da realidade do
usurio, permite romper a barreira da tela;

http://www.youtube.com/watch?v=k80UQWWUIYs

15

24/02/2015

Histrico do Avano das Interfaces

Interface Gerao 4 Realidade Aumentada
Incio do 2000: permitindo a sobreposio de objetos e
ambientes virtuais com o ambiente fsico;

http://www.youtube.com/watch?v=XqLzR4_0ttY
16

Histrico do Avano das Interfaces

Interface Gerao 5 Hiper-Realidade
combina realidade virtual, realidade fsica, inteligncia artificial e inteligncia
humana;

http://www.youtube.com/watch?v=EoEihwCUQY4

http://www.youtube.com/watch?v=4EvNxWhskf8

Histrico do Avano das Interfaces

Interface Gerao 6 Body Interact
A partir do biofeedback (neural, ocular, muscular) possvel usar de entrada para
sistemas interativos

https://www.youtube.com/wat
ch?v=NvNyk9PvTxQ

https://www.youtube.com/
watch?v=l-kwgxJ3bPk

https://www.youtube.com/w
atch?v=mDsNZbbgxUo

24/02/2015

Futuro das Interfaces