59
WIREFRAMES Making Clients and Developers...
| Date post: | 20-May-2015 |
| Category: |
Documents |
| Upload: | rodolfocaldeira |
| View: | 1,525 times |
| Download: | 1 times |
WIREFRAMESMaking Clients and Developers...
WIREFRAMESHappyMaking Clients and Developers...
NÃO ERA BEM ISTO QUE EU QUERIA ...
http://www.projectcartoon.com
How the customer explained it
What as implemented
What the customer really
needed
O QUE SÃO WIREFRAMES ?
http://bit.ly/aEHOrC
O QUE SÃO WIREFRAMES ?
http://bit.ly/aEHOrC
WIRE + FRAME = ESQUELETO
O QUE SÃO WIREFRAMES ?
http://bit.ly/aEHOrC
ESTRUTURAELEMENTOSRELEVÂNCIA PARA O TODOPASSOS DE UMA INTERAÇÃO
O QUE SÃO WIREFRAMES ?
http://bit.ly/9kceF3
SIMPLICIDADE = MENOS TEMPO + FOCO
O QUE SÃO WIREFRAMES ?
http://bit.ly/9kceF3
FUNCIONALIDADEEXPERIMENTAREXPLORARINTERAGIR
IMPORTÂNCIA...
http://bit.ly/cuzjvW
COMEÇOPRODUTOCOLABORAÇÃOCOMUNICAÇÃO
MELHOR
1. REQUISITOS
http://bit.ly/9b5w3U
WIREFRAMES = PENSAR = DESCOBERTA
2. PROBLEMAShttp://bit.ly/gpXeF
QUANTO MAIS CEDO DETECTADOS, MENOR O SEU IMPACTO
3. COLABORAÇÃO
http://bit.ly/aVax4V
OBJECTIVOS COMUNSCOESÃO
EQUIPATROCA DE IDEIAS
3. COLABORAÇÃO
http://bit.ly/aVax4V
O QUÊ + O QUANDO + PORQUÊ = SEM SURPRESAS
4. CLIENTES FELIZES
Harris Lloyd-Levy
Users engage with UI mock-ups more than any other sort of model”
4. CLIENTES FELIZES
4. CLIENTES FELIZES
FEEDBACK + “TESTES” = CAMINHO CERTO
5. PLANEAMENTO
5. PLANEAMENTOSABER À PARTIDA OS PROBLEMAS PERMITE-NOS TOMAR MELHOR DECISÕES
6. NEGATIVOShttp://bit.ly/boSw7B
CLIENTES QUE NÃO GOSTAM
TOSCASABSTRACTAS
6. NEGATIVOShttp://bit.ly/boSw7B
CLIENTES QUE GOSTAM
CONTROLO
6. NEGATIVOShttp://bit.ly/boSw7B
DIFÍCIL DE DEMONSTRAR INTERACÇÕES COMPLEXAS
GOOD vs. EVIL
REQUISITOS + PROBLEMAS + COLABORAÇÃO + PLANEAMENTO
CLIENTES + COMPLEXIDADE
Chris Risdon
”I used to bitch about not having
good tools for wireframing in 1998but now I am paralyzed by the choice
CRIAR WIREFRAMES
PAPEL
PAPEL
PAPEL
PAPELExemplo - Mini Loja de música online
PAPELExemplo - Mini Loja de música online
PAPELExemplo - Mini Loja de música online
PAPELExemplo - Mini Loja de música online
PAPELExemplo - Mini Loja de música online
PAPELExemplo - Mini Loja de música online
BOXESFireworks
IllustratorOmniGraffle
BOXES
BOXES
BOXES
HIGH FIDELITY
Photoshop Pixelmator
HIGH FIDELITY
HIGH FIDELITY
HIGH FIDELITY
INTERACTIVE
SIMPLICIDADENAVEGAÇÃO PELAS PÁGINASPARTILHA DE ELEMENTOSCOMPORTAMENTOS COMPLEXOSPARTILHA
FULL CYCLE
COMPARAÇÃO
PAPEL +++++ +++++ +++
BOXES +++ ++++ ++++
HIGH FIDELIDY BONITASBONITASBONITAS
INTERACTIVE ++++ ++++ +++++
FULL CYCLE FUTUROFUTUROFUTURO
RAPIDEZ EQUIPA CLIENTE
CONCLUSÃO...
http://bit.ly/9kMoKO
MELHOR COMEÇOSIMPLESRÁPIDABARATAELIMINAR PROBLEMAS
