Ihc Aula4 B

28
Slides baseados no livro: DESIGN DE INTERAÇÃO Além da Interação Homem-Computador Jennifer Preece Yvonne Rogers Helen Sharp Além da Interação Homem- Computador Jennifer Preece / Yvonne Rogers / Helen Sharp

description

PREECE, Jennifer. Design de interação: além da interação homem-computador / Jennifer Preece, Yvonn Rogers e Helen Sharp: trad. Viviane Possami. - Porto Alegre: Bookman, 2005. p. 28 - p.55.

Transcript of Ihc Aula4 B

Page 1: Ihc Aula4 B

Slides baseados no livro:

DESIGN DE INTERAÇÃO

Além da Interação

Homem-Computador

Jennifer Preece

Yvonne Rogers

Helen Sharp

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 2: Ihc Aula4 B

O que é Design de interação?O que é Design de interação?

Design de produtos interativos que fornecem suporte às atividades cotidianas das pessoas, seja no lar ou no trabalho.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 3: Ihc Aula4 B

O que é Design de interação?O que é Design de interação?

Especificamente, significa criar experiências que melhorem e estendam a maneira como as pessoas trabalham, se comunicam e interagem.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 4: Ihc Aula4 B

O que é Design de interação?O que é Design de interação?

Winograd (1997) descreve o design de interação como:

“o projeto de espaços para comunicação e interação humana”.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 5: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

A importância de entender como os usuários agem e reagem as situações e como se comunicam e interagem acarretou o desenvolvimento de pessoas de disciplinas diferentes, como psicólogos e sociólogos, em questões referentes ao design de interação.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 6: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

A importância de se entender como projetar diferentes tipos de mídias interativas de maneira eficaz e prazeirosa envolveu também uma diversidade de profissionais, incluindo designers gráficos, artístas, animadores, fotógrafos, especialistas de cinema e designers de produtos.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 7: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

A princípio os engenheiros projetavam sistemas de hardware para eles próprios.

A interface do computador era relativamente direta, reunindo vários painéis com chaves e mostradores que controlavam um conjunto de registros internos.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 8: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Com o advento dos monitores (hoje conhecidos como VDUs – Visual display units) e de estações de trabalho pessoais, no final dos anos 70 e início dos 80, o design da interface passou a existir (Grudin, 1990)

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 9: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Um dos primeiros desafios naquele tempo era desenvolver computadores que pudessem ser acessíveis e utilizáveis por outras pessoas, além dos engenheiros, para a realização de tarefas que envolvessem a congnição humana (p. ex: fazer resumos, escrever documentos, gerenciar contas bancárias, esboçar planos).D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 10: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Os cientistas e engenheiros de Software desenvolveram linguagens de programação de alto nível (p. ex.: Basic, Prolog), arquiteturas de sistemas, métodos de desenvolvimento de software e linguagens baseadas em comando (command-based languages) para auxiliar tais tarefas…D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 11: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

…enquanto os psicólogos forneciam informações a respeito das capacidades humanas (p. ex.: memória, decisão).

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 12: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

A pesquisa de desenvolvimento de interfaces gráficas (abreviadas GUI, do inglês Graphical User Interface, pronunciado “guu-ii”) para sistemas de automação de escritórios cresceram enormemente.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 13: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Havia muitas pesquisas sobre o design de produtos (p. ex.: menus, janelas, ícones), no que diz respeito à melhor forma de estruturá-los e apresentá-los em uma GUI.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 14: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Em meados dos anos 80, a nova onda de tecnologias da computação – incluíndo reconhecimento de voz, multimídia, visualização da informação e realidade virtual – apresentou ainda mais oportunidades de design de aplicações para fornecer ainda mais suporte as pessoas.D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 15: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Como surgiram novas ondas de desenvolvimento tecnológico nos anos 90 – redes, computação móvel e sensores infravermelhos -, a criação de uma diversidade de aplicativos para todas as pessoas tornou-se uma possibilidade real.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 16: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Ainda na década de 90, muitas empresas perceberam que era necessário expandir novamente suas equipes multidiciplinares de design, para que as mesmas incluíssem profissionais treinados em mídia e design, com design gráfico, industrial, produção de filmes e desenvolvimento de narrativas.D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 17: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Sociólogos, antropólogos e dramaturgos foram incorporados ao quadro das equipes, todos com uma atitude diferente da dos psicólogos quanto à interação humana.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 18: Ihc Aula4 B

Breve História do Design de Breve História do Design de interaçãointeração

Hoje, nos anos 2000, as possibilidades proporcionadas pelas capacidades emergentes de hardware (p. ex.: etiquetas de radiofreqüência, grandes telas interativas e information appliences) nos levam à conclusão de que os engenheiros, que conhecem hardware, software e eletrônica, devem estar preparados para configurar, montar e programar eletrodomésticos e outros dispositivos de maneira que se comuniquem entre si.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 19: Ihc Aula4 B

A relação entre A relação entre Design de interação,Design de interação,interação homem-computador interação homem-computador e outras abordagense outras abordagens

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 20: Ihc Aula4 B

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 21: Ihc Aula4 B

Trabalhando juntos como uma Trabalhando juntos como uma equipe multidisciplinarequipe multidisciplinar

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Quatro membros diferente de uma mesma equipe olhando para o mesmo quadrado, mas cada um enxergando-o de maneira diferente.

Page 22: Ihc Aula4 B

Design de interação e negóciosDesign de interação e negócios

O design de itneração é agora um grande negócio. Consultores para websites, empresas iniciantes e indústrias de computação móvel perceberam seu papel central em produtos interativos de sucesso. Para ser notado no campo de produtos para web, que é altamente competitivo, é preciso destacar-se.

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 23: Ihc Aula4 B

O que está envolvido no O que está envolvido no processo de design de interação?processo de design de interação?

Essencialmente, o processo de design de interação envolve quatro atividades básicas:1.Identificar necessidades e estabelecer requisitos.2.Desenvolver designs alternativos que preencham esses requisitos.3.Construir versões altenativas dos designs, de maneira que possam ser cominicados e analisados.4.Avaliar o que está sendo contruído durante o proceso.D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 24: Ihc Aula4 B

As metas do As metas do design design de interaçãode interação

Metas de Usabilidade ser eficaz no uso (eficácia) ser eficiente no uso (eficiente) ser segura no uso (segurança) ser de boa utilidade (utilidade) ser fácil de aprender (learnability) ser fácil de lembrar como se usa (memorability)D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 25: Ihc Aula4 B

O que é Design de interação?O que é Design de interação?D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 26: Ihc Aula4 B

As metas decorrentes da As metas decorrentes da experiência do usuárioexperiência do usuário

O design de interação está cada vez mais preocupado com a criação de sistemas que sejam: satisfatórios agradáveis divertidos interessantes úteis motivadores

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 27: Ihc Aula4 B

As metas decorrentes da As metas decorrentes da experiência do usuárioexperiência do usuário

esteticamente apreciáveis incentivadores de criatividade compensadores emocionalmente adequados

DES

IGN

DE

INTE

RAÇÃ

O

Além

da

Inte

raçã

o H

omem

-Com

puta

dor

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp

Page 28: Ihc Aula4 B

O que é Design de interação?O que é Design de interação?D

ESIG

N D

E IN

TERA

ÇÃO

Al

ém d

a In

tera

ção

Hom

em-C

ompu

tado

r

Jenn

ifer P

reec

e /

Yvon

ne R

oger

s /

Hel

en S

harp