[Web br 2016] Construindo a Experiência Juntos

Post on 19-Feb-2017

202 views 2 download

Transcript of [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

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

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

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)

A D O R O P I P O C A C O M S H O Y U

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

Á G I L ?

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/

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 …

CASO 1: CASCATA

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

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

CASO 2: BIG BANG

DESIGN "BIG BANG"

Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015

GRANDE PARTE DAS FEATURES NÃO SÃO USADAS

DESIGN "BIG BANG"

Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015

CASO 3: LEAN UX

24

LEAN UX

Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015

O MÍNIMO VIÁVEL PARA VALIDAÇÃO

25

LEAN UX

Fonte: http://www.slideshare.net/sahrosa/ux-para-desenvolvedores-qcon-rio-2015

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

DESIGN CONTÍNUO

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

É 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.

O D E S A F I O

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.

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

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

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

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

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

I S S O VA I A L É M D A I N T E R FA C E

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

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

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

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

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

P E S S O A S

E M PAT I A

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

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

C O L A B O R A Ç Ã O

P R I N C Í P I O S D E D E S I G N

51

F E E D B A C K D E D E S I G N

R A S C U N H O C O L A B O R AT I V O

PA R E A M E N T O P R O M Í S C U O

S O F T WA R E

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

A B U S E E U S E D O G I T H U B

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

M U D A N Ç A S

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

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

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

É 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 ?

É 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

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.