85
Tá na hora do show! Vamos começar o design sprint Nelson Vasconcelos – Google UI/UX Expert Julho 2016 – Techleap

Design sprint workshop techleap

Embed Size (px)

Citation preview

Page 1: Design sprint workshop techleap

Tá na hora do show! Vamos começar o design sprint

Nelson Vasconcelos – Google UI/UX Expert Julho 2016 – Techleap

Page 2: Design sprint workshop techleap

Nelson Vasconcelos

Lead Product Designer no GuiaBolso

Membro do time de Experts de UI/UX do Google Experts Program

Certified Design Sprint Master

@nvasconcelos_

+NelsonVasconcelos

Page 3: Design sprint workshop techleap

Workshop de Design Sprint

13h30 Introdução ao design sprint e organização dos times 14h00 Entender 15h00 Definir 15h45 Intervalo :) 16h00 Divergir 17h00 Decidir 17h30 Prototipar 18h00 Apresentação dos times

Page 4: Design sprint workshop techleap

Introdução ao Design Sprint

Page 5: Design sprint workshop techleap

Agenda

• O que é um Design Sprint?

• Por que usar?

• Como é o processo?

• Onde posso saber mais?

Page 6: Design sprint workshop techleap

O que é Design Sprint?

Page 7: Design sprint workshop techleap

Um design sprint é simplesmente um brainstorming estruturado, baseado em design thinking e desenvolvimento ágil

Page 8: Design sprint workshop techleap

Origem

Gamestorming The Gamestorming

Book

Design Thinking IDEO

Stanford d.school

Agile Manifesto Scrum, XP, Crystal

Clear etc.

Page 9: Design sprint workshop techleap

Criação do design sprint

Jake Knapp @jakek

Google Ventures http://gv.com/sprint

Sprint: The Book http://goo.gl/VJmsVk

Page 10: Design sprint workshop techleap

– Tim Brown, CEO da IDEO

“Design thinking é uma disciplina que usa a sensibilidade do designer e métodos para atender as necessidades das pessoas com o que é tecnologicamente possível, e o que uma estratégia de negócios viável pode converter em valor ao consumidor e oportunidade de mercado.”

Page 11: Design sprint workshop techleap

Resumindo

UX

Negócios Engenharia

Focado no usuário

Tecnicamente viável

Resolve o objetivo do negócio

Page 12: Design sprint workshop techleap

Como funciona?

Page 13: Design sprint workshop techleap

Muito antes: Modelo em Cascata

1. Requerimento

2. Projeto

3. Implementação

4. Validação

5. Manutenção

Page 14: Design sprint workshop techleap

Mais comum: Processo Ágil

1

2

3

4

Idéia

Construir

Lançar

Aprender

No processo ágil, precisamos construir e lançar para poder aprender

Isso tem um custo e tempo muito elevado

O feedback do usuário geralmente vem depois do lançamento

Page 15: Design sprint workshop techleap

Como é no Design Sprint

1

2

3

4

Idéia

Construir

Lançar

Aprender

oferece aos times um atalho para o aprendizado, sem precisar construir e lançar.

Ajuda a dar um norte para projetos parados.

União do time.

Foco no usuário.

Design Sprint

Page 16: Design sprint workshop techleap

6 Etapas

ENTENDER DEFINIR DIVERGIR DECIDIR PROTOTIPAR VALIDAR

Page 17: Design sprint workshop techleap

Diamantes da inovação

Fase convergente

analisar, filtrar e selecionar o que foi

levantado na fase divergente.

Fase divergente

gerar novas idéias, oportunidades e conceitos.

Page 18: Design sprint workshop techleap

1. Entender

Mergulhar nas informações sobre usuários, requisitos técnicos, análise competitiva, etc…

Page 19: Design sprint workshop techleap

2. Definir

Explorar as oportunidades e definir foco de atuação

Page 20: Design sprint workshop techleap

3. Divergir

Desenvolver rapidamente o máximo de soluções possíveis

Page 21: Design sprint workshop techleap

4. Definir

Definir as melhores soluções

Page 22: Design sprint workshop techleap

5. Prototipar

Desenvolver um protótipo baseado na solução encontrada

Page 23: Design sprint workshop techleap

6. Validar

Testar com usuários e stakeholders a aderência da solução (ou soluções) encontrada

