A ARTE DEPROTOTIPAR

Criada por / e /

Douglas Hermann @DouglasHermannFelipe Plets @FelipePlets

TALKS.APPSTARTUP.ME/PROTOTIPAR

O QUE É UM PROTÓTIPO?

Representação total ou parcial de um sistema interativo;

Artefato tangível e não uma descrição abstrata;

Utilizado para visualizar e refletir sobre o sistema final.

PROTÓTIPOS, MOCKUPS EWIREFRAMES

WIREFRAMES

MOCKUPS

PROTOTYPES

POR QUE PROTOTIPAR?

A ÚNICA MANEIRA DE DESCOBRIR OQUE AS PESSOAS REALMENTE

QUEREM É PRESTANDO ATENÇÃONELAS.

"Prototypes let you create a caviar app on ahotdog budget, easily paying for themselves

in the end." - Carla White

DIMENSÕES DE UM PROTÓTIPO

Ex.:

REPRESENTAÇÃO

Papel;

Digital.

Ex.:

PRECISÃO

Baixa fidelidade;

Alta fidelidade.

Ex.:

INTERATIVIDADE

Apenas observar;

Interações básicas;

Totalmente interativo.

Ex.:

EVOLUÇÃO

Descartável;

Evolucionário;

Incremental.

COMECE PELO FLUXOGRAMA

MANTENHA SIMPLES

EXEMPLO DE FLUXOGRAMA

BAIXA FIDELIDADE

ESBOÇO COM PAPEL E CANETA

www.uistencils.com

ESTÊNCILS

ALTA FIDELIDADE

FERRAMENTAS

BALSAMIQ

FLUID UI

PENCIL PROJECT

PROTO.IO

PROTÓTIPOS FUNCIONAIS

Seja consistente.

Use exemplos reais.

Certifique-se que os controles da tela possam ser tocados.

Não vá a fundo nos detalhes.

VALIDAÇÃO

CRIATIVIDADE PARA VALIDAR

CAPTURE FEEDBACK "ÚTIL"

Use mais os olhos e ouvidos do que a boca.

Não discuta sobre sua App com o usuário.

Os testes devem durar poucos minutos.

A cada "huh?" que você escutar, você tem algo paraarrumar.

"GET IT?"

O que o usuário pensou sobre a app?

Por que ele pensou isso?

Entendeu o fluxo de navegação?

Entendeu o propósito dos controles?

"FIVE-SECOND TEST"

Chamou a atenção do usuário?

O que chamou mais a atenção?

O que chamou menos a atenção?

Aonde ele tocou primeiro?

Saiba mais em

OBRIGADO!

APPSTARTUP.ME

Criada por / e /

Douglas Hermann @DouglasHermannFelipe Plets @FelipePlets