wireframes making clients and developers happy ist

Post on 20-May-2015

1.523 Views

Category:

Documents

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

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

TRANSCRIPT

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

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

O QUE SÃO WIREFRAMES ?

http://bit.ly/9kceF3

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

IMPORTÂNCIA...

http://bit.ly/cuzjvW

COMEÇOPRODUTOCOLABORAÇÃOCOMUNICAÇÃO

MELHOR

1. REQUISITOS

http://bit.ly/9b5w3U

1. REQUISITOS

http://bit.ly/9b5w3U

WIREFRAMES = PENSAR = DESCOBERTA

2. PROBLEMAShttp://bit.ly/gpXeF

2. PROBLEMAShttp://bit.ly/gpXeF

QUANTO MAIS CEDO DETECTADOS, MENOR O SEU IMPACTO

3. COLABORAÇÃO

http://bit.ly/aVax4V

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

http://bit.ly/c7cDit

MAS NEM É TUDO POSITIVO...

6. NEGATIVOShttp://bit.ly/boSw7B

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

CONCLUSÃO...

http://bit.ly/9kMoKO

MELHOR COMEÇOSIMPLESRÁPIDABARATAELIMINAR PROBLEMAS

AND THAT’S WHY IT WILLMAKE YOU AND OTHERS HAPPY

http://www.opensoft.pt

RODOLFO CALDEIRAme@rodolfocaldeira.com

top related