24/02/2015

1

Interao Humano Computador IF55C

Prof. Dr. Eduardo F. Damasceno

damasceno@utfpr.edu.br

Interao Humano Computador IF55C

EMENTAFundamentos 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

OBJETIVOSFornecer aos alunos os conceitos fundamentais necessrios para design e avaliao deInterao Homem-Computador (IHC). Proporcionar a identificao dos aspectos humanos,aspectos tecnolgicos, modelos cognitivos envolvidos no projeto de IHC. Capacitar o alunona 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

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

Computer Interaction. 5th Ed. Reading, Massachusetts: Addison-Wesley, 2010.

http://www.youtube.com/watch?v=ixf4l9_ItVs#aid=PxhrFqZYQAA

24/02/2015

2

Aplicao da IHC

Interface:aquilo que interliga dois sistemassoftware e hardware para comunicao entre o usurio e um sistema

Interao:

comunicao entre usurio e sistema, inter + aoprocesso 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

3

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 ComportamentoSistema Interativo = Ncleo Funcional (Aplicao) + Interface

24/02/2015

4

Variedade dos Sistemas Interativos

Variedade dos Sistemas Interativos

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

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

http://displair.com/

1977

2013

12

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

24/02/2015

5

13

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

Histrico do Avano das Interfaces

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

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

14

Interface Gerao 2 Windows

Interfaces em Janela, Menus e Icones (WIMP)

Persistem at Hoje.

Histrico do Avano das Interfaces

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

15

Interface Gerao 3 Realidade Virtual

Dcada de 90: representaes tridimensionais mais prximas da realidade dousurio, permite romper a barreira da tela;

Histrico do Avano das Interfaces

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

24/02/2015

6

16

Interface Gerao 4 Realidade Aumentada

Incio do 2000: permitindo a sobreposio de objetos e ambientes virtuais com o ambiente fsico;

Histrico do Avano das Interfaces

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

Interface Gerao 5 Hiper-Realidade

combina realidade virtual, realidade fsica, inteligncia artificial e inteligncia humana;

Histrico do Avano das Interfaces

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

Interface Gerao 6 Body Interact

A partir do biofeedback (neural, ocular, muscular) possvel usar de entrada para sistemas interativos

Histrico do Avano das Interfaces

https://www.youtube.com/watch?v=NvNyk9PvTxQ

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

atch?v=mDsNZbbgxUo

24/02/2015

7

Futuro das Interfaces