Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A Arte de Prototipar

830 views

Published on

A melhor pessoa para dizer como sua App deve ser é o seu usuário, o problema é que não é fácil extrair essa valiosa informação dele. É neste ponto que os protótipos entram em cena, com poucas horas de investimento, estes te dão a oportunidade de mergulhar nos pensamentos dos usuários e obter o feedback necessário para fazer uma App matadora.

Published in: Technology
  • Be the first to comment

A Arte de Prototipar

  1. 1. A ARTE DE PROTOTIPAR Criada por Douglas Hermann / @DouglasHermann e Felipe Plets / @FelipePlets
  2. 2. TALKS.APPSTARTUP.ME/PROTOTIPAR
  3. 3. O QUE É UM PROTÓTIPO? Representação total ou parcial de um sistema interativo; Artefato tangível e não uma descrição abstrata; Utilizado para visualizar e refletir sobre o sistema final.
  4. 4. PROTÓTIPOS, MOCKUPS E WIREFRAMES
  5. 5. WIREFRAMES
  6. 6. MOCKUPS
  7. 7. PROTOTYPES
  8. 8. POR QUE PROTOTIPAR?
  9. 9. A ÚNICA MANEIRA DE DESCOBRIR O QUE AS PESSOAS REALMENTE QUEREM É PRESTANDO ATENÇÃO NELAS.
  10. 10. "Prototypes let you create a caviar app on a hotdog budget, easily paying for themselves in the end." - Carla White
  11. 11. DIMENSÕES DE UM PROTÓTIPO
  12. 12. REPRESENTAÇÃO Ex.: Papel; Digital.
  13. 13. PRECISÃO Ex.: Baixa fidelidade; Alta fidelidade.
  14. 14. INTERATIVIDADE Ex.: Apenas observar; Interações básicas; Totalmente interativo.
  15. 15. EVOLUÇÃO Ex.: Descartável; Evolucionário; Incremental.
  16. 16. COMECE PELO FLUXOGRAMA
  17. 17. MANTENHA SIMPLES
  18. 18. EXEMPLO DE FLUXOGRAMA
  19. 19. BAIXA FIDELIDADE
  20. 20. ESBOÇO COM PAPEL E CANETA
  21. 21. ESTÊNCILS www.uistencils.com
  22. 22. ALTA FIDELIDADE
  23. 23. FERRAMENTAS
  24. 24. BALSAMIQ
  25. 25. FLUID UI
  26. 26. PENCIL PROJECT
  27. 27. PROTO.IO
  28. 28. PROTÓTIPOS FUNCIONAIS Seja consistente. Use exemplos reais. Certifique-se que os controles da tela possam ser tocados. Não vá a fundo nos detalhes.
  29. 29. VALIDAÇÃO
  30. 30. CRIATIVIDADE PARA VALIDAR
  31. 31. CAPTURE FEEDBACK "ÚTIL" Use mais os olhos e ouvidos do que a boca. Não discuta sobre sua App com o usuário. Os testes devem durar poucos minutos. A cada "huh?" que você escutar, você tem algo para arrumar.
  32. 32. "GET IT?" O que o usuário pensou sobre a app? Por que ele pensou isso? Entendeu o fluxo de navegação? Entendeu o propósito dos controles?
  33. 33. "FIVE-SECOND TEST" Chamou a atenção do usuário? O que chamou mais a atenção? O que chamou menos a atenção? Aonde ele tocou primeiro?
  34. 34. OBRIGADO! Saiba mais em APPSTARTUP.ME Criada por Douglas Hermann / @DouglasHermann e Felipe Plets / @FelipePlets

×