wireframes making clients and developers happy ist
DESCRIPTION
Why should we use wireframes and prototypes in an Agile Development environment.TRANSCRIPT
![Page 1: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/1.jpg)
WIREFRAMESMaking Clients and Developers...
![Page 2: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/2.jpg)
WIREFRAMESHappyMaking Clients and Developers...
![Page 3: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/3.jpg)
NÃO ERA BEM ISTO QUE EU QUERIA ...
![Page 4: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/4.jpg)
http://www.projectcartoon.com
How the customer explained it
What as implemented
What the customer really
needed
![Page 5: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/5.jpg)
O QUE SÃO WIREFRAMES ?
http://bit.ly/aEHOrC
![Page 6: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/6.jpg)
O QUE SÃO WIREFRAMES ?
http://bit.ly/aEHOrC
WIRE + FRAME = ESQUELETO
![Page 7: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/7.jpg)
O QUE SÃO WIREFRAMES ?
http://bit.ly/aEHOrC
ESTRUTURAELEMENTOSRELEVÂNCIA PARA O TODOPASSOS DE UMA INTERAÇÃO
![Page 10: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/10.jpg)
O QUE SÃO WIREFRAMES ?
http://bit.ly/9kceF3
SIMPLICIDADE = MENOS TEMPO + FOCO
![Page 11: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/11.jpg)
O QUE SÃO WIREFRAMES ?
http://bit.ly/9kceF3
FUNCIONALIDADEEXPERIMENTAREXPLORARINTERAGIR
![Page 13: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/13.jpg)
IMPORTÂNCIA...
http://bit.ly/cuzjvW
COMEÇOPRODUTOCOLABORAÇÃOCOMUNICAÇÃO
MELHOR
![Page 15: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/15.jpg)
1. REQUISITOS
http://bit.ly/9b5w3U
WIREFRAMES = PENSAR = DESCOBERTA
![Page 17: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/17.jpg)
2. PROBLEMAShttp://bit.ly/gpXeF
QUANTO MAIS CEDO DETECTADOS, MENOR O SEU IMPACTO
![Page 19: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/19.jpg)
3. COLABORAÇÃO
http://bit.ly/aVax4V
OBJECTIVOS COMUNSCOESÃO
EQUIPATROCA DE IDEIAS
![Page 20: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/20.jpg)
3. COLABORAÇÃO
http://bit.ly/aVax4V
O QUÊ + O QUANDO + PORQUÊ = SEM SURPRESAS
![Page 21: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/21.jpg)
4. CLIENTES FELIZES
![Page 22: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/22.jpg)
Harris Lloyd-Levy
Users engage with UI mock-ups more than any other sort of model”
4. CLIENTES FELIZES
![Page 23: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/23.jpg)
4. CLIENTES FELIZES
FEEDBACK + “TESTES” = CAMINHO CERTO
![Page 24: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/24.jpg)
5. PLANEAMENTO
![Page 25: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/25.jpg)
5. PLANEAMENTOSABER À PARTIDA OS PROBLEMAS PERMITE-NOS TOMAR MELHOR DECISÕES
![Page 28: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/28.jpg)
6. NEGATIVOShttp://bit.ly/boSw7B
CLIENTES QUE NÃO GOSTAM
TOSCASABSTRACTAS
![Page 29: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/29.jpg)
6. NEGATIVOShttp://bit.ly/boSw7B
CLIENTES QUE GOSTAM
CONTROLO
![Page 30: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/30.jpg)
6. NEGATIVOShttp://bit.ly/boSw7B
DIFÍCIL DE DEMONSTRAR INTERACÇÕES COMPLEXAS
![Page 31: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/31.jpg)
GOOD vs. EVIL
REQUISITOS + PROBLEMAS + COLABORAÇÃO + PLANEAMENTO
CLIENTES + COMPLEXIDADE
![Page 32: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/32.jpg)
Chris Risdon
”I used to bitch about not having
good tools for wireframing in 1998but now I am paralyzed by the choice
CRIAR WIREFRAMES
![Page 33: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/33.jpg)
PAPEL
![Page 34: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/34.jpg)
PAPEL
![Page 35: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/35.jpg)
PAPEL
![Page 36: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/36.jpg)
PAPELExemplo - Mini Loja de música online
![Page 37: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/37.jpg)
PAPELExemplo - Mini Loja de música online
![Page 38: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/38.jpg)
PAPELExemplo - Mini Loja de música online
![Page 39: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/39.jpg)
PAPELExemplo - Mini Loja de música online
![Page 40: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/40.jpg)
PAPELExemplo - Mini Loja de música online
![Page 41: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/41.jpg)
PAPELExemplo - Mini Loja de música online
![Page 42: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/42.jpg)
BOXESFireworks
IllustratorOmniGraffle
![Page 43: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/43.jpg)
BOXES
![Page 44: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/44.jpg)
BOXES
![Page 45: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/45.jpg)
BOXES
![Page 46: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/46.jpg)
HIGH FIDELITY
Photoshop Pixelmator
![Page 47: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/47.jpg)
HIGH FIDELITY
![Page 48: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/48.jpg)
HIGH FIDELITY
![Page 49: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/49.jpg)
HIGH FIDELITY
![Page 50: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/50.jpg)
INTERACTIVE
![Page 51: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/51.jpg)
![Page 52: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/52.jpg)
![Page 53: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/53.jpg)
![Page 54: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/54.jpg)
SIMPLICIDADENAVEGAÇÃO PELAS PÁGINASPARTILHA DE ELEMENTOSCOMPORTAMENTOS COMPLEXOSPARTILHA
![Page 55: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/55.jpg)
FULL CYCLE
![Page 56: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/56.jpg)
COMPARAÇÃO
PAPEL +++++ +++++ +++
BOXES +++ ++++ ++++
HIGH FIDELIDY BONITASBONITASBONITAS
INTERACTIVE ++++ ++++ +++++
FULL CYCLE FUTUROFUTUROFUTURO
RAPIDEZ EQUIPA CLIENTE
![Page 58: Wireframes making clients and developers happy ist](https://reader033.vdocument.in/reader033/viewer/2022052900/555caecfd8b42aad358b50a2/html5/thumbnails/58.jpg)
CONCLUSÃO...
http://bit.ly/9kMoKO
MELHOR COMEÇOSIMPLESRÁPIDABARATAELIMINAR PROBLEMAS