SlideShare a Scribd company logo
1 of 41
(re)trabalhe menos
Carlos Rosemberg
Prototipe	
  mais	
  
Prazer em conhecer,!
Carlos Rosemberg!
Analista de Negócios / especialista em UX (Instituto Atlântico)
Pesquisador em IHC (colaborador no LUQS/Unifor)
O retrabalho [de código] e
algumas causas
O cliente só entendeu quando viu
funcionando. E não aprovou. /o
A equipe entendeu a especificação
errado.
O usuário final não conseguiu usar,
ou sequer se interessou
O que faltou?
Boas ideias (viáveis, simples de usar)!
Melhor comunicação entre time e cliente!
Validação eficiente, e com o usuário!
!
Why u no
prototype
well?
Protótipo

Grego πρωτότυπος (prototypos): “original, primitivo”, que simula
as características do produto final
Protótipos são
extremamente úteis
Explorar
Comunicar
Avaliar
Ideias	
  
Explorar
Comunicar
Avaliar
Ideias	
  
Busca de opotunidades
 Tomada de decisão
Bill	
  Buxton,	
  Sketching	
  User	
  Experiences	
  
Explorar
Comunicar
Avaliar
Ideias	
  
Explorar
Comunicar
Avaliar
Ideias	
  
Benefícios da prototipação
Se tem algo “concreto” já no início do processo
Incentiva a colaboração e troca de ideias
Melhora a comunicação interna e externa
Reduz o risco
Possibilita testes mais cedo
Guia o desenvolvimento
Riscos da prototipação
Dedicar tempo demais à prototipação
Escolher erroneamente o tipo de prototipação
Utilizar protótipos descartáveis na implementação
Os 5 passos de uma
prototipação bem
sucedida
Defina o que será
trabalhado
Quais conceitos ou funcionalidades?
Um fluxo completo (vertical) de poucos?
Uma visão geral (horizontal) de muitos?
Quais
funcionalidades
prototipar?
Bill	
  Buxton,	
  Sketching	
  User	
  Experiences	
  
Defina os objetivos
Explorar, comunicar ou avaliar?
Quais conceitos ou funcionalidades?
Conceito geral? Navegação? Visual?
Não ter um
objetivo
claro…
Desperdiça recursos
Atrasa o cronograma
Leva a decisões erradas
Desacredita o processo
Defina a técnica adequada
para o momento
Esboço?
Protótipo navegável?
Visual de alta fidelidade?
Adaptado	
  de	
  h9p://pathfinderso=ware.com/2011/05/what-­‐is-­‐the-­‐right-­‐fidelity-­‐of-­‐prototype-­‐five-­‐quesJons-­‐to-­‐ask/	
  
Fidelidade
Esboço	
   Protótipo	
   Produto	
  
Escolha a ferramenta certa
Caneta e papel?
Editor gráfico?
Ferramenta especializada?
Esboço
 Protótipo
iMockups
>
Colabore!
Quantidade gera qualidade
Entendimento compartilhado não tem preço
E sim, pode ser divertido!
Design Studio
Cronometrado
Contribuições individuais valorizadas
Não é o mesmo que brainstorming
Em suma…
1.  Definir o que será trabalhado
2.  Definir os objetivos
3.  Definir a técnica adequada para o momento
4.  Escolher a ferramenta certa
5.  Colaborar!
Dicas finais
Lembre-se: Conhecimento é melhor que artefato
Não se prenda a uma única ferramenta ou tecnologia
Sempre se questione se está sendo produtivo
Adapte, adapte, adapte!
Dúvidas?
Para saber mais
Sketching user experiences*
Bill Buxton

Prototyping: A Practitioner's Guide*
Todd Zaki Warfel

WUXDI (Workshop UX e Design de Interação)*
carlosrosemberg.com/wuxdi
Obrigado!
Carlos Rosemberg
carlosrosemberg.com
carlbberg@gmail.com
/carlbberg
linkedin.com/in/rosemberg
/carlbberg

More Related Content

What's hot

Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de InteraçãoUTFPR
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidadeErico Fileno
 
Design como ferramenta para inovacao
Design como ferramenta para inovacaoDesign como ferramenta para inovacao
Design como ferramenta para inovacaoAlessandra Rosa
 
Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Thiago Esser
 
Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.Ana Paula Batista
 
Projetos Centrados no Usuário
Projetos Centrados no UsuárioProjetos Centrados no Usuário
Projetos Centrados no UsuárioAlessandra Rosa
 
Processos para o Design da Interface de Usuário
Processos para o Design da Interface de UsuárioProcessos para o Design da Interface de Usuário
Processos para o Design da Interface de UsuárioTatiana Tavares
 
UX para desenvolvedores - QCon Rio 2015
UX para desenvolvedores - QCon Rio 2015UX para desenvolvedores - QCon Rio 2015
UX para desenvolvedores - QCon Rio 2015Samantha Rosa
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interaçãoRobson Santos
 
UX na vida real - Aplicando técnicas na reformulação de um produto
UX na vida real - Aplicando técnicas na reformulação de um produtoUX na vida real - Aplicando técnicas na reformulação de um produto
UX na vida real - Aplicando técnicas na reformulação de um produtoLariane Rossanese
 