Page 24: Design sprint workshop techleap

Como aprender?

+

Page 25: Design sprint workshop techleap

Vamos colocar a mão na massa?

Dúvidas e feedback: [email protected]

Page 26: Design sprint workshop techleap

Disclaimer

Em um Design Sprint real as atividades que vamos fazer levam 4 dias!

Vamos tentar fazer em 4 horas! :)

Page 27: Design sprint workshop techleap

Vamos começar?

Guardem seus celulares e notebooks Em caso de necessidade, usem fora do ambiente

Page 28: Design sprint workshop techleap

Estágio 1

Entender

Page 29: Design sprint workshop techleap

Antes de tudo

Vamos começar pelo final

Page 30: Design sprint workshop techleap

Defina um objetivo de longo prazo

Por que estamos está fazendo esse projeto?

Onde queremos estar em 6 meses, 1 ano ou até 5 anos no futuro?

10 min

Page 31: Design sprint workshop techleap

Liste dúvidas de sprint

• Que perguntas queremos responder com o sprint?

• Para atingir nosso objetivo de longo prazo, o que deve acontecer?

• Imagine que você viajou ao futuro e seu projeto falhou. O que pode ter acontecido?

10 min

Page 32: Design sprint workshop techleap

Criando uma dúvida de sprint

P.: Para atrair novos consumidores, o que precisa acontecer?R.: Eles têm que confiar na nossa expertise

Transformando em uma dúvida de sprint:Os consumidores vão confiar em

nossa expertise?

Page 33: Design sprint workshop techleap

Mapeamento

Vamos criar o mapa do tesouro?

15 min

Page 34: Design sprint workshop techleap
Page 35: Design sprint workshop techleap

Regra #1

Simplifique

Page 36: Design sprint workshop techleap

Checklist

• Liste os atores envolvidos

• Comece o mapa pelo fim

• Escreva as etapas principais e ligue-os com flechas

• Pense entre 5 a 15 etapas

Page 37: Design sprint workshop techleap

Converse com os experts

“Isso aqui faz sentido?”

15 min

Page 38: Design sprint workshop techleap

Por que é importante?

UX

Negócios Tecnologia

Design e Pesquisa O que as pessoas precisam? O que é usável e amável?

Negócios, Vendas, Marketing Quais são os objetivos de negócio? O que é lucrativo?

Tecnologia O que é possível? Quais features vão ser desenvolvidas e quando?

Page 39: Design sprint workshop techleap

Exemplos de perguntas

• Esse mapa faz sentido para você?

• Tem algo que você mudaria?

• Tem alguma coisa que está faltando?

• Algum outro comentário?

Page 40: Design sprint workshop techleap

Anote tudo!Você vai usar essas anotações na próxima etapa

Page 41: Design sprint workshop techleap

How might we?

“Como nós podemos?”

10 min

Page 42: Design sprint workshop techleap

Como nós podemos?

• Liste todos os problemas e riscos que você anotou e que estão na sua cabeça

• Transforme seus problemas em oportunidades

• Use a caneta marca-texto, não use caneta e lápis

• Pense em quantidade, não qualidade

Page 43: Design sprint workshop techleap

Como significa que há soluções para esse problema.

Nós mostra que você não precisa encontrar a solução sozinho, você tem o seu time para te ajudar!

Podemos diz que não talvez não encontremos a solução, mas vamos tentar :)

Como nós podemos?

Page 44: Design sprint workshop techleap
Page 45: Design sprint workshop techleap

Estágio 2

Definir

Page 46: Design sprint workshop techleap

Objetivo

Definir uma estratégia e analisar qual é o melhor caminho para

alcançar a solução

Page 47: Design sprint workshop techleap

Leia e Organize

Leia as anotações e organize em grupos

5 min

Page 48: Design sprint workshop techleap

Zen Voting

Use os adesivos circulares para votar nas idéias/oportunidades mais importantes para você.

3 votos para os membros e 6 para o decisor

5 min

Page 49: Design sprint workshop techleap

Momento-chave5 min

• Selecione os HMWs mais votados e coloque-os no mapa, junto ao momento onde ele mais se encaixa

• Com toda essas informações, selecione e circule o momento-chave em todo mapa que deverá ser o foco do sprint

Page 50: Design sprint workshop techleap

