Design de Interação Afetivo
-
Upload
frederick-van-amstel -
Category
Design
-
view
1.110 -
download
2
description
Transcript of Design de Interação Afetivo
![Page 1: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/1.jpg)
Design de Interação Afetivo
Frederick van Amsteldesigner de interação usabilidoido.com.br
![Page 2: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/2.jpg)
Jakob Nielsen
As pessoas desistem de navegar quando
encontram algo que não esperam.
![Page 3: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/3.jpg)
A Invasão dos clones de NielsenAs pessoas
desistem de navegar quando encontram algo
que não esperam.
As pessoas desistem de navegar
quando encontram algo que não esperam.
As pessoas desistem de navegar
quando encontram algo que não esperam.
![Page 4: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/4.jpg)
“Crítica acrítica.”
![Page 5: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/5.jpg)
Problemas de Usabilidade
Inadequação
Inconsistência
ComplicaçãoAmbiguidade
![Page 6: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/6.jpg)
Problemas?
Inadequação
Inconsistência
ComplicaçãoAmbiguidade
![Page 7: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/7.jpg)
Racionalismo
• Emoção como contrária à razão
• Razão como única forma confiável de obtenção da verdade
• Sobrepujância da mente sobre o corpo
![Page 8: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/8.jpg)
Produção racional, consumismo irracional
• Maximizar a eficiência na produção e o prazer no consumo
• Ciclo retroalimentativo que faz girar o capital
• Esgotamento de recursos naturais
![Page 9: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/9.jpg)
Prazeres Complicados
Royal College of Art, Londres
![Page 10: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/10.jpg)
Escape Headphones, Christopher Woebken
![Page 11: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/11.jpg)
White Lies, Alice Wang
![Page 12: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/12.jpg)
Half-truth, Alice Wang
![Page 13: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/13.jpg)
BioSpy, Daisy Ginsberg
![Page 14: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/14.jpg)
Larry's Pillow, Tuur Van Balen
![Page 15: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/15.jpg)
Exercício
• Olhar pro lado e perguntar: qual a sua fobia?
• Se não tiver ninguém do lado, pegar um espelho.
• Bolar um produto que transforme a fobia em prazer.
• Tempo: 4 minutos
![Page 16: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/16.jpg)
Reificação
“O preço da dominação não é meramente a alienação dos homens com relação aos objetos dominados; com a coisificação do espírito, as próprias relações entre os homens foram enfeitiçadas, inclusive as relações de cada indivíduo consigo mesmo. Ele se reduz a um ponto nodal das reações e funções convencionais que se esperam dele como algo objetivo. O animismo havia dotado as coisas de uma alma; o industrialismo coisifica as almas”.
Adorno & Horkheimer, 1986,p.40
![Page 17: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/17.jpg)
Coisas podem ter emoções?
![Page 18: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/18.jpg)
Proposta do livro de Norman, agora em português
![Page 19: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/19.jpg)
Heart Robot, um robô que fica feliz quando é abraçado
![Page 20: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/20.jpg)
Na verdade, quem quer abraçar é o ser-humano
![Page 21: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/21.jpg)
Coisas podem estimular emoções?
![Page 22: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/22.jpg)
Hug Me Pillow, para mulheres solitárias
![Page 23: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/23.jpg)
Hug Machine, para tratamento de autistas
![Page 24: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/24.jpg)
Cattle Chutes, inspiração para a Hug Machine
![Page 25: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/25.jpg)
Coisas podem transmitir emoções?
![Page 26: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/26.jpg)
Carta de amor e Toblerone
![Page 27: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/27.jpg)
The FlirtBunnies Chip Beck e CK Chan
![Page 28: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/28.jpg)
Hug Shirt, CuteCircuit
![Page 29: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/29.jpg)
Porque queremos abraços?
![Page 30: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/30.jpg)
Seria uma necessidade biológica?
![Page 31: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/31.jpg)
Ou uma prática cultural?
![Page 32: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/32.jpg)
Exercício
• Discutir 3 idéias para que eletrodomésticos:
• Tenham emoções
• Estimulem emoções
• Transmitam emoções
• Podem ser idéias existentes, mas é preciso identificar o tipo
• Tempo: 8 minutos
![Page 33: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/33.jpg)
Métodos de Design Afetivo
![Page 34: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/34.jpg)
Níveis de Norman
![Page 35: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/35.jpg)
Visceral
• Primeira impressão
• Estimulação sensorial
• Reações impulsivas
![Page 36: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/36.jpg)
PrEmo
![Page 37: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/37.jpg)
Reconhecimento de imagemhttp://www.vicarvision.nl/FaceReader.html
![Page 38: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/38.jpg)
Comportamental
• Para quê serve?
• Como as pessoas usam?
• Encaixe na rotina
![Page 39: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/39.jpg)
Oficinas Participativas
![Page 40: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/40.jpg)
Cartões de adjetivos
![Page 41: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/41.jpg)
Histórias em Quadrinhos
![Page 42: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/42.jpg)
Reflexivo
• Significado
• Grandes aspirações
• Quem eu quero ser?
![Page 43: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/43.jpg)
Sondagem Cultural
![Page 44: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/44.jpg)
Painel SemânticogoHostel
![Page 45: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/45.jpg)
Scrapbook do usuárioScrapblog.com
![Page 46: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/46.jpg)
Referências em métodos
• designandemotion.org - Knowledge Base
• faberludens.com.br - Guia Colaborativo
![Page 47: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/47.jpg)
Exercício
• Conversar sobre a família de um dos membros do grupo
• Montar um scrapbook mostrando os centros de afetividade da família www.scrapblog.com
• Enfatizar o porque do valor afetivo das coisas
• Não precisam ser usadas fotos reais
• Tempo: 10 minutos
![Page 48: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/48.jpg)
Perfil Semiótico
![Page 49: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/49.jpg)
Versão Mondrian
![Page 50: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/50.jpg)
Perfil Semiótico I
![Page 51: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/51.jpg)
Perfil Semiótico II
![Page 52: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/52.jpg)
Perfil Semiótico III
![Page 53: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/53.jpg)
Explorando personalidade
![Page 54: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/54.jpg)
Diagrama de afinidade
![Page 55: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/55.jpg)
Personas
![Page 56: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/56.jpg)
Versão Seurat
![Page 57: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/57.jpg)
Versão Seurat ajustada
![Page 58: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/58.jpg)
Resultados
• Aumento de 500% na rentabilidade do Adsense em 6 meses
• Pararam os comentários criticando o layout
• Índice de aprovação de 60%
• Maior flexibilidade e durabilidade
![Page 59: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/59.jpg)
Exercício
• Individual: criar perfil no www.youniverse.com
• Discutir:
• Você concorda com a classificação de sua personalidade?
• Compare com seus colegas
• Tempo: 4 minutos
![Page 60: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/60.jpg)
“Design Afetivo é uma forma objetiva de lidar com a
subjetividade.”
![Page 61: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/61.jpg)
Alguns princípios
![Page 64: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/64.jpg)
Considere emoção em contexto
Vomitar num bar, num ônibus ou num ritual xamânico tem significados muito diferentes
![Page 65: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/65.jpg)
Evite generalizações“Rosa é cor de mulher.”
![Page 66: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/66.jpg)
Desenvolva EmpatiaSentir o que o outro sente.
![Page 67: Design de Interação Afetivo](https://reader033.fdocument.pub/reader033/viewer/2022052316/5590c1781a28ab36118b4735/html5/thumbnails/67.jpg)
Obrigado!
Frederick van Amsteldesigner de interação usabilidoido.com.br