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	PAPEL
VANTAGENS
Sem reação real do usuário
Feedback inexato
Etapas adicionais
Não pega tantos problemas específicos
PROTÓTIPOS	DE	PAPEL
DESVANTAGENS
#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 FACILIDADE PARA TESTAR
VANTAGENS DO PROTÓTIPO
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