Intervalo!!! (15 minutinhos!)

Page 51: Design sprint workshop techleap

Estágio 3

Divergir

Page 52: Design sprint workshop techleap

Objetivos

Vamos abrir a cabeça e pensar no máximo de soluções possíveis

Page 53: Design sprint workshop techleap

Trabalhe individualmente e em silêncio!Conversar e discutir idéias em grupo leva tempo demais :)

Page 54: Design sprint workshop techleap

Passo 1

Pesquise e anote

10 min

Page 55: Design sprint workshop techleap

Pesquise e anote

• Pegue uma folha e anote tudo que é relevante para você até o momento

• Pesquise por soluções na rede – celulares e computadores liberados :)

• Não pense em idéias ainda

• Não se esqueça: trabalhe individualmente!

10 min

Page 56: Design sprint workshop techleap

Passo 2

Escreva idéias

10 min

Page 57: Design sprint workshop techleap

Escreva idéias

• Escreva idéias (não precisa desenhar)

• Escreva ainda mais idéias!

• Não se esqueça: trabalhe individualmente!

10 min

Page 58: Design sprint workshop techleap

Passo 3

Crazy 8's

10 min

Page 59: Design sprint workshop techleap

Crazy 8's

• Pegue uma folha e dobre na metade 3 vezes

• Escolha uma das idéias que você teve

• Crie 8 soluções diferentes em apenas 5 minutos!!!!

5 min

Page 60: Design sprint workshop techleap
Page 61: Design sprint workshop techleap

Passo 4

Sketch de solução

10 min

Page 62: Design sprint workshop techleap

Sketch de solução

• Pegue uma Cartolina

• Faça um ou mais desenhos da solução – Você pode recortar e colar desenhos anteriores

• Faça uma descrição dessas etapas

• Crie um nome legal e divertido para essa solução

10 min

Page 63: Design sprint workshop techleap

Você não precisa ser um artista, basta ser compreensível :)

Page 64: Design sprint workshop techleap

Estágio 4

Decidir

Page 65: Design sprint workshop techleap

Objetivos

Analisar as soluções encontradas na etapa anterior, refinar e escolher a melhor combinação de idéias, de forma que conseguimos criar o melhor produto

possível.

Page 66: Design sprint workshop techleap

Passo 1

Museu de arte

5 min

Page 67: Design sprint workshop techleap

Observe e anote, em silêncio Leia todas as soluções e anote em um papel

os pontos mais interessantes

Page 68: Design sprint workshop techleap

Passo 2

Heat map

10 min

Page 69: Design sprint workshop techleap

Coloque adesivos nas partes mais interessantes e post-its abaixo quando houver alguma dúvida ou preocupação

Page 70: Design sprint workshop techleap

Passo 3

Vote

5 min

Page 71: Design sprint workshop techleap

Vote

• Pegue um adesivo (de cor diferente da usada no heatmap) e cole na sua solução favorita

5 min

Page 72: Design sprint workshop techleap

Passo 4

Voto do Decisor

5 min

Page 73: Design sprint workshop techleap

Voto do decisor

• O Decisor faz o voto final e escolhe a melhor solução, ou a melhor soma de soluções.

5 min

Page 74: Design sprint workshop techleap

Estágio 5

Prototipar

25 min

Page 75: Design sprint workshop techleap

Objetivo

Você vai criar e construir wireframes, mockups e protótipos navegáveis que você

vai testar com usuários reais.

Page 76: Design sprint workshop techleap

O que provavelmente vai dar tempo?

Storyboard

Page 77: Design sprint workshop techleap
Page 78: Design sprint workshop techleap

Você também pode

Criar um protótipo em papel

Page 79: Design sprint workshop techleap
Page 80: Design sprint workshop techleap
Page 81: Design sprint workshop techleap

https://goo.gl/1CEqN8

Pop app

Page 82: Design sprint workshop techleap

Estágio 6

Testar

Page 83: Design sprint workshop techleap

Not today :(

Mas finalizem seus protótipos e testem com usuários reais!

Page 84: Design sprint workshop techleap

Saiba mais

https://sprintstories.com/ http://www.thesprintbook.com/

Page 85: Design sprint workshop techleap

https://goo.gl/S0EMhi

Por favor deixe um feedback:

Obrigado!!!! :)

@nvasconcelos_

[email protected]