sensedia - Design Sprint
sensedia - Design Sprint sensedia - Design Sprint
sensedia - Design Sprint melidevelopers
 
De Arquiteto a Detetive da Informação
De Arquiteto a Detetive da InformaçãoDe Arquiteto a Detetive da Informação
De Arquiteto a Detetive da InformaçãoAna Paula Batista
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de InteraçãoUTFPR
 
TDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de NegóciosTDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de Negóciostdc-globalcode
 
Design Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 diasDesign Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 diasWilliam Martins
 
Empreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design SprintEmpreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design SprintAna Paula Batista
 
Oficina intensiva de design de interação
Oficina intensiva de design de interaçãoOficina intensiva de design de interação
Oficina intensiva de design de interaçãoRobson Santos
 

What's hot (20)

Metodologias de Design de Interação
Metodologias de Design de InteraçãoMetodologias de Design de Interação
Metodologias de Design de Interação
 
Workshop de UX, 02
Workshop de UX, 02Workshop de UX, 02
Workshop de UX, 02
 
Oficina teste de usabilidade
Oficina teste de usabilidadeOficina teste de usabilidade
Oficina teste de usabilidade
 
Design como ferramenta para inovacao
Design como ferramenta para inovacaoDesign como ferramenta para inovacao
Design como ferramenta para inovacao
 
Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)Coisas que um UX Designer sabe (ou precisa saber)
Coisas que um UX Designer sabe (ou precisa saber)
 
Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.
 
Projetos Centrados no Usuário
Projetos Centrados no UsuárioProjetos Centrados no Usuário
Projetos Centrados no Usuário
 
Processos para o Design da Interface de Usuário
Processos para o Design da Interface de UsuárioProcessos para o Design da Interface de Usuário
Processos para o Design da Interface de Usuário
 
UX para desenvolvedores - QCon Rio 2015
UX para desenvolvedores - QCon Rio 2015UX para desenvolvedores - QCon Rio 2015
UX para desenvolvedores - QCon Rio 2015
 
O processo de design de interação
O processo de design de interaçãoO processo de design de interação
O processo de design de interação
 
UX na vida real - Aplicando técnicas na reformulação de um produto
UX na vida real - Aplicando técnicas na reformulação de um produtoUX na vida real - Aplicando técnicas na reformulação de um produto
UX na vida real - Aplicando técnicas na reformulação de um produto
 
sensedia - Design Sprint
sensedia - Design Sprint sensedia - Design Sprint
sensedia - Design Sprint
 
De Arquiteto a Detetive da Informação
De Arquiteto a Detetive da InformaçãoDe Arquiteto a Detetive da Informação
De Arquiteto a Detetive da Informação
 
Introdução ao Design de Interação
Introdução ao Design de InteraçãoIntrodução ao Design de Interação
Introdução ao Design de Interação
 
TDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de NegóciosTDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de Negócios
 
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
Design Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 diasDesign Sprint - Conceituação sobre os 5 dias
Design Sprint - Conceituação sobre os 5 dias
 
Empreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design SprintEmpreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design Sprint
 
Oficina intensiva de design de interação
Oficina intensiva de design de interaçãoOficina intensiva de design de interação
Oficina intensiva de design de interação
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
 

Similar to Prototipe mais, (re)trabalhe menos

User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot CampUTFPR
 
Interação Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoInteração Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoWellington Oliveira
 
Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Catarinas Design de Interação
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Juliana Gaiba
 
Oficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeOficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeUTFPR
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Jane Vita
 
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
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product DesignProduct School
 
Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Demian Borba
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação MobileDouglas Schmidt
 
Design thinking - Oficina COALTI 2015
Design thinking   - Oficina COALTI 2015Design thinking   - Oficina COALTI 2015
Design thinking - Oficina COALTI 2015Débora Brauhardt
 
Ux design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociosUx design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociostdc-globalcode
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de EstratégiaLuiz Agner
 
Aula 1 - Projeto 3
Aula 1 - Projeto 3Aula 1 - Projeto 3
Aula 1 - Projeto 3Pablo Torres
 
TDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de NegóciosTDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de Negóciostdc-globalcode
 
Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design LivreEdyd B. Junges
 

Similar to Prototipe mais, (re)trabalhe menos (20)

User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Interação Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - AntecipaçãoInteração Humano Computador Capítulo 8 - Antecipação
Interação Humano Computador Capítulo 8 - Antecipação
 
Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...Interaction South America 2015 - Concepção de um framework para definição em ...
Interaction South America 2015 - Concepção de um framework para definição em ...
 
Vendendo seu Peixe
Vendendo seu PeixeVendendo seu Peixe
Vendendo seu Peixe
 
Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012 Como não ferrar com a user experience - Campus Party 2012
Como não ferrar com a user experience - Campus Party 2012
 
Oficina de Teste de Usabilidade
Oficina de Teste de UsabilidadeOficina de Teste de Usabilidade
Oficina de Teste de Usabilidade
 
Design de Interação
Design de InteraçãoDesign de Interação
Design de Interação
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
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
 
