design de interação (se é que existe outro)

68
www.hugocristo.com.br Prof. Dr. Hugo Cristo UFES • PPGP-UFES • LOOP-UFES • PROTOTÍPICA • KFK Design de Interação

Upload: hugo-cristo

Post on 31-Jul-2015

444 views

Category:

Design


2 download

TRANSCRIPT

Page 1: Design de Interação (se é que existe outro)

www.hugocristo.com.br

Prof. Dr. Hugo CristoUFES • PPGP-UFES • LOOP-UFES • PROTOTÍPICA • KFK

Design de Interação

Page 2: Design de Interação (se é que existe outro)

Hugo CristoBA, MSc, PhDCoordenador + Professor / Design-UFESConselheiro / Prototípica P&D

Page 3: Design de Interação (se é que existe outro)
Page 4: Design de Interação (se é que existe outro)

PDF ou EPUB symbolik.com.brPalestra Campus Party 2014http://tinyurl.com/dsdcpbr

Page 5: Design de Interação (se é que existe outro)

Design de Interação

Page 6: Design de Interação (se é que existe outro)

Design de Interação(existe outro?)

Page 7: Design de Interação (se é que existe outro)

Design de Interação

Page 8: Design de Interação (se é que existe outro)

Gui BonsiepeAs sete colunas do Design

Page 9: Design de Interação (se é que existe outro)

Diagrama ontológicodo Design.

Page 10: Design de Interação (se é que existe outro)

Usuário Ação efetiva

Ferramenta

Interface

Page 11: Design de Interação (se é que existe outro)

Usuário Ação efetiva

Ferramenta

Design

Page 12: Design de Interação (se é que existe outro)

Objeto-SínteseAção do designer

Contexto de produçãoProblema de projeto

V A

T

Page 13: Design de Interação (se é que existe outro)

Design de Interação

Page 14: Design de Interação (se é que existe outro)

ChristopherAlexanderLinguagem de Padrões

Page 15: Design de Interação (se é que existe outro)

A forma é uma solução que encaixano contexto.

Page 16: Design de Interação (se é que existe outro)

Forma-escada: um encaixe para subir de nível usando o movimento do corpo.

Page 17: Design de Interação (se é que existe outro)
Page 18: Design de Interação (se é que existe outro)
Page 19: Design de Interação (se é que existe outro)
Page 20: Design de Interação (se é que existe outro)

LevVygotskyMediação Instrumental

Page 21: Design de Interação (se é que existe outro)

estímulo resposta

estímulo resposta

instrumento/signo

indivíduo objeto

instrumento/signo

Page 22: Design de Interação (se é que existe outro)
Page 23: Design de Interação (se é que existe outro)

FilogêneseFatores genéticos no desenvolvimento do indivíduo que é membro de uma espécie.

Page 24: Design de Interação (se é que existe outro)

SociogêneseFatores culturais no desenvolvimento do indivíduo que pertence a grupos sociais.

Page 25: Design de Interação (se é que existe outro)

OntogêneseFatores da experiência singular acumulada pelo indivíduo ao longo da sua vida.

Page 26: Design de Interação (se é que existe outro)

MicrogêneseSeleção e ativação dos saberes aprendidos na cultura com base na sua pertinência funcional.

Page 27: Design de Interação (se é que existe outro)

AlexeiLeontievTeoria da Atividade

Page 28: Design de Interação (se é que existe outro)

atividade motivação

objetivos

condições

ação 1

operação 1.1

operação 1.2

ação 2

operação 2.1

operação 2.2

Page 29: Design de Interação (se é que existe outro)

Forma-ponte: um encaixe sócio-histórico para o contexto da atividade-travessia.

Page 30: Design de Interação (se é que existe outro)

atravessar (rio, precipício...) motivação

objetivos

condições

construir passarela

cortarsuperfície

fixar/agruparsuperfície

sustentar passarela

fixarcolunas

apoiarpassarela

os objetivos estão condicionados à disponibilidade dos materiais e domínio dos processos construtivos.

Page 31: Design de Interação (se é que existe outro)

PLOS Biology, 3 (11), Nov 2005First Observation of Tool Use in Wild Gorillas

Page 32: Design de Interação (se é que existe outro)
Page 33: Design de Interação (se é que existe outro)

atravessar (rio) motivação

objetivos

condições

construir bengala

encontrargalho

preparargalho

caminhar no raso

tatearo fundo

medirprofundidade

os objetivos estão condicionados à disponibilidade dos materiais e domínio dos processos construtivos.

Page 34: Design de Interação (se é que existe outro)

Forma-ponte Florentino AvidosFabricada na Europa e instalada no Brasil

Page 35: Design de Interação (se é que existe outro)
Page 36: Design de Interação (se é que existe outro)

regras comunidade

indivíduo

divisão do trabalho

meios mediadores

produção

consumo

distribuiçãotrocas

objeto produto

Page 37: Design de Interação (se é que existe outro)
Page 38: Design de Interação (se é que existe outro)
Page 39: Design de Interação (se é que existe outro)

regras comunidade

indivíduo

div. do trabalho

meios mediadores

produção

consumo

distribuiçãotrocas

objeto produto

indivíduo objeto

regras comunidade

indivíduo

div. trabalho

meios mediadores

produção

consumo

distribuiçãotrocas

objeto1

div. trabalho comunidade

objeto2

regras

meios mediadores

produção

consumo

trocasdistribuição

indivíduo

objeto3

instrumento/signo

Page 40: Design de Interação (se é que existe outro)

Forma-ponte: um encaixe sócio-histórico para o contexto da atividade-travessia.

