metodologias de design de interação
DESCRIPTION
Descrição e discussão de diferentes metodologias para design de interação.TRANSCRIPT
![Page 1: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/1.jpg)
Metodologias de Design de Interação
Frederick van Amsteldesigner de interação usabilidoido.com.br
![Page 2: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/2.jpg)
Processo Simplificado
artefatos
atividade atividade
artefatos
![Page 3: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/3.jpg)
Atividade de Compra - Diagrama SequencialMercadoPago
![Page 4: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/4.jpg)
Domínio do Design de Interação
![Page 5: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/5.jpg)
![Page 6: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/6.jpg)
Adaptação para oComportamento
Cubículos mantém a individualidade, mas dificultam a socialização.
![Page 7: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/7.jpg)
Ambiente para aAtividade
O cafézinho relaxa e cria uma situação propícia à socialização.
![Page 8: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/8.jpg)
Fluxo para aTarefa
Existe uma sequência formalizada para preparar o café.
![Page 9: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/9.jpg)
Controle para aOperação
O botão serve para ligar a máquina.
![Page 10: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/10.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 11: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/11.jpg)
Possibilidades
Adaptações variadas para comportamentos variados.
![Page 12: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/12.jpg)
![Page 13: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/13.jpg)
Design Centrado no Designer
Nina 7 Pecados
![Page 14: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/14.jpg)
Design Centrado no Sistema
ex: Vila Franca de Xira
![Page 15: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/15.jpg)
Design Centrado no Sistema
MsConfig
![Page 16: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/16.jpg)
Design Centrado no Usuário
![Page 17: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/17.jpg)
Design Centrado no Usuário
![Page 18: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/18.jpg)
Design Centrado no Comportamento
![Page 19: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/19.jpg)
Design Centrado no Comportamento
![Page 20: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/20.jpg)
Design Centrado na Atividade
![Page 21: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/21.jpg)
Design Centrado na Atividade
![Page 22: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/22.jpg)
Design Centrado na Tarefa
Office XP
Menu Formatar > Colunas
![Page 23: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/23.jpg)
Design Centrado na TarefaOffice 2007
![Page 24: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/24.jpg)
Design Centrado na TarefaPicasa
![Page 25: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/25.jpg)
Design Centrado na Operação
![Page 26: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/26.jpg)
Processo complexificado de Design de Interação
![Page 27: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/27.jpg)
Seria a necessidade a mãe da invenção?
![Page 28: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/28.jpg)
Qual a necessidade de um garfo?
![Page 29: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/29.jpg)
E de um bico para garrafas de água?Tommy Habeeb, apresentador de televisão
![Page 30: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/30.jpg)
E de uma torradeira como esta? George Watson
![Page 31: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/31.jpg)
E da água com intenção aprovada pelo Dr. Emoto?
![Page 32: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/32.jpg)
A frustração com as coisas leva ao desejo de ter novas coisas.
![Page 33: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/34.jpg)
A dialética pode ajudar a trabalhar com contradições...
ou confundir ainda mais!
![Page 35: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/35.jpg)
Tudo está em constante mudança...
Noah “Everyday”
![Page 36: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/36.jpg)
...e o que impulsiona o movimento é a contradição.
Richard Williams
![Page 37: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/37.jpg)
Sistema da AtividadeYrjo Engeström
pessoas
instrumentos
comunidade
regras divisão do trabalho
objeto resultado
![Page 38: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/38.jpg)
Steve Jobs na MacWorld 2007
![Page 39: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/40.jpg)
Teclado on-screen do iPhone
![Page 41: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/41.jpg)
Reconfiguração do sistema
pessoas
iPhone
comunidade
regras divisão do trabalho
objeto resultado
Teclado on-screen é impreciso
![Page 42: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/42.jpg)
A dialética não serve para eliminar as contradições, mas sim, para conviver com elas.
![Page 43: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/44.jpg)
Metodologiade Design de Interação
![Page 45: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/45.jpg)
Método de Webdesign baseado na Usabilidade, Maria Martinez
![Page 46: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/46.jpg)
Metodologia Moebius, I-Group
![Page 47: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/47.jpg)
Os elementos da experiência do usuário, J.J. Garret
![Page 48: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/49.jpg)
~ 1 ~Metodologia não é um
procedimento.
![Page 50: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/51.jpg)
Metodologia de Design
• Visão de mundo
• Base teórica
• Experiência prática
![Page 52: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/53.jpg)
Métodos de Design de Interaçao
• Prototipação
• Teste de Usabilidade
• Entrevista
• Shadowing
• etc...
![Page 54: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/54.jpg)
~ 2 ~A força do Design está na
criatividade.
![Page 55: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/55.jpg)
Modelo Evolutivo
![Page 56: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/56.jpg)
Modelo Caótico
![Page 57: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/57.jpg)
Criando possibilidades
![Page 58: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/58.jpg)
Recursos para criar
• Rabiscos
• Brainstorming
• Cenários hipotéticos
• Prototipação rápida
• Abdução
![Page 59: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/59.jpg)
~ 3 ~A contradição é inerente ao
processo de Design.
![Page 60: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/60.jpg)
Evitar a contradição
J.J. Garret
![Page 61: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/61.jpg)
Wireframe
![Page 62: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/63.jpg)
Aproveitar a contradição
![Page 64: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/65.jpg)
Prazeres Complicados
Royal College of Art, Londres
![Page 66: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/66.jpg)
Nipple Chair, Dunne e Rabby
![Page 67: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/67.jpg)
Escape Headphones, Christopher Woebken
![Page 68: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/68.jpg)
Entrada de um Pub inglês
![Page 69: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/69.jpg)
PuchiPuchi, Bandai
![Page 70: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/70.jpg)
CD Phonograph, Yong Jieyu
![Page 71: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/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
![Page 72: Metodologias de Design de Interação](https://reader033.vdocuments.net/reader033/viewer/2022052412/558c7061d8b42aa26a8b45f3/html5/thumbnails/72.jpg)
Obrigado!
Frederick van Amsteldesigner de interação usabilidoido.com.br