Principles and best practices of Product Design
Principles and best practices of Product DesignPrinciples and best practices of Product Design
Principles and best practices of Product Design
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Teste de usabilidade
Teste de usabilidadeTeste de usabilidade
Teste de usabilidade
 
Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)Criando interfaces inovadoras com Design Thinking (#webbr2014)
Criando interfaces inovadoras com Design Thinking (#webbr2014)
 
Design de Interação Mobile
Design de Interação MobileDesign de Interação Mobile
Design de Interação Mobile
 
Design thinking - Oficina COALTI 2015
Design thinking   - Oficina COALTI 2015Design thinking   - Oficina COALTI 2015
Design thinking - Oficina COALTI 2015
 
Ux design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negociosUx design como estrategia conquistar clientes impactar negocios
Ux design como estrategia conquistar clientes impactar negocios
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de Estratégia
 
Aula 1 - Projeto 3
Aula 1 - Projeto 3Aula 1 - Projeto 3
Aula 1 - Projeto 3
 
TDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de NegóciosTDC2016SP - Trilha Análise de Negócios
TDC2016SP - Trilha Análise de Negócios
 
Design Interação: por um Design Livre
Design Interação: por um Design LivreDesign Interação: por um Design Livre
Design Interação: por um Design Livre
 

More from Carlos Rosemberg

From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...Carlos Rosemberg
 
Getting [the right] things done: Uniting user needs and business objectives i...
Getting [the right] things done: Uniting user needs and business objectives i...Getting [the right] things done: Uniting user needs and business objectives i...
Getting [the right] things done: Uniting user needs and business objectives i...Carlos Rosemberg
 
UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?Carlos Rosemberg
 
Design de experiência e as novas fronteiras da inovação
Design de experiência e as novas fronteiras da inovaçãoDesign de experiência e as novas fronteiras da inovação
Design de experiência e as novas fronteiras da inovaçãoCarlos Rosemberg
 
Mex Experience Boards - A Set of Agile Tools for User Experience Design
Mex Experience Boards - A Set of Agile Tools for User Experience DesignMex Experience Boards - A Set of Agile Tools for User Experience Design
Mex Experience Boards - A Set of Agile Tools for User Experience DesignCarlos Rosemberg
 
MEX: Modelo Genérico de Experiência do Usuário
MEX: Modelo Genérico de Experiência do UsuárioMEX: Modelo Genérico de Experiência do Usuário
MEX: Modelo Genérico de Experiência do UsuárioCarlos Rosemberg
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Carlos Rosemberg
 
Projeto de Interfaces - Aula 03
Projeto de Interfaces - Aula 03Projeto de Interfaces - Aula 03
Projeto de Interfaces - Aula 03Carlos Rosemberg
 
Projeto de Interfaces - Aula 02
Projeto de Interfaces - Aula 02Projeto de Interfaces - Aula 02
Projeto de Interfaces - Aula 02Carlos Rosemberg
 
Projeto de Interfaces - Aula 01
Projeto de Interfaces - Aula 01Projeto de Interfaces - Aula 01
Projeto de Interfaces - Aula 01Carlos Rosemberg
 

More from Carlos Rosemberg (10)

From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...From chaos to action: turning usability testing data into actionable insights...
From chaos to action: turning usability testing data into actionable insights...
 
Getting [the right] things done: Uniting user needs and business objectives i...
Getting [the right] things done: Uniting user needs and business objectives i...Getting [the right] things done: Uniting user needs and business objectives i...
Getting [the right] things done: Uniting user needs and business objectives i...
 
UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?UX e Métodos Ágeis: Adversários ou Parceiros?
UX e Métodos Ágeis: Adversários ou Parceiros?
 
Design de experiência e as novas fronteiras da inovação
Design de experiência e as novas fronteiras da inovaçãoDesign de experiência e as novas fronteiras da inovação
Design de experiência e as novas fronteiras da inovação
 
Mex Experience Boards - A Set of Agile Tools for User Experience Design
Mex Experience Boards - A Set of Agile Tools for User Experience DesignMex Experience Boards - A Set of Agile Tools for User Experience Design
Mex Experience Boards - A Set of Agile Tools for User Experience Design
 
MEX: Modelo Genérico de Experiência do Usuário
MEX: Modelo Genérico de Experiência do UsuárioMEX: Modelo Genérico de Experiência do Usuário
MEX: Modelo Genérico de Experiência do Usuário
 
Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04Projeto de Interfaces - Aula 04
Projeto de Interfaces - Aula 04
 
Projeto de Interfaces - Aula 03
Projeto de Interfaces - Aula 03Projeto de Interfaces - Aula 03
Projeto de Interfaces - Aula 03
 
Projeto de Interfaces - Aula 02
Projeto de Interfaces - Aula 02Projeto de Interfaces - Aula 02
Projeto de Interfaces - Aula 02
 
Projeto de Interfaces - Aula 01
Projeto de Interfaces - Aula 01Projeto de Interfaces - Aula 01
Projeto de Interfaces - Aula 01
 

Prototipe mais, (re)trabalhe menos