Design de Interação Criativo, Social, Emotivo e Complicado

Slide 1: Design de Interação Criativo, Social, Emotivo e Complicado Frederick van Amstel designer de interação usabilidoido.com.br

Slide 2: 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)

Slide 3: 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.

Slide 4: usuário sistema Engenharia de Software

Slide 5: usuário sistema Interação Humano- Computador

Slide 6: designer usuário usuário sistema Design de Interação

Slide 7: Diferencial Engenharias IHC / Design de Interface Design de Interação Antropologia / Marketing

Slide 8: Exemplos

Slide 9: Pulse Race Christian Nold

Slide 10: Disco dos Doshas Restaurante Jagannatha

Slide 11: The FlirtBunnies Chip Beck e CK Chan

Slide 12: Tenori-on, Yamaha Toshio Iwai

Slide 13: 8P, Globo.com

Slide 14: Processo Simplificado atividade atividade artefatos artefatos

Slide 15: Atividade de Compra - Diagrama Sequencial MercadoPago

Slide 16: 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

Slide 17: Domínio do Design de Interação

Slide 19: Adaptação para o Comportamento Cubículos mantém a individualidade, mas dificultam a socialização.

Slide 20: Ambiente para a Atividade O cafézinho relaxa e cria uma situação propícia à socialização.

Slide 21: Fluxo para a Tarefa Existe uma sequência formalizada para preparar o café.

Slide 22: Controle para a Operação O botão serve para ligar a máquina.

Slide 23: Pergunta-critério, seja para análise ou criação: Que comportamento, atividades, tarefas e operações serão realizados com este artefato?

Slide 24: Possibilidades Adaptações variadas para comportamentos variados.

Slide 25: 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

Slide 26: Processo complexificado de Design de Interação

Slide 27: Seria a necessidade a mãe da invenção?

Slide 28: Qual a necessidade de um garfo?

Slide 29: E de um bico para garrafas de água? Tommy Habeeb, apresentador de televisão

Slide 30: E de uma torradeira como esta? George Watson

Slide 31: E da água com intenção aprovada pelo Dr. Emoto?

Slide 32: A frustração com as coisas leva ao desejo de ter novas coisas.

Slide 33: Ao contrário da necessidade, desejos e frustrações não são necessariamente lógicos. Podem ser contraditórios.

Slide 34: A dialética pode ajudar a trabalhar com contradições... ou confundir ainda mais!

Slide 35: Tudo está em constante mudança... Noah “Everyday”

Slide 36: ...e o que impulsiona o movimento é a contradição. Richard Williams

Slide 37: Sistema da Atividade Yrjo Engeström instrumentos pessoas objeto resultado regras divisão do trabalho comunidade

Slide 38: Steve Jobs na MacWorld 2007

Slide 39: Crise no sistema Clay Spinuzzi Blackberry pessoas objeto resultado regras divisão do trabalho comunidade Botões não se adaptam aos múltiplos objetos

Slide 40: Teclado on-screen do iPhone

Slide 41: Reconfiguração do sistema iPhone pessoas objeto resultado regras divisão do trabalho comunidade Teclado on-screen é impreciso

Slide 42: A dialética não serve para eliminar as contradições, mas sim, para conviver com elas.

Slide 43: Exercício • Levantar algumas contradições que impulsionaram e foram causadas por uma determinada transição tecnológica (10min) instrumentos pessoas objeto resultado regras divisão do trabalho comunidade

Slide 44: Metodologia de Design de Interação

Slide 45: Método de Webdesign baseado na Usabilidade, Maria Martinez

Slide 46: Metodologia Moebius, I-Group

Slide 47: Os elementos da experiência do usuário, J.J. Garret

Slide 48: “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

Slide 49: ~1~ Metodologia não é um procedimento.

Slide 50: 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

Slide 51: Metodologia de Design • Visão de mundo • Base teórica • Experiência prática

Slide 52: Metodologia Ágil • Ver funcionando é melhor do que prever • Evoluir por iterações • Diálogo com usuários • Equipe enxuta • Compartilhar conhecimento

Slide 53: Métodos de Design de Interaçao • Prototipação • Teste de Usabilidade • Entrevista • Shadowing • etc...

Slide 54: ~2~ A força do Design está na criatividade.

Slide 55: Modelo Evolutivo

Slide 56: Modelo Caótico

Slide 57: Criando possibilidades

Slide 58: Recursos para criar • Rabiscos • Brainstorming • Cenários hipotéticos • Prototipação rápida • Abdução

Slide 59: ~3~ A contradição é inerente ao processo de Design.

Slide 60: Evitar a contradição J.J. Garret

Slide 61: Wireframe

Slide 62: Processo dialético Lowgren e Stolterman Thoughtful Interaction Design, MIT Press Tempo Visão Visão Img. Operante Imagem Especificação Especificação Operante

Slide 63: Aproveitar a contradição

Slide 64: “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

Slide 65: Prazeres Complicados Royal College of Art, Londres

Slide 66: Nipple Chair, Dunne e Rabby

Slide 67: Escape Headphones, Christopher Woebken

Slide 68: Entrada de um Pub inglês

Slide 69: PuchiPuchi, Bandai

Slide 70: CD Phonograph, Yong Jieyu

Slide 71: 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

Slide 73: Obrigado! Frederick van Amstel designer de interação usabilidoido.com.br