Ux prototype - TI EXAMES

1. PROTOTIPAÇÃO EM UX
D O P A P E L A O P I X E L
CARLA DE BONA

2. Carla
De Bona
Designer, Speaker and Social Entrepreneur
carla@carladebona.com
EDUCATION TEACH WORK
Bacharel
em design grafico
Pela UDESC
Mestrado em
comunicação
e semiótica
PUC-SP
Professora de MBA
e Pós-Graduação
Professora em
bootcamps de UX
Mentora para a
competição do
WorldSkills
Consultora de UX
Mentora para startups
Co-fundadora
da {reprograma}

3. QUANDO EU PRECISO
DE UM PROTÓTIPO?

4. SEMPRE QUE
VOCÊ PRECISA
MOSTRAR
COMO ALGO
FUNCIONA
NA PRÁTICA!

5. MATERIALIZAÇÃO
DA IDEIA
SIMULAÇÃO
DA EXPERIÊNCIA

6. CLARO
EXPLÍCITO
ACIONÁVEL

7. ANTECIPAÇÃO
DE ERROS

8. #FAIL

9. QUAL
FERRAMENTA
DEVO USAR

10. NO!

11. O OBJETIVO
DO PROTÓTIPO
NÃO DEVE SER O
PROTÓTIPO EM SI

12. Consigo validar
minha hipótese com
este tipo de protótipo?
Esta é a melhor opção
para otimizar o tempo
e execução do projeto?

13. UM PROTÓTIPO DEVE
SER UM EXERCÍCIO DE DESIGN,
E NÃO APENAS UM ENTREGÁVEL.

15. FERRAMENTAS
TIPOS DE
PROTÓTIPO
• Visual: nível da fidelidade de
cores, ícones, componentes,
botões, backgrounds, mensagens
de texto, entre outros.
• Conteúdo: nível de fidelidade do
conteúdo simulado no protótipo.
• Interatividade: nível de fidelidade
da comunicação/interação entre
produto e utilizador.

16. https://www.smashingmagazine.com/2016/06/picking-the-best-prototyping-software-for-your-project/
BAIXA MÉDIA ALTA
NÍVEL DE FIDELIDADE DE UM PROTÓTIPO

17. PROTÓTIPOS DE PAPEL
PAPER FIRST
PIXEL AFTER

18. Ajuda a definir melhor o nosso
entendimento do problema,
ao mesmo tempo em que
nos ajuda a pensar nas
possíveis soluções

19. PROTÓTIPOS DE PAPEL
VANTAGENS
Iteração rápida
Barato
Aumento da criatividade
Co-criação
Curva de aprendizado baixa
Documentação automática

20. Exemplo da curva de aprendizado baixa

21. #COMOFAZ

26. NA PRÁTICA
Como seria o APP water.me?
Um app para lembrar de beber
água e poder acompanhar o
quanto de água você anda
bebendo diariamente

27. • Mostrar meta diária de ingestão de água e ir atualizando
quando vai registrando ingestão de água
• Registrar quanto de água inseriu (em ml)
• Mostrar última ingestão registrada (horário)
• Adicionar lembretes (de horário) para beber água.
• Indicar intervalo de lembrete
• Ativar e desativar som do lembrete
• Mostrar histórico de todos os dias (mostrar se bateu a
meta ou não do dia);
FUNCIONALIDADES

30. POR QUE EU
DEVERIA FAZER
PROTÓTIPOS DE
WIREFRAMES?

31. MUDAR RÁPIDAS
DE QUALQUER
POSICIONAMENTO
DE ELEMENTOS
PARA ATENDER
ÀS NECESSIDADES
DO PROJETO
MUDANÇAS
RÁPIDAS DE
QUALQUER
POSICIONAMENTO
DE ELEMENTOS
PARA ATENDER
ÀS NECESSIDADES
DO PROJETO

32. ÚTEIS PARA
MANTER TODOS
OS ENVOLVIDOS
NA MESMA
PÁGINA

33. POWER POINT
GOOGLE SLIDES
bit.ly/iphone6stencil

34. NA PRÁTICA
Criar protótipo de média
fidelidade do water.me

37. BOOM
DA PROTOTIPAÇÃO
EM UX

38. EXPERIÊNCIA DO PRODUTO (SEM PRODUTO)
DOCUMENTOS MAIS ENXUTOS
APRESENTAÇÃO PARA CLIENTES
APRENDER ENQUANTO PROJETA
MAIS FACILIDADE PARA TESTAR
DIMENSIONAMENTO DO PROJETO
COMUNICAÇÃO MAIS CLARA

39. BOA NOTÍCIA
Há muitos ótimos aplicativos
para você escolher

40. BOA NOTÍCIA
Há muitos ótimos aplicativos
para você escolher
MÁ NOTÍCIA
Há muitos ótimos aplicativos
para você escolher

42. uxtools.co

44. NA PRÁTICA
Criar protótipo de alta fidelidade
do water.me

47. VALIDAÇÃO
ANTES É MELHOR DO QUE DEPOIS

48. FAIL FAST
Falhe rápido,
tenha sucesso
mais cedo
David Kelley,
fundador da IDEO

49. FOCO NA VALIDAÇÃO,
E NÃO NO ENTREGÁVEL

50. LEMBRE-SE QUE
O OBJETIVO PRINCIPAL
DOS PROTÓTIPOS SÃO
PRODUTOS MELHORES.

51. c a r l a d e b o n a . c o m
@carladebona