Design continuo e integração com desenolvimento de softaware. Como o ágil, o lean e o usuário podem se dar bem.

2. Reprogramando
Design
BárbaraWolffDick,
Lead Designer @ TW

3. Uma das tragédias no desenvolvimento de
software, e em todo desenvolvimento de
produtos,é que muito do que construímos
não oferece o benefício que esperávamos.
Isso é um problema.

4. 1. O Produto trágico

7. "Qualquer coisa que possaser oferecidaa
um mercado para atenção, aquisição, uso ou
consumo, e que possa satisfazer um desejo.”
- PhillipKotler
O que é produto?

8. DESIGNTECNOLOGIA
NEGÓCIO

10. 2. Desenvolvimento
em duas frentes
(Dual track development)

11. DescobertaDesenvolvimento
Dual track development

12. • Concentra-se nas validação rápidas
• O objetivo é aprender (e não softwareem
produção)
• Descrevemos:
– o problema,
– para quemestamos resolvendo,
– a solução que precisamos construir para
resolver,
– e como medimossucesso
Trilha de Descoberta

13. Trilha de Desenvolvimento
• Concentra-se na previsibilidade
• Times buscam velocidade
• Qualidade de código é importante
• Software potencialmente entregável

14. Então, o que DTD não é?
IMPLEMENTAÇÃOPROTÓTIPOINTERFACE

15. IMPLEMENTAÇÃOPROTÓTIPOINTERFACE
Então, o que DTD não é?

16. IMPLEMENTAÇÃOPROTÓTIPOINTERFACE
Então, o que DTD não é?

17. 3. Técnicas e ferramentas

18. Um ciclo detalhado
PROTÓTIPO APRENDER
CONSTRUIR
M
EDIR
EXPERIMENTO
NECESSIDADE
PRIORIZAÇÃO
DE IDEIAS
PESQUISA E
OBSERVAÇÃO

19. Para rodar uma etapa de
discovery, você precisa:
• Uma hipótese
(história de usuário também vale);
• Um método para prototipar

20. Critérios para montar protótipos
Conteúdo Interação Visual Ideia
Compreensão dos textos,
instruções claras, facilidade
para tomar decisões
Movimento, torcas de
estado, como o usuário
navega no seu produto
Como as coisas se parecem,
princípios gráficos bem
aplicados, consistência.
Início de desenvolvimento de
conceitos, ideias pouco
lapidadas

21. Matrizde métodos
INTERAÇÃO
VISUAL
CO
N
TEÚ
D
O
ID
EIA
Protótipos
em papel
Rabiscos
colaborativos
Mocks em alta
fidelidade
Frameworking
(Componentização)
HTML/CSS
Ferramentas
de código

22. Protótipos em papel

23. Rabiscos colaborativos

24. Mocks de alta fidelidade

25. Ferramentas + código

26. Frameworking (componentização)

27. HTML/CSS

28. Dicas:
• Não tente fazer tudo com um
protótipo somente
• Desapegue do preciosismo, e divida
seus experimentos de acordo com
seus objetivos
• Mantenha o foco na sua hipótese

29. Protótipos
em papel
Frameworking
(Componentização)
Mocks em alta
fidelidade
Rabiscos
colaborativos
HTML/CSS
Ferramentas
de código
Baixa fidelidade
Alta fidelidade

30. A maneira mais cara de testar sua
ideia é desenvolver software e
colocar em produção.

31. Obrigada!
@barbarawolffd