PROTOTIPAÇÃO
Como validar sua ideia
sem construir o produto
PROTOTIPAÇÃO
EMPATIA
DEFINIR
IDEAÇÃO
PROTOTIPAR
TESTAR
O	processo	de	cinco	passos	de	design	thinking da	Stanford	Design	School.
QUANDO	EU	
PRECISO
DE	UM	
PROTÓTIPO?
SEMPRE QUE
VOCÊ PRECISA
MOSTRAR
COMO ALGO
FUNCIONA
NA PRÁTICA!
PROTÓTIPO TEM QUE
RÁPIDO, BARATO
E FÁCIL DE MODIFICAR
#DICA
CLARO
EXPLÍCITO
ACIONÁVEL
Um	protótipo	deve	ser	um	exercício	de	design,
e	não	apenas	um	entregável.
Protótipos	podem	nos	
ajudar	a	ver	falhas	
antes	do	produto	

ir	para	o	mercado
Protótipos	podem
nos	ajudar	a	trabalhar
co-criação
Protótipos	podem	
nos	ajudar	
a	trabalhar	
desenvolvimento	
iterativo
QUAL	
FERRAMENTA
DEVO	USAR
NO!
O	OBJETIVO
DO	PROTÓTIPO
NÃO	DEVE	SER	O
PROTÓTIPO	EM	SI
Consigo	validar
a	solução	com	este
tipo	de	protótipo?
Esta	é	a	melhor	opção
para	otimizar	o	tempo
e	execução	do	projeto?
PROTÓTIPOS	DE	PAPEL
PAPER FIRST
PIXEL AFTER
Iteração rápida
Barato
Aumento da criatividade
Co-criação
Curva de aprendizado baixa
Documentação automática
PROTÓTIPOS	DE...
Sem reação real do usuário
Feedback inexato
Etapas adicionais
Não pega tantos problemas específicos
PROTÓTIPOS	DE	PAPEL
DE...
#comoFaz
CRAZY
EIGHTSUma técnica rápida e visual
para explorar ideias
com seu time
8 IDEIAS 5 MINUTOS
1 IDEIA
40 S
NÃO É UM STORYBOARD OU FLUXO DE IDEIAS
Ajuda a tomar decisões melhores
Ter mais opções (óbvias e inovadoras)
Desligar a auto edição
CRAZY EIGHTS
PROTÓTIPO PRECISA
PASSAR A EXPERIÊNCIA
DO PRODUTO!
sneakpeekit.com
uistencils.com
EXPERIÊNCIA DO PRODUTO (SEM PRODUTO)
DOCUMENTOS MAIS ENXUTOS
APRESENTAÇÃO PARA CLIENTES
APRENDER ENQUANTO PROJETA
MAIS FAC...
LEMBRE-SE	QUE	O	OBJETIVO	
PRINCIPAL DOS	PROTÓTIPOS	
SÃO PRODUTOS	MELHORES.
POR QUE EU DEVERIA
FAZER PRÓTITPOS
DE WIREFRAMES?
REALMENTE
ECONOMIZA
TEMPO
MUDAR RÁPIDAS
DE QUALQUER
POSICIONAMENTO
DE ELEMENTOS
PARA ATENDER
ÀS NECESSIDADES
DO PROJETO
RÁPIDA E BARATA,
ESPECIALMENTE
SE VOCÊ USAR
FERRAMENTAS
DE PROTOTIPAGEM
ÚTEIS PARA
MANTER TODOS
OS ENVOLVIDOS
NA MESMA
PÁGINA
AXURE
www.axure.com
UXPIN
www.uxpin.com
WIREFRAME.CC
wireframe.cc
MOCKFLOW
mockflow.com
MOQUPS
moqups.com
NINJAMOCK
ninjamock.com
BALSAMIQ
balsamiq.com
webdemo.balsamiq.com
MARVEL APP
marvelapp.com
POWER POINT
GOOGLE SLIDES
bit.ly/iphone6stencil
uxtools.co
FIGMA
figma.com
GRAVIT
DESIGNER
designer.io
PROTOTIPE ACHANDO
SEMPRE QUE ESTÁ CERTO,
MAS TESTE ACHANDO
SEMPRE QUE ESTÁ ERRADO!
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Workshop Prototipação em ux - Como validar uma ideia sem construir o produto
Próximos SlideShares
Carregando em…5
×

Workshop Prototipação em ux - Como validar uma ideia sem construir o produto

310 visualizações

Publicada em

Este workshop irá te guiar através de conceitos e atividades práticas de como construir protótipos e porque eles podem ajudar a validar conceitos de forma rápida e mais eficaz.