Page 41: Design de Interação (se é que existe outro)

SergeMoscoviciRepresentações Sociais

Page 42: Design de Interação (se é que existe outro)

sistema periférico

práticas sociais

circunstâncias externas

sistemacentral mudanças

Page 43: Design de Interação (se é que existe outro)

L1

L2

L3

EnraizamentoInstituições informais, costumes, tradição, normas e religião

102 a 103 anos Espontâneo ou não calculativo

Ambiente institucional Regras formais do jogo – política, judiciário, burocracia, propriedade

10 a 100 anos Alcançar o ambiente institucional correto

GovernançaJogar o jogo – contratos e definição da alocação de recursos

1 a 10 anos Alcançar as estruturas de governança corretas

Economia realAlocação de recursos, preços, produtos, trabalho e empregos

Contínuo Alcançar as estruturas marginais corretas

Níveis Mudanças Propósito

L4Williamson, O. E (2000). The New Institutional Economics: Taking Stock, Looking Ahead. Journal of Economic Literature, Vol. XXXVIII, September, pp. 595-613.

Page 44: Design de Interação (se é que existe outro)
Page 45: Design de Interação (se é que existe outro)
Page 46: Design de Interação (se é que existe outro)

JeanPiagetEpistemologia Genética

Page 47: Design de Interação (se é que existe outro)
Page 48: Design de Interação (se é que existe outro)

práticas de projeto

representaçõessociais

mediação dopensar, fazer

e usar

açõesestruturantes

Page 49: Design de Interação (se é que existe outro)
Page 50: Design de Interação (se é que existe outro)

conhecimentosgerais e difusos

seleção e avaliaçãoda pertinência funcionaldos conhecimentosno desenrolar dasolução do problemaconhecimentos

específicos ativadospelo problema

atribuição de sentido aosconhecimentos com basenos resultados das ações

linguagensde padrões

representaçõessociais

pensar, fazere usar

práticasprojetuais

problemade design

Page 51: Design de Interação (se é que existe outro)

rotina primitiva procedimento

difuso preciso

geral específicoação-reflexão

algorítmo

Page 52: Design de Interação (se é que existe outro)

Design de Interação.Design e Interação como processos filo, sócio, onto e microgenéticos.

Page 53: Design de Interação (se é que existe outro)

Moggridge, Bill (2007). Designing Interactions. Cambridge: MIT Press.

Page 54: Design de Interação (se é que existe outro)

eficaz

de boautilidade

fácil de lembrarcomo usar

eficienteno uso

fácil deentender

segurono uso

metas deusabilidade

divertido

motivador

proveitoso esteticamenteapreciável

satisfatório emocionalmenteadequado

incentivador decriatividadeinteressante

agradável compensador

Rogers, Yvonne; Sharp, Helen; Preece, Jenny. (2011). Interaction Design: Beyond Human - Computer Interaction. New York: Wiley.

Page 55: Design de Interação (se é que existe outro)

eficaz

de boautilidade

fácil de lembrarcomo usar

eficienteno uso

fácil deentender

segurono uso

metas deusabilidade

divertido

motivador

proveitoso esteticamenteapreciável

satisfatório emocionalmenteadequado

incentivador decriatividadeinteressante

agradável compensador

Rogers, Yvonne; Sharp, Helen; Preece, Jenny. (2011). Interaction Design: Beyond Human - Computer Interaction. New York: Wiley.

Page 56: Design de Interação (se é que existe outro)

Microgênese

AtividadeUX Ontogênese

Filogênese

Sociogênese

Nível

Page 57: Design de Interação (se é que existe outro)

Microgênese

Ontogênese

Filogênese

Sociogênese

Problema

Pessoa

Ser Humano

Usuário

Nível Abordagem

Microgenético

Clínico

Censo

Entrevista

Método

Segundos

Meses

Milênios

Décadas

Evolução

Heurísticas

Estudo Clínico

Quantitativos

Qualitativos

Resultados

UX

Page 58: Design de Interação (se é que existe outro)

UX sociogenética

Page 59: Design de Interação (se é que existe outro)

UX microgenética: prótese da atleta carioca Camille Rodrigues

Page 60: Design de Interação (se é que existe outro)

Microgênese

Ontogênese

Filogênese

Sociogênese

Problema

Pessoa

Ser Humano

Usuário

Nível Abordagem

Microgenético

Clínico

Censo

Entrevista

Método

Segundos

Meses

Milênios

Décadas

Evolução

Heurísticas

Estudo Clínico

Quantitativos

Qualitativos

Resultados

UX

Page 61: Design de Interação (se é que existe outro)

Escritório americanos dos anos 1970 como contexto.

Page 62: Design de Interação (se é que existe outro)

Forma-escritório: um encaixe sócio-histórico para a atividade-trabalhar-com-o-computador.

Page 63: Design de Interação (se é que existe outro)
Page 64: Design de Interação (se é que existe outro)
Page 65: Design de Interação (se é que existe outro)

Forma-iPhone: um encaixe sócio-histórico para a atividade-navegar-comunicar-entreter.

Page 66: Design de Interação (se é que existe outro)

Forma-smartTV: um encaixe sócio-histórico para a atividade-entreter-comunicar.

Page 67: Design de Interação (se é que existe outro)

Forma-Nest: um encaixe sócio-histórico para a atividade-manter-conforto-ambiental.

Page 68: Design de Interação (se é que existe outro)

Obrigado!

www.hugocristo.com.brhugocristo.com.br@hugocristo

Prof. Dr. Hugo CristoUFES • PPGP-UFES • LOOP-UFES • PROTOTÍPICA • KFK