design de interação criativo, social, emotivo e complicado
DESCRIPTION
Design de Interação é, na minha visão, uma abordagem criativa para a Tecnologia da Informação, trazendo para o projeto a dimensão social, emotiva e contraditória das relações entre pessoas e objetos.TRANSCRIPT
![Page 1: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/1.jpg)
Design de Interação Criativo, Social, Emotivo e
Complicado
Frederick van Amsteldesigner de interação usabilidoido.com.br
![Page 2: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/2.jpg)
Minha formação
• Comunicação Social - Jornalismo
• Web designer em agências
• Consultor em Design de Interação
• Professor de Design e Web Design
• Mestrando em Tecnologia
• Influência de linhas marxistas da teoria social (Teoria da Atividade e Estudos Culturais)
![Page 3: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/3.jpg)
O que é Design de Interação?
Design de Interação é uma área profissional, uma sub-disciplina do Design e um processo
voltado ao projeto das interações entre pessoas e sistemas.
![Page 4: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/4.jpg)
Engenharia de Software
sistema usuário
![Page 5: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/5.jpg)
Interação Humano-Computador
sistema usuário
![Page 6: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/6.jpg)
Design de Interação
sistema usuáriousuário
designer
![Page 7: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/7.jpg)
Diferencial
Engenharias
IHC / Design de Interface
Design de Interação
Antropologia / Marketing
![Page 8: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/8.jpg)
Exemplos
![Page 9: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/9.jpg)
Pulse RaceChristian Nold
![Page 10: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/10.jpg)
Disco dos DoshasRestaurante Jagannatha
![Page 11: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/11.jpg)
The FlirtBunnies Chip Beck e CK Chan
![Page 12: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/12.jpg)
Tenori-on, YamahaToshio Iwai
![Page 13: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/13.jpg)
8P, Globo.com
![Page 14: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/14.jpg)
Processo Simplificado
artefatos
atividade atividade
artefatos
![Page 15: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/15.jpg)
Atividade de Compra - Diagrama SequencialMercadoPago
![Page 16: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/16.jpg)
Exercício
1. Escolher uma atividade humana qualquer
2. Repensar as interações
3. Documentar proposta com diagrama sequencial sem se preocupar com a tecnologia
4. Apontar uma tecnologia existente
5. Duração: 10 minutos
![Page 17: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/17.jpg)
Domínio do Design de Interação
![Page 18: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/18.jpg)
![Page 19: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/19.jpg)
Adaptação para oComportamento
Cubículos mantém a individualidade, mas dificultam a socialização.
![Page 20: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/20.jpg)
Ambiente para aAtividade
O cafézinho relaxa e cria uma situação propícia à socialização.
![Page 21: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/21.jpg)
Fluxo para aTarefa
Existe uma sequência formalizada para preparar o café.
![Page 22: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/22.jpg)
Controle para aOperação
O botão serve para ligar a máquina.
![Page 23: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/23.jpg)
Pergunta-critério, seja para análise ou criação:
Que comportamento, atividades, tarefas e operações serão realizados com este artefato?
![Page 24: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/24.jpg)
Possibilidades
Adaptações variadas para comportamentos variados.
![Page 25: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/25.jpg)
Exercício
• Inventar uma cafeteria inovadora voltada para seu grupo
• Que adaptações, ambientes, fluxos e controles ela teria?
• Quais seriam suas vantagens?
• Documentação livre
• Duração: 10 minutos
![Page 26: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/26.jpg)
Processo complexificado de Design de Interação
![Page 27: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/27.jpg)
Seria a necessidade a mãe da invenção?
![Page 28: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/28.jpg)
Qual a necessidade de um garfo?
![Page 29: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/29.jpg)
E de um bico para garrafas de água?Tommy Habeeb, apresentador de televisão
![Page 30: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/30.jpg)
E de uma torradeira como esta? George Watson
![Page 31: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/31.jpg)
E da água com intenção aprovada pelo Dr. Emoto?
![Page 32: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/32.jpg)
A frustração com as coisas leva ao desejo de ter novas coisas.
![Page 33: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/33.jpg)
Ao contrário da necessidade, desejos e frustrações não são
necessariamente lógicos. Podem ser contraditórios.
![Page 34: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/34.jpg)
A dialética pode ajudar a trabalhar com contradições...
ou confundir ainda mais!
![Page 35: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/35.jpg)
Tudo está em constante mudança...
Noah “Everyday”
![Page 36: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/36.jpg)
...e o que impulsiona o movimento é a contradição.
Richard Williams
![Page 37: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/37.jpg)
Sistema da AtividadeYrjo Engeström
pessoas
instrumentos
comunidade
regras divisão do trabalho
objeto resultado
![Page 38: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/38.jpg)
Steve Jobs na MacWorld 2007
![Page 39: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/39.jpg)
Crise no sistemaClay Spinuzzi
pessoas
Blackberry
comunidade
regras divisão do trabalho
objeto resultado
Botões não se adaptam aos múltiplos objetos
![Page 40: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/40.jpg)
Teclado on-screen do iPhone
![Page 41: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/41.jpg)
Reconfiguração do sistema
pessoas
iPhone
comunidade
regras divisão do trabalho
objeto resultado
Teclado on-screen é impreciso
![Page 42: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/42.jpg)
A dialética não serve para eliminar as contradições, mas sim, para conviver com elas.
![Page 43: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/43.jpg)
Exercício• Levantar algumas contradições que
impulsionaram e foram causadas por uma determinada transição tecnológica (10min)
pessoas
instrumentos
comunidade
regras divisão do trabalho
objeto resultado
![Page 44: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/44.jpg)
Metodologiade Design de Interação
![Page 45: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/45.jpg)
Método de Webdesign baseado na Usabilidade, Maria Martinez
![Page 46: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/46.jpg)
Metodologia Moebius, I-Group
![Page 47: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/47.jpg)
Os elementos da experiência do usuário, J.J. Garret
![Page 48: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/48.jpg)
“Eu não aguento mais ouvir falar de metodologia. Cada professor vem com uma e nos obriga a trabalhar do jeito dele, que não é nosso jeito.”
Aluno de Design da Unisul
![Page 49: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/49.jpg)
~ 1 ~Metodologia não é um
procedimento.
![Page 50: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/50.jpg)
Metodologia e método
• Metodologia é o estudo crítico dos métodos a partir de uma perspectiva teórica
• Método é uma estrutura coerente de técnicas necessárias para atingir um resultado
![Page 51: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/51.jpg)
Metodologia de Design
• Visão de mundo
• Base teórica
• Experiência prática
![Page 52: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/52.jpg)
Metodologia Ágil
• Ver funcionando é melhor do que prever
• Evoluir por iterações
• Diálogo com usuários
• Equipe enxuta
• Compartilhar conhecimento
![Page 53: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/53.jpg)
Métodos de Design de Interaçao
• Prototipação
• Teste de Usabilidade
• Entrevista
• Shadowing
• etc...
![Page 54: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/54.jpg)
~ 2 ~A força do Design está na
criatividade.
![Page 55: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/55.jpg)
Modelo Evolutivo
![Page 56: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/56.jpg)
Modelo Caótico
![Page 57: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/57.jpg)
Criando possibilidades
![Page 58: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/58.jpg)
Recursos para criar
• Rabiscos
• Brainstorming
• Cenários hipotéticos
• Prototipação rápida
• Abdução
![Page 59: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/59.jpg)
~ 3 ~A contradição é inerente ao
processo de Design.
![Page 60: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/60.jpg)
Evitar a contradição
J.J. Garret
![Page 61: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/61.jpg)
Wireframe
![Page 62: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/62.jpg)
Processo dialético
ImagemOperante
Visão
Especificação
Visão
Img. Operante
Especificação
Tempo
Lowgren e StoltermanThoughtful Interaction Design, MIT Press
![Page 63: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/63.jpg)
Aproveitar a contradição
![Page 64: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/64.jpg)
“O Design não está lá, nem cá; está no meio, ora pendendo para um lado, ora para o outro, num movimento que se assemelha à uma dança graciosa. É preciso saber o momento e o lugar certo para ser rígido ou flexível, de acordo com as intenções da performance e com a guia musical. O Design é assim: não cria, mas recombina; não define, mas propõe; não julga, mas avalia; não é arte, mas também gosta de dançar… Para entendê-lo, é preciso dar o primeiro passo!”
Instituto Faber-Ludens de Design de Interação
![Page 65: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/65.jpg)
Prazeres Complicados
Royal College of Art, Londres
![Page 66: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/66.jpg)
Nipple Chair, Dunne e Rabby
![Page 67: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/67.jpg)
Escape Headphones, Christopher Woebken
![Page 68: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/68.jpg)
Entrada de um Pub inglês
![Page 69: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/69.jpg)
PuchiPuchi, Bandai
![Page 70: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/70.jpg)
CD Phonograph, Yong Jieyu
![Page 71: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/71.jpg)
Exercício
• Escolher uma fobia de alguém do grupo
• Tentar entender a fobia através da empatia
• Criar conceitos de produtos que explorem a fobia, seja estimulando ou tentando curar
• Duração: 15 minutos
![Page 72: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/72.jpg)
![Page 73: Design de Interação Criativo, Social, Emotivo e Complicado](https://reader033.vdocuments.mx/reader033/viewer/2022052617/547e1c97b4af9f9b158b560d/html5/thumbnails/73.jpg)
Obrigado!
Frederick van Amsteldesigner de interação usabilidoido.com.br