Tópicos:
Os fundamentos da prototipação para criar soluções e validar conceitos
O que levar em conta para escolher um método ou ferramenta
Por que fazer protótipos de papel como parte do processo criação de um produto digital
Atividades práticas para conhecer ferramentas e métodos de prototipação

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
310
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
0
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Workshop Prototipação em ux - Como validar uma ideia sem construir o produto

  1. 1. PROTOTIPAÇÃO Como validar sua ideia sem construir o produto
  2. 2. PROTOTIPAÇÃO
  3. 3. EMPATIA DEFINIR IDEAÇÃO PROTOTIPAR TESTAR O processo de cinco passos de design thinking da Stanford Design School.
  4. 4. QUANDO EU PRECISO DE UM PROTÓTIPO?
  5. 5. SEMPRE QUE VOCÊ PRECISA MOSTRAR COMO ALGO FUNCIONA NA PRÁTICA!
  6. 6. PROTÓTIPO TEM QUE RÁPIDO, BARATO E FÁCIL DE MODIFICAR #DICA
  7. 7. CLARO EXPLÍCITO ACIONÁVEL
  8. 8. Um protótipo deve ser um exercício de design, e não apenas um entregável.
  9. 9. Protótipos podem nos ajudar a ver falhas antes do produto 
 ir para o mercado
  10. 10. Protótipos podem nos ajudar a trabalhar co-criação
  11. 11. Protótipos podem nos ajudar a trabalhar desenvolvimento iterativo
  12. 12. QUAL FERRAMENTA DEVO USAR
  13. 13. NO!
  14. 14. O OBJETIVO DO PROTÓTIPO NÃO DEVE SER O PROTÓTIPO EM SI
  15. 15. Consigo validar a solução com este tipo de protótipo? Esta é a melhor opção para otimizar o tempo e execução do projeto?
  16. 16. PROTÓTIPOS DE PAPEL PAPER FIRST PIXEL AFTER
  17. 17. Iteração rápida Barato Aumento da criatividade Co-criação Curva de aprendizado baixa Documentação automática PROTÓTIPOS DE PAPEL VANTAGENS
  18. 18. Sem reação real do usuário Feedback inexato Etapas adicionais Não pega tantos problemas específicos PROTÓTIPOS DE PAPEL DESVANTAGENS
  19. 19. #comoFaz
  20. 20. CRAZY EIGHTSUma técnica rápida e visual para explorar ideias com seu time
  21. 21. 8 IDEIAS 5 MINUTOS
  22. 22. 1 IDEIA 40 S
  23. 23. NÃO É UM STORYBOARD OU FLUXO DE IDEIAS
  24. 24. Ajuda a tomar decisões melhores Ter mais opções (óbvias e inovadoras) Desligar a auto edição CRAZY EIGHTS
  25. 25. PROTÓTIPO PRECISA PASSAR A EXPERIÊNCIA DO PRODUTO!
  26. 26. sneakpeekit.com
  27. 27. uistencils.com
  28. 28. EXPERIÊNCIA DO PRODUTO (SEM PRODUTO) DOCUMENTOS MAIS ENXUTOS APRESENTAÇÃO PARA CLIENTES APRENDER ENQUANTO PROJETA MAIS FACILIDADE PARA TESTAR VANTAGENS DO PROTÓTIPO
  29. 29. LEMBRE-SE QUE O OBJETIVO PRINCIPAL DOS PROTÓTIPOS SÃO PRODUTOS MELHORES.
  30. 30. POR QUE EU DEVERIA FAZER PRÓTITPOS DE WIREFRAMES?
  31. 31. REALMENTE ECONOMIZA TEMPO
  32. 32. MUDAR RÁPIDAS DE QUALQUER POSICIONAMENTO DE ELEMENTOS PARA ATENDER ÀS NECESSIDADES DO PROJETO
  33. 33. RÁPIDA E BARATA, ESPECIALMENTE SE VOCÊ USAR FERRAMENTAS DE PROTOTIPAGEM
  34. 34. ÚTEIS PARA MANTER TODOS OS ENVOLVIDOS NA MESMA PÁGINA
  35. 35. AXURE www.axure.com
  36. 36. UXPIN www.uxpin.com
  37. 37. WIREFRAME.CC wireframe.cc
  38. 38. MOCKFLOW mockflow.com
  39. 39. MOQUPS moqups.com
  40. 40. NINJAMOCK ninjamock.com
  41. 41. BALSAMIQ balsamiq.com
  42. 42. webdemo.balsamiq.com
  43. 43. MARVEL APP marvelapp.com
  44. 44. POWER POINT GOOGLE SLIDES bit.ly/iphone6stencil
  45. 45. uxtools.co
  46. 46. FIGMA figma.com
  47. 47. GRAVIT DESIGNER designer.io
  48. 48. PROTOTIPE ACHANDO SEMPRE QUE ESTÁ CERTO, MAS TESTE ACHANDO SEMPRE QUE ESTÁ ERRADO!

×