SlideShare uma empresa Scribd logo
1 de 72
Baixar para ler offline
Ferramentas para negociar
   design de interação
           Frederick van Amstel
 designer de interação usabilidoido.com.br
Idealista      Materialista
 Positivista       Crítico
   Lógico         Dialético
Individualista    Coletivo
Ferramentas para negociação
• Reuniões              • Murais
• Dinâmicas de grupo    • Comunicação de
                          pesquisa
• Fóruns de discussão
• Conferências à        • Prototipação
  distância             • Documentação
• Blogs                 • ...
• Wikis
Reuniões
• Custo alto            • Flexibilidade
• Dificuldade de        • Compromisso
  agendamento
                        • Agilidade
• Descontrole
Instituto Faber-Ludens
Dinâmicas de grupo
• Brainstorming
• Método KJ
• Joint Application Development
• Grupo de foco
Grupo de foco
Conferências à distância
• Telefone, Skype
• MSN, Gtalk
• Vorticce
• Descontrole
• Problemas técnicos
Vorttice
Fóruns/listas de discussão
• Assíncrono
• Arquivo
• Impessoal
• Feedback lento
• Efeito “bonde andando”
• Basecamp
Basecamp
Blogs
• Acompanhamento externo
• Informalidade
• Autoria definida
Blogs da Microsoft
Wiki
• Controle de alterações
• Autoria difusa
• Coordenação diferente
• Desburocratiza
• Bom repositório
Wiki BrOffice.org
Murais
• Reprodução impossível
• Visão geral
• Esfera pública
• Flexibilidade
Adaptivepath
               Sketchboard
Pesquisa i(n)terativa
Comunicação de pesquisa
• Traduzir a vivência
• Concisão
• Filtrar o relevante
• Generalizações
• Verdades e mentiras
Fotografias
Nokia Research
Vídeo
História em quadrinhos
Nokia Research Team
goHostel
           Colagem
Colagens online
 http://www.scrapblog.com/
Diagrama de afinidades




SAP
Modelos Conceituais
Árvore de tarefas
Descrições
Pesquisa “O Orkut mudou a minha vida!”
Os participantes da pesquisa comentam que a
curiosidade os impele a clicar na foto dos
amigos para ver seu perfil. Alguns homens
dizem que essa curiosidade está ligada à quot;boa
estéticaquot; da foto, o que normalmente leva, em
seguida, à uma espiada no álbum de fotos para
verificar se a quot;boa estéticaquot; também se verifica
sob outros ângulos.
Estudo de caso
Redesign do Usabilidoido versão Seurat (2005)
Versão Mondrian
Perfil Semiótico I
Perfil Semiótico II
Perfil Semiótico III
Explorando personalidade
Diagrama de afinidade
Personas
Versão Seurat
Versão Seurat ajustada
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
Prototipação e Evolução
Prototipação
• Propósito (demonstrar, testar, explorar)
• Fidelidade (alta, baixa)
• Funcionalidade (funcional, semi-funcional)
• Competência técnica
Jonas Lowgren   Rabiscos
SAP   Storyboard
Narrativa em vídeo
Ciao PDA
Bastidores
Protótipo estrutural
UFPR.br
Protótipo de alta fidelidade
Protótipo funcional
               Reactables
Reactables
             Performance
Estudo de Caso
Non-Sedentary Gaming for Pediatric Obesity,
            Lindsay Rebecca
Prototipação da forma
Prototipação da aparência
Prototipação funcional
Avaliação final
Documentação e
 Especificação
Documentação
• Demorado
• Polissemia
• Desatualização
• Precisão
• Referência estavel
Mapa mental
Progressão
Cenários
•   O aluno Alessandro Bernardes casou-se cedo e decide
    trancar o curso para trabalhar mais. Ele recorre ao
    website da Universidade para saber por quanto tempo
    poderá trancar seu curso e, ao abrir a página, vê uma
    porção de links relativos aos órgãos da instituição. Como
    ele está um tanto alheio às funções de cada um, prefere
    clicar no link intitulado “Matrículas”. Na página aberta,
    encontra um link para maiores informações sobre
    trancamento de curso que o leva à página do Núcleo de
    Acompanhamento Acadêmico (NAA), o órgão responsável
    por operações dessa ordem. A página informa que é
    possível trancar o curso por seis meses e mais seis, caso
    seja aprovado o requerimento. Alessandro encontrou o
    que queria e, mais, aprendeu que problemas dessa
    ordem são resolvidos no NAA.
