Why should we use wireframes and prototypes in an Agile Development environment.

1. WIREFRAMES
Making Clients and Developers...

2. WIREFRAMES
Making Clients and Developers... Happy

3. NÃO ERA BEM ISTO QUE EU
QUERIA ...

4. How the customer What as What the
explained it implemented customer really
needed
http://www.projectcartoon.com

5. O QUE SÃO
WIREFRAMES ?
http://bit.ly/aEHOrC

6. WIRE + FRAME = ESQUELETO
O QUE SÃO
WIREFRAMES ?
http://bit.ly/aEHOrC

7. ESTRUTURA
ELEMENTOS
RELEVÂNCIA PARA O TODO
PASSOS DE UMA INTERAÇÃO
O QUE SÃO
WIREFRAMES ?
http://bit.ly/aEHOrC

8. O QUE SÃO
WIREFRAMES ?
http://bit.ly/9kceF3

9. O QUE SÃO
WIREFRAMES ?
http://bit.ly/9kceF3

10. SIMPLICIDADE = MENOS TEMPO + FOCO
O QUE SÃO
WIREFRAMES ?
http://bit.ly/9kceF3

11. FUNCIONALIDADE
EXPERIMENTAR
EXPLORAR
INTERAGIR
O QUE SÃO
WIREFRAMES ?
http://bit.ly/9kceF3

12. IMPORTÂNCIA...
http://bit.ly/cuzjvW

13. COMEÇO
PRODUTO
IMPORTÂNCIA... MELHOR
COLABORAÇÃO
COMUNICAÇÃO
http://bit.ly/cuzjvW

14. 1. REQUISITOS
http://bit.ly/9b5w3U

15. 1. REQUISITOS
WIREFRAMES = PENSAR = DESCOBERTA
http://bit.ly/9b5w3U

16. 2. PROBLEMAS
http://bit.ly/gpXeF

17. QUANTO MAIS CEDO DETECTADOS,
MENOR O SEU IMPACTO
2. PROBLEMAS
http://bit.ly/gpXeF

18. 3. COLABORAÇÃO
http://bit.ly/aVax4V

19. 3. COLABORAÇÃO
EQUIPA
TROCA DE IDEIAS
OBJECTIVOS COMUNS
COESÃO
http://bit.ly/aVax4V

20. 3. COLABORAÇÃO
O QUÊ + O QUANDO + PORQUÊ = SEM SURPRESAS
http://bit.ly/aVax4V

21. 4. CLIENTES FELIZES

22. 4. CLIENTES FELIZES
Users engage with UI mock-ups more
than any other sort of model ”
Harris Lloyd-Levy

23. 4. CLIENTES FELIZES
FEEDBACK + “TESTES” = CAMINHO CERTO

24. 5. PLANEAMENTO

25. SABER À PARTIDA
OS PROBLEMAS
5. PLANEAMENTO PERMITE-NOS TOMAR
MELHOR DECISÕES

26. MAS NEM É TUDO POSITIVO...
http://bit.ly/c7cDit

27. 6. NEGATIVOS
http://bit.ly/boSw7B

28. CLIENTES QUE TOSCAS
NÃO GOSTAM ABSTRACTAS
6. NEGATIVOS
http://bit.ly/boSw7B

29. CLIENTES QUE
CONTROLO
GOSTAM
6. NEGATIVOS
http://bit.ly/boSw7B

30. DIFÍCIL DE DEMONSTRAR INTERACÇÕES COMPLEXAS
6. NEGATIVOS
http://bit.ly/boSw7B

31. GOOD vs. EVIL
REQUISITOS + PROBLEMAS + COLABORAÇÃO +
PLANEAMENTO
CLIENTES + COMPLEXIDADE

32. CRIAR WIREFRAMES
I used to bitch about not having
”
good tools for wireframing in 1998
but now I am paralyzed by the choice
Chris Risdon

33. PAPEL

34. PAPEL

35. PAPEL

36. PAPEL
Exemplo - Mini Loja
de música online

37. PAPEL
Exemplo - Mini Loja
de música online

38. PAPEL
Exemplo - Mini Loja
de música online

39. PAPEL
Exemplo - Mini Loja
de música online

40. PAPEL
Exemplo - Mini Loja
de música online

41. PAPEL
Exemplo - Mini Loja
de música online

42. Fireworks
BOXES
OmniGraffle Illustrator

43. BOXES

44. BOXES

45. BOXES

46. HIGH FIDELITY
Photoshop Pixelmator

47. HIGH FIDELITY

48. HIGH FIDELITY

49. HIGH FIDELITY

50. INTERACTIVE

54. SIMPLICIDADE
NAVEGAÇÃO PELAS PÁGINAS
PARTILHA DE ELEMENTOS
COMPORTAMENTOS COMPLEXOS
PARTILHA

55. FULL CYCLE

56. COMPARAÇÃO
RAPIDEZ EQUIPA CLIENTE
PAPEL +++++ +++++ +++
BOXES +++ ++++ ++++
HIGH FIDELIDY BONITAS
INTERACTIVE ++++ ++++ +++++
FULL CYCLE FUTURO

57. CONCLUSÃO...
http://bit.ly/9kMoKO

58. MELHOR COMEÇO
SIMPLES
CONCLUSÃO... RÁPIDA
BARATA
ELIMINAR PROBLEMAS
http://bit.ly/9kMoKO

59. AND THAT’S WHY IT WILL
MAKE YOU AND OTHERS HAPPY
RODOLFO CALDEIRA
me@rodolfocaldeira.com
http://www.opensoft.pt