design de interação (se é que existe outro)
TRANSCRIPT
![Page 1: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/1.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/2.jpg)
Hugo CristoBA, MSc, PhDCoordenador + Professor / Design-UFESConselheiro / Prototípica P&D
![Page 3: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/3.jpg)
![Page 4: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/4.jpg)
PDF ou EPUB symbolik.com.brPalestra Campus Party 2014http://tinyurl.com/dsdcpbr
![Page 5: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/5.jpg)
Design de Interação
![Page 6: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/6.jpg)
Design de Interação(existe outro?)
![Page 7: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/7.jpg)
Design de Interação
![Page 8: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/8.jpg)
Gui BonsiepeAs sete colunas do Design
![Page 9: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/9.jpg)
Diagrama ontológicodo Design.
![Page 10: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/10.jpg)
Usuário Ação efetiva
Ferramenta
Interface
![Page 11: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/11.jpg)
Usuário Ação efetiva
Ferramenta
Design
![Page 12: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/12.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/13.jpg)
Design de Interação
![Page 14: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/14.jpg)
ChristopherAlexanderLinguagem de Padrões
![Page 15: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/15.jpg)
A forma é uma solução que encaixano contexto.
![Page 16: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/16.jpg)
Forma-escada: um encaixe para subir de nível usando o movimento do corpo.
![Page 17: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/17.jpg)
![Page 18: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/18.jpg)
![Page 19: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/19.jpg)
![Page 20: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/20.jpg)
LevVygotskyMediação Instrumental
![Page 21: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/21.jpg)
estímulo resposta
estímulo resposta
instrumento/signo
indivíduo objeto
instrumento/signo
![Page 22: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/22.jpg)
![Page 23: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/23.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/24.jpg)
SociogêneseFatores culturais no desenvolvimento do indivíduo que pertence a grupos sociais.
![Page 25: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/25.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/26.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/27.jpg)
AlexeiLeontievTeoria da Atividade
![Page 28: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/28.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/29.jpg)
Forma-ponte: um encaixe sócio-histórico para o contexto da atividade-travessia.
![Page 30: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/30.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/31.jpg)
PLOS Biology, 3 (11), Nov 2005First Observation of Tool Use in Wild Gorillas
![Page 32: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/32.jpg)
![Page 33: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/33.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/34.jpg)
Forma-ponte Florentino AvidosFabricada na Europa e instalada no Brasil
![Page 35: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/35.jpg)
![Page 36: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/36.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/37.jpg)
![Page 38: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/38.jpg)
![Page 39: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/39.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/40.jpg)
Forma-ponte: um encaixe sócio-histórico para o contexto da atividade-travessia.
![Page 41: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/41.jpg)
SergeMoscoviciRepresentações Sociais
![Page 42: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/42.jpg)
sistema periférico
práticas sociais
circunstâncias externas
sistemacentral mudanças
![Page 43: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/43.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/44.jpg)
![Page 45: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/45.jpg)
![Page 46: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/46.jpg)
JeanPiagetEpistemologia Genética
![Page 47: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/47.jpg)
![Page 48: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/48.jpg)
práticas de projeto
representaçõessociais
mediação dopensar, fazer
e usar
açõesestruturantes
![Page 49: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/49.jpg)
![Page 50: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/50.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/51.jpg)
rotina primitiva procedimento
difuso preciso
geral específicoação-reflexão
algorítmo
![Page 52: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/52.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/53.jpg)
Moggridge, Bill (2007). Designing Interactions. Cambridge: MIT Press.
![Page 54: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/54.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/55.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/56.jpg)
Microgênese
AtividadeUX Ontogênese
Filogênese
Sociogênese
Nível
![Page 57: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/57.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/58.jpg)
UX sociogenética
![Page 59: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/59.jpg)
UX microgenética: prótese da atleta carioca Camille Rodrigues
![Page 60: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/60.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/61.jpg)
Escritório americanos dos anos 1970 como contexto.
![Page 62: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/62.jpg)
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)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/63.jpg)
![Page 64: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/64.jpg)
![Page 65: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/65.jpg)
Forma-iPhone: um encaixe sócio-histórico para a atividade-navegar-comunicar-entreter.
![Page 66: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/66.jpg)
Forma-smartTV: um encaixe sócio-histórico para a atividade-entreter-comunicar.
![Page 67: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/67.jpg)
Forma-Nest: um encaixe sócio-histórico para a atividade-manter-conforto-ambiental.
![Page 68: Design de Interação (se é que existe outro)](https://reader034.vdocuments.pub/reader034/viewer/2022052509/55bb1192bb61ebbc268b4643/html5/thumbnails/68.jpg)
Obrigado!
www.hugocristo.com.brhugocristo.com.br@hugocristo
Prof. Dr. Hugo CristoUFES • PPGP-UFES • LOOP-UFES • PROTOTÍPICA • KFK