Diagrama da situação
Relação entre objetos
Relação entre objetos
Especificação de funcionalidades
Mural do usuário
Na página do perfil do usuário, haverá um
pequeno mural para outros usuários deixarem
recados como, por exemplo, convidando o
usuário dono do perfil a responder uma
pergunta sua. O dono do perfil poderá optar por
desligar o mural.
Casos de uso
Diagrama Sequencial
Diagrama Sequencial
Molic
SERG - PucRio
Vocabulário Visual
Wireframe
Pesquisa, Protótipos e
         Documentação
• Propósitos diferentes
• Resultados diferentes
• Combinação
Obrigado!

          Frederick van Amstel
designer de interação usabilidoido.com.br

Mais conteúdo relacionado

Semelhante a Ferramentas para negociar design de interação

Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosUTFPR
 
Design de Software Multi-Usuario
Design de Software Multi-UsuarioDesign de Software Multi-Usuario
Design de Software Multi-UsuarioUTFPR
 
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaLaboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaRicardo Pereira Rodrigues
 
Experiência do usuário em Portais Corporativos
Experiência do usuário em Portais CorporativosExperiência do usuário em Portais Corporativos
Experiência do usuário em Portais CorporativosNeue Labs
 
Webdesigner 2.0: Requisitos mínimos para o upgrade profissional
Webdesigner 2.0: Requisitos mínimos para o upgrade profissionalWebdesigner 2.0: Requisitos mínimos para o upgrade profissional
Webdesigner 2.0: Requisitos mínimos para o upgrade profissionalUTFPR
 
Desenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e PloneDesenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e PloneJacson Tiola
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
Arquitetura da Informacao Participativa do Portal BrOffice.org
Arquitetura da Informacao Participativa do Portal BrOffice.orgArquitetura da Informacao Participativa do Portal BrOffice.org
Arquitetura da Informacao Participativa do Portal BrOffice.orgUTFPR
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoEstrategia Digital
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03Neca Boullosa
 
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Felipe Nascimento
 
Keynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãOKeynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãOAna Brambilla
 
Design de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoDesign de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoUTFPR
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraenteSuzana Viana Mota
 
Workshop Scrum Developer
Workshop Scrum DeveloperWorkshop Scrum Developer
Workshop Scrum DeveloperJoão Victorino
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScriptCarlos Eduardo Kadu
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de InteraçãoUTFPR
 
Introdução ao desenvolvimento de aplicações web
Introdução ao desenvolvimento de aplicações webIntrodução ao desenvolvimento de aplicações web
Introdução ao desenvolvimento de aplicações webRodrigo Branas
 

Semelhante a Ferramentas para negociar design de interação (20)

Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e Exercícios
 
Design de Software Multi-Usuario
Design de Software Multi-UsuarioDesign de Software Multi-Usuario
Design de Software Multi-Usuario
 
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e PesquisaLaboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
Laboratório Web 2013-2014 - Etapas na Produção: Análise e Pesquisa
 
Experiência do usuário em Portais Corporativos
Experiência do usuário em Portais CorporativosExperiência do usuário em Portais Corporativos
Experiência do usuário em Portais Corporativos
 
Webdesigner 2.0: Requisitos mínimos para o upgrade profissional
Webdesigner 2.0: Requisitos mínimos para o upgrade profissionalWebdesigner 2.0: Requisitos mínimos para o upgrade profissional
Webdesigner 2.0: Requisitos mínimos para o upgrade profissional
 
Desenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e PloneDesenvolvimento web com Python, Zope e Plone
Desenvolvimento web com Python, Zope e Plone
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Arquitetura da Informacao Participativa do Portal BrOffice.org
Arquitetura da Informacao Participativa do Portal BrOffice.orgArquitetura da Informacao Participativa do Portal BrOffice.org
Arquitetura da Informacao Participativa do Portal BrOffice.org
 
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão PretoAula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
Aula 2 da 2ª Turma de Marketing Digital em Ribeirão Preto
 
2010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 032010.1 - PUB5AN - Marketing Digital AULA 03
2010.1 - PUB5AN - Marketing Digital AULA 03
 
Modular CSS - Projetando CSS para aplicativos
Modular CSS - Projetando CSS para aplicativosModular CSS - Projetando CSS para aplicativos
Modular CSS - Projetando CSS para aplicativos
 
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
 
Keynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãOKeynote Arquitetura InformaçãO
Keynote Arquitetura InformaçãO
 
Design de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e ComplicadoDesign de Interação Criativo, Social, Emotivo e Complicado
Design de Interação Criativo, Social, Emotivo e Complicado
 
Web 2.0 e Mídias Sociais
Web 2.0 e Mídias SociaisWeb 2.0 e Mídias Sociais
Web 2.0 e Mídias Sociais
 
Como tornar seu site atraente
Como tornar seu site atraenteComo tornar seu site atraente
Como tornar seu site atraente
 
Workshop Scrum Developer
Workshop Scrum DeveloperWorkshop Scrum Developer
Workshop Scrum Developer
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de Interação
 
Introdução ao desenvolvimento de aplicações web
Introdução ao desenvolvimento de aplicações webIntrodução ao desenvolvimento de aplicações web
Introdução ao desenvolvimento de aplicações web
 

Mais de UTFPR

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in designUTFPR
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designUTFPR
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design objectUTFPR
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovationUTFPR
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven designUTFPR
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelUTFPR
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeUTFPR
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasUTFPR
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialUTFPR
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreUTFPR
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoUTFPR
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivoUTFPR
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no designUTFPR
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?UTFPR
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service designUTFPR
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?UTFPR
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressãoUTFPR
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasUTFPR
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacerUTFPR
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)UTFPR
 

Mais de UTFPR (20)

Cascading oppression in design
Cascading oppression in designCascading oppression in design
Cascading oppression in design
 
Inteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de designInteligência artificial e o trabalho de design
Inteligência artificial e o trabalho de design
 
Expanding the design object
Expanding the design objectExpanding the design object
Expanding the design object
 
Creating possibilities for service design innovation
Creating possibilities for service design innovationCreating possibilities for service design innovation
Creating possibilities for service design innovation
 
Contradiction-driven design
Contradiction-driven designContradiction-driven design
Contradiction-driven design
 
Design expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossívelDesign expansivo: pensar o possível para fazer o impossível
Design expansivo: pensar o possível para fazer o impossível
 
Metacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividadeMetacriatividade: criatividade sobre criatividade
Metacriatividade: criatividade sobre criatividade
 
Gestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiênciasGestão do conhecimento na pesquisa de experiências
Gestão do conhecimento na pesquisa de experiências
 
Jogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência ArtificialJogos Surrealistas e Inteligência Artificial
Jogos Surrealistas e Inteligência Artificial
 
El hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libreEl hacer como quehacer: notas para un diseño libre
El hacer como quehacer: notas para un diseño libre
 
Expressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpoExpressando a posicionalidade do cria-corpo
Expressando a posicionalidade do cria-corpo
 
Pensamento visual expansivo
Pensamento visual expansivoPensamento visual expansivo
Pensamento visual expansivo
 
O segredo da criatividade no design
O segredo da criatividade no designO segredo da criatividade no design
O segredo da criatividade no design
 
Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?Por que pesquisar e não somente fazer design?
Por que pesquisar e não somente fazer design?
 
Making work visible in the theater of service design
Making work visible in the theater of service designMaking work visible in the theater of service design
Making work visible in the theater of service design
 
Can designers change systemic oppression?
Can designers change systemic oppression?Can designers change systemic oppression?
Can designers change systemic oppression?
 
Design contra opressão
Design contra opressãoDesign contra opressão
Design contra opressão
 
O papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiênciasO papel da teoria na pesquisa de experiências
O papel da teoria na pesquisa de experiências
 
Diseño y la colonialidad del hacer
Diseño y la colonialidad del hacerDiseño y la colonialidad del hacer
Diseño y la colonialidad del hacer
 
Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)Problematizando a experiência do usuário (ExU)
Problematizando a experiência do usuário (ExU)
 

Último

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfNatalia Granato
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 

Último (6)

ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Assessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdfAssessement Boas Praticas em Kubernetes.pdf
Assessement Boas Praticas em Kubernetes.pdf
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 

Ferramentas para negociar design de interação