Aprenda a prototipar Apps e ferramentas de design para prototipação.

1. DESIGN
E
PROTOTIPAÇÃO
DE
APPS
PARA
NÃO
DESIGNERS
HOJE
EM
DIA
QUALQUER
UM
PODE
SER
UM
DESIGNER
DE
APPS
V E R S Ã O
3 . 0

2. λ Super Mim
λ Tornando-se super humano, hábito por hábito

3. "Nós somos aquilo que
fazemos repetidamente.
Excelência, então, não é um
modo de agir, mas um
hábito."

4. Loop do Hábito

5. Mílon de Crotona

6. Sucesso é um punhado de disciplinas simples,
praticadas todos os dias, enquanto que fracasso
é um punhado de erros de julgamento, repetidos
todos os dias.
—Jim Rohn

7. WWW.SUPERMIM.COM

9. Profissões em extinção?

10. Automatizando o possível

11. Reassumindo o controle

12. Automatização de Desenvolvimento de Software

13. Automatização de Desenvolvimento de Software

14. Automatização de Desenvolvimento de Software

15. Como se virar sem
um designer na
equipe?

19. Novo design

20. Novo design

21. Novo design

22. De que é feito um aplicativo Web?
λ HTML
λ CSS
λ Imagens
λ e vídeos
λ Javascript

23. Criando um HTML
<b>Texto em negrito</b>

24. Criando um HTML
<b>Texto em negrito</b>
<i>Texto em itálico</i>

25. Criando um HTML
<b>Texto em negrito</b>
<i>Texto em itálico</i>
<b><i>Texto em negrito e itálico</i></b>

26. HTML

27. CSS

28. E quanto a aplicativos mobile?
λ Para iPhone e iPad → Objective C ou Swift
λ Para Android → Java, XML

30. Protótipo de Aplicativos
λ Levantamento de Idéias
λ Desenhando os estados
λ Desenhando o fluxo de usuários
λ Protótipo de baixa fidelidade
λ Feedback dos usuários

31. Levantamento de dados
λ Como fazer o usuário sair de
A e ir para B
λ Comece com texto
λ Quadro ou papel
λ Feedback dos parceiros, não
de clientes e usuários

32. Diagrama de estados

33. Fluxo de Usuários

34. Fluxo de Usuários

35. Wireframes (baixa fidelidade)
λ Assim qu estiver contente com o fluxo, use Balsamiq para
criar os wireframes
λ Ainda colhe feedback, mas não de usuários/clientes

36. Balsamiq

37. InVision

38. InVision

39. InVision

40. InVision

41. Testando com usuários reais

42. Refinamento vs Exploração

43. Protótipos de Alta Fidelidade
λ Sugestão: Keynotopia

44. Design Final

45. Design Final

46. Terceirizando o Design

47. Terceirizando o Design

48. Terceirizando o Design

49. Terceirizando o Design

50. Bootstrap

51. Responsividade

52. JOÃO
FÁBIO
DE
OLIVEIRA