[Web br 2016] Construindo a Experiência Juntos

65
CONSTRUINDO A EXPERIÊNCIA JUNT S Web.br 2016 - Tássia Spinelli

Transcript of [Web br 2016] Construindo a Experiência Juntos

Page 1: [Web br 2016] Construindo a Experiência Juntos

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
Page 3: [Web br 2016] Construindo a Experiência Juntos
Page 4: [Web br 2016] Construindo a Experiência Juntos
Page 5: [Web br 2016] Construindo a Experiência Juntos
Page 6: [Web br 2016] Construindo a Experiência Juntos
Page 7: [Web br 2016] Construindo a Experiência Juntos

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
Page 9: [Web br 2016] Construindo a Experiência Juntos
Page 10: [Web br 2016] Construindo a Experiência Juntos

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

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

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

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

Á G I L ?

Page 15: [Web br 2016] Construindo a Experiência Juntos

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

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

CASO 1: CASCATA

Page 18: [Web br 2016] Construindo a Experiência Juntos

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

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

CASO 2: BIG BANG

Page 21: [Web br 2016] Construindo a Experiência Juntos

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

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

CASO 3: LEAN UX

Page 24: [Web br 2016] Construindo a Experiência Juntos

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

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

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

DESIGN CONTÍNUO

Page 28: [Web br 2016] Construindo a Experiência Juntos

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

É 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

O D E S A F I O

Page 31: [Web br 2016] Construindo a Experiência Juntos

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

P O R O N D E C O M E Ç A R ?

Page 33: [Web br 2016] Construindo a Experiência Juntos

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

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

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

http://gnt.globo.com/programas/papo-de-segunda/videos/4676004.htm

Page 37: [Web br 2016] Construindo a Experiência Juntos
Page 38: [Web br 2016] Construindo a Experiência Juntos

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

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

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
Page 42: [Web br 2016] Construindo a Experiência Juntos

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

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

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

P E S S O A S

Page 46: [Web br 2016] Construindo a Experiência Juntos

E M PAT I A

Page 47: [Web br 2016] Construindo a Experiência Juntos

E M P O D E R A M E N T O

Page 48: [Web br 2016] Construindo a Experiência Juntos

C O N F I A N Ç A C R I AT I VA

Page 49: [Web br 2016] Construindo a Experiência Juntos

C O L A B O R A Ç Ã O

Page 50: [Web br 2016] Construindo a Experiência Juntos

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

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

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

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

S O F T WA R E

Page 55: [Web br 2016] Construindo a Experiência Juntos

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

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

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

M U D A N Ç A S

Page 59: [Web br 2016] Construindo a Experiência Juntos

A D E U S H E R O Í S M O

Page 60: [Web br 2016] Construindo a Experiência Juntos

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

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

É 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
Page 64: [Web br 2016] Construindo a Experiência Juntos

É 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

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.