[Web br 2016] Construindo a Experiência Juntos
-
Upload
tassia-spinelli -
Category
Design
-
view
203 -
download
2
Transcript of [Web br 2016] Construindo a Experiência Juntos
![Page 1: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/1.jpg)
C O N S T R U I N D O A E X P E R I Ê N C I A
J U N T S
Web.br 2016 - Tássia Spinelli
![Page 2: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/2.jpg)
![Page 3: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/3.jpg)
![Page 4: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/4.jpg)
![Page 5: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/5.jpg)
![Page 6: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/6.jpg)
![Page 7: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/7.jpg)
C O N S T R U I N D O A E X P E R I Ê N C I A
J U N T O SInfluência e efetividade do design
contínuo em projetos ágeis
![Page 8: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/8.jpg)
![Page 9: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/9.jpg)
![Page 10: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/10.jpg)
D U A S V E R D A D E S E U M A M E N T I R A
S O B R E M I M
![Page 11: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/11.jpg)
Q U A N D O E R A C R I A N Ç A Q U E R I A S E R C I E N T I S TA
Margaret Mann Lesley (1891-1988)
![Page 12: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/12.jpg)
A D O R O P I P O C A C O M S H O Y U
![Page 13: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/13.jpg)
N U N C A D U V I D E I D E A M B I E N T E S
Á G E I S
![Page 14: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/14.jpg)
Á G I L ?
![Page 15: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/15.jpg)
Indivíduos e interação entre eles mais que processos e ferramentas
Software em funcionamento mais que documentação abrangente
Colaboração com o cliente mais que negociação de contratos
Responder a mudanças mais que seguir um plano
http://www.manifestoagil.com.br/
![Page 16: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/16.jpg)
A O L O N G O D O S A N O S , O E X P E R I E N C E D E S I G N F O I
S E T R A N S F O R M A N D O …
![Page 17: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/17.jpg)
CASO 1: CASCATA
![Page 18: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/18.jpg)
18
ANÁLISE DE
NEGÓCIOSARQUITETURA
DE INFORMAÇÃODESIGN
VISUALDESENVOLVIMENTO
FRONT-END
DESENVOLVIMENTO
BACK-END
DESIGN EM CASCATA
Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015
![Page 19: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/19.jpg)
19
ANÁLISE DE
NEGÓCIOSARQUITETURA
DE INFORMAÇÃODESIGN
VISUALDESENVOLVIMENTO
FRONT-END
DESENVOLVIMENTO
BACK-END
O "DESIGN" PERFEITO
DESIGN EM CASCATA
Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015
![Page 20: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/20.jpg)
CASO 2: BIG BANG
![Page 21: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/21.jpg)
DESIGN "BIG BANG"
Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015
![Page 22: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/22.jpg)
GRANDE PARTE DAS FEATURES NÃO SÃO USADAS
DESIGN "BIG BANG"
Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015
![Page 23: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/23.jpg)
CASO 3: LEAN UX
![Page 24: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/24.jpg)
24
LEAN UX
Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015
![Page 25: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/25.jpg)
O MÍNIMO VIÁVEL PARA VALIDAÇÃO
25
LEAN UX
Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015
![Page 26: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/26.jpg)
E se você pudesse ir adiante, ir além do quadro ágil do projeto e evoluir
continuamente o seu produto/serviço DE FORMA INTEGRADA?
DISRUPÇÃO
![Page 27: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/27.jpg)
DESIGN CONTÍNUO
![Page 28: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/28.jpg)
P E N S A R
FA Z E R
M E D I R
O entendimento do usuário deve ocorrer em partes, de maneira contínua
![Page 29: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/29.jpg)
É um estado ativo da mente, aquela em que já não está à procura de perfeição de forma isolada, mas sim usando aprendizagens a partir de validação para trazer uma nova criatividade à tona.
![Page 30: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/30.jpg)
O D E S A F I O
![Page 31: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/31.jpg)
Uma vez que tudo que a(o) designer tinha que se preocupar era em dar limites às opiniões excessivamente subjetivas das partes interessadas e "não educadas em design”, agora ela(ele) tem que se preocupar com a opinião coletiva (sem instrução) da onda de consumidores e que os dados está dizendo sobre seus esforços criativos.
![Page 32: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/32.jpg)
P O R O N D E C O M E Ç A R ?
![Page 33: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/33.jpg)
L E A N + P E N S A M E N T O D E D E S I G NO P R O C E S S O D E I N O VA Ç Ã O
ENTENDIMENTO HIPÓTESES
Gatilho
Problema geral
Medição
Solução específica
IDEAÇÃO ENTREGA
Visão e plano
Problema específico
DEFINIR ESTRATÉGIA EXECUTAR SOLUÇÃO
![Page 34: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/34.jpg)
A E X P E R I Ê N C I A D E U S O C O M O
R E S P O N S A B I L I D A D E D E T O D O S
![Page 35: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/35.jpg)
N Ã O C O N S T R U Í M O S M A I S E X P E R I Ê N C I A S D E P R O D U T O C O N S T R U Í M O S E C O S S I S T E M A S
![Page 36: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/36.jpg)
http://gnt.globo.com/programas/papo-de-segunda/videos/4676004.htm
![Page 37: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/37.jpg)
![Page 38: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/38.jpg)
I S S O VA I A L É M D A I N T E R FA C E
![Page 39: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/39.jpg)
A P R E N D A C O M A S B O A S P R ÁT I C A S D E D E S E N V O LV I M E N T O
![Page 40: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/40.jpg)
Design Contínuo é uma pratica de desenvolvimento de software de criar e modificar o design de um sistema à medida que é
desenvolvido, ao invés de especificar o sistema completamente antes que o desenvolvimento inicie (como no desenvolvimento
em cascata). Também chamado de “design evolutivo" ou “design incremental", o Design Contínuo foi popularizado pelo termo "Extreme programming”(XP). Design Contínuo também usa
desenvolvimento orientado a testes e refatoração.
W I K I P E D I A
![Page 41: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/41.jpg)
![Page 42: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/42.jpg)
I N T E G R A Ç Ã O C O N T Í N U A
A integração contínua é a prática de integração e testes de um novo
código com a base de código existente, e é uma condição
necessária para que o processo de entrega contínua possa acontecer
da forma correta.
A ideia é que está sempre integrando e verificando o trabalho das partes diferentes de um projeto
Imagem: http://fluent.software/wp-content/uploads/2016/09/IC831068.png
![Page 43: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/43.jpg)
E N T R E G A C O N T Í N U A
Continuous delivery nos deixa pensar a serio em continuous design.
A Entrega Contínua é um conjunto de práticas que tem como objetivo garantir
que o novo código pode ser implantado no ambiente de produção a qualquer
momento. Eles estão constantemente rodando uma pipeline de desenvolvimento que testa se o software está em um estado
para ser entregue.Imagem: http://www.accesa.eu/wp-content/uploads/
2015/11/Continuous-Delivery-schema.png
![Page 44: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/44.jpg)
A L G U M A S B A S E S E S T R U T U R A I S Q U E O D E S I G N C O N T Í N U O P R E C I S A PA R A E X I S T I R
![Page 45: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/45.jpg)
P E S S O A S
![Page 46: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/46.jpg)
E M PAT I A
![Page 47: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/47.jpg)
E M P O D E R A M E N T O
![Page 48: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/48.jpg)
C O N F I A N Ç A C R I AT I VA
![Page 49: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/49.jpg)
C O L A B O R A Ç Ã O
![Page 50: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/50.jpg)
P R I N C Í P I O S D E D E S I G N
![Page 51: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/51.jpg)
51
F E E D B A C K D E D E S I G N
![Page 52: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/52.jpg)
R A S C U N H O C O L A B O R AT I V O
![Page 53: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/53.jpg)
PA R E A M E N T O P R O M Í S C U O
![Page 54: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/54.jpg)
S O F T WA R E
![Page 55: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/55.jpg)
O F I M D A S D O C U M E N TA Ç Õ E S T R A D I C I O N A I S
Sem wireframes
Sem PSD:Fonte: https://www.thoughtworks.com/
radar/techniques/nopsd
![Page 56: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/56.jpg)
A B U S E E U S E D O G I T H U B
![Page 57: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/57.jpg)
O P E N D E S I G N
design multidisciplinar
design colaborativo
design open source
Fonte: http://www.slideshare.net/albogabriel/open-design-tdc-2015-gabriel-albo-e-samantha-rosa
![Page 58: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/58.jpg)
M U D A N Ç A S
![Page 59: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/59.jpg)
A D E U S H E R O Í S M O
![Page 60: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/60.jpg)
E N T R E G A O R I E N TA D A E M H I P Ó T E S E S
![Page 61: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/61.jpg)
61
O N G O I N G R E S E A R C H
E VA L U AT I O N
D E S I G N E X P E R I M E N T S
O ciclo continuo
NoPSD Hypothesis plan and execution Live Style Guides
Guerrilla User Testing A/B Testing Analytics
Guerrilla interviews Hypothesis ideation Success Criteria
![Page 62: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/62.jpg)
É P O S S Í V E L FA Z E R D E S I G N S E M D E S I G N E R ?
![Page 63: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/63.jpg)
![Page 64: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/64.jpg)
É H O R A D E Q U E B R A R O S S I L O S , U N I R O S C L Ã S E R E A L M E N T E P R O J E TA R
![Page 65: [Web br 2016] Construindo a Experiência Juntos](https://reader031.fdocumentos.tips/reader031/viewer/2022013013/58a8860b1a28abb47a8b60c3/html5/thumbnails/65.jpg)
Obrigada, Web.Br!
VA M O S M A N T E R C O N TAT O !
Medium @tassiaspinelli Twitter @tassiaspinelli
http://www.tassiaspinelli.com.br/
A G R A D E C I M E N T O S
Noun Project (Bee by alican), Unsplash, Visual Hunt, WOCinTech e Pixelbay pelas fotos e ícones.