SlideShare uma empresa Scribd logo
Introdução ao Design Sprint
Nelson Vasconcelos – Google UI/UX Expert
Fevereiro 2016 – Fullstackers Meetup
Agenda
• O que é um Design Sprint?
• Por que usar?
• Como é o processo?
• Onde posso saber mais?
Nelson Vasconcelos
Lead Product Designer no GuiaBolso
Membro do time de Experts de UI/UX
do Google
Design Sprint Master
@nvasconcelos_
+NelsonVasconcelos
O que é Design Sprint?
Um design sprint é simplesmente um
brainstorming estruturado, baseado em
design thinking e desenvolvimento ágil
Origem
Gamestorming
The Gamestorming
Book
Design Thinking
IDEO
Stanford d.school
Agile Manifesto
Scrum, XP, Crystal
Clear etc.
Criação do design sprint
Jake Knapp
@jakek
Google Ventures
http://gv.com/sprint
Sprint: The Book
http://goo.gl/VJmsVk
– 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.”
Resumindo
UX
Negócios Engenharia
Focado no usuário
Tecnicamente viável
Resolve o objetivo do negócio
Como funciona?
Muito antes: Modelo em Cascata
1. Requerimento
2. Projeto
3. Implementação
4. Validação
5. Manutenção
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
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
6 Etapas
ENTENDER DEFINIR DIVERGIR DECIDIR PROTOTIPAR VALIDAR
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.
1. Entender
Mergulhar nas informações sobre usuários, requisitos técnicos,
análise competitiva, etc…
2. Definir
Explorar as oportunidades e definir foco de atuação
3. Divergir
Desenvolver rapidamente o máximo de soluções possíveis
4. Definir
Definir as melhores soluções
5. Prototipar
Desenvolver um protótipo baseado na solução encontrada
6. Validar
Testar com usuários e stakeholders a aderência da
solução (ou soluções) encontrada
Como aprender?
E hoje?
Vamos fazer um design sprint com o objetivo
de prototipar um aplicativo cívico para
Android, seguindo seus padrões e estilo visual
Obrigado!
e até daqui a pouco :)
Dúvidas e feedback: nelson@nvasconcelos.com
Tá na hora do show!
Vamos começar o design sprint
Agenda
13h30 Entender
14h30 Definir
15h00 Intervalo :)
15h15 Material Design
15h30 Divergir
16h00 Decidir
16h15 Prototipar
17h00 Encerramento
Estágio 1
Entender
Apresentem-se! =)
10 min
Antes de tudo
Vamos definir o desafio
Objetivos
Claridade no produto, necessidades do
usuário, o mercado, e possibilidades
tecnológicas
Vamos alimentar o pensamento!
Que problemas queremos resolver?
Desafio de design
• Conversa entre os stakeholders
• Identificar o que já foi feito
• Revisar tudo o que sabemos do usuário
• Revisar designs (se houver)
Primeiras etapas
• Ter um propósito
• Conciso e inspirador
• Direcionado para usuários
• Alinhado e com prazo
Desafio de design
Exemplo de desafio de design
“Projetar um app móvel que ajude um visitante a planejar
e encontrar as atividades mais relevantes, divertidas e
personalizadas em uma cidade sendo que ele tem apenas
um dia disponível.
Entregáveis: Um protótipo navegável que vai ser implementado em junho
de 2016.
Exemplo de desafio de design
“Projetar um app móvel que ajude um visitante a planejar
e encontrar as atividades mais relevantes, divertidas e
personalizadas em uma cidade sendo que ele tem apenas
um dia disponível.
Entregáveis: Um protótipo navegável que vai ser implementado em junho
de 2016.
Entregáveis Quando?
Quem é o usuário?
O que ele vai fazer?
15 min
Modos de entendimento
• Conversas rápidas em 360º
• Entrevista com usuários
• Visitar usuários em campo
• Stakeholder map
• Overview de competidores
Não se esqueça de
resumir tudo aqui
Anote tudo!
Visão em 360º
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?
Como entrevistar um usuário?
TempoOlá!!!!
Apresente o projeto
Construa
harmonia
e engajamento
Explore as emoções
Questione as
decisões
Obrigado
e tchau! :)
Incentive as
histórias
relevantes
Elabore com seu time um roteiro de perguntas
direcionadas a conhecer melhor seu usuário, suas
necessidades, anseios, expectativas
1. Evite perguntas de cunho demográfico
2. Foque em ouvir. Peça para outro do time fazer as
anotações
3. Comece com perguntas mais abrangentes e depois
entre nos detalhes
4. Incentive histórias, mas apenas relevante ao seu
problema
5. Pense que o roteiro é um guia, não uma regra
6. Tente identificar o fluxo pelo qual o usuário vai passar
em seu produto
10 min
Entreviste o seu usuário =)
10 min
Criando uma persona
Fulano é ______________________
que precisa de ________________________________
e quer que a experiência seja _____________________
Porque eles valorizam ____________________________
Quem?
O quê?
Como?
Por quê?
5 min
How might we?
How assumes solutions may exist
Might says we don't have to find a
solution, but let's try.
We is all about finding creative
solutions together with your team.
10 min
Estágio 2
Definir
Objetivo
Definir uma estratégia e analisar qual é o
melhor caminho para alcançar a solução
Leia e Organize
Leia as idéias e
organize em grupos
5 min
Zen Voting
Use os adesivos
circulares para votar
nas melhores idéias
5 min
O caminho dourado
Usuário entra
no app
Recebe e ama
Busca Vê um produto Compra
Modifica o pedido
Navega por recomendações
O caminho dourado é onde definimos quais são os momentos-chave que o
usuário faz para encontrar aquilo que eles buscavam em primeiro lugar
10 min
Como definir se o problema é mesmo um
problema?
Heart Framework
HAPPINESS
ENGAGEMENT
ADOPTION
RETENTION
TASK SUCCESS
Happiness: métricas de percepção de atitude
do usuário. Ex.: NPS
Engagement: nível de envolvimento do
usuário. Ex.: Page views
Adption: novos usuários de um produto ou
funcionalidade. Ex.: Quantidade de cartões
salvos no último mês
Retention: taxa ou retorno dos usuários. Ex.:
Quantos usuários ativos de um período
continuam presentes em um período posterior
Task success: eficiência, efetividade, taxa de
erro. Ex.: Pessoas que terminaram ou
abandonaram um cadastro no site
5 min
Princípios de design
Mentor
Fácil de aprender
Divertido
Simples
O primeiro Tweet!
“Metas de ano novo? Com o GuiaBolso você
consegue! #sempreBrilhando”
Agenda
13h30 Entender
14h30 Definir
15h00 Intervalo :)
15h15 Material Design
15h30 Divergir
16h00 Decidir
16h15 Prototipar
17h00 Encerramento
Intervalo!!!
(15 minutinhos!)
Material Design
O que é Material Design
http://google.com/design/spec
2 Objetivos
Primeiro objetivo
Primeiro objetivo
Sintetizar os princípios
clássicos do bom design
com a inovação e
possibilidades da ciência
e tecnologia
Segundo objetivo
Segundo objetivo
Desenvolver um sistema
que permita uma
experiência unificada em
todas as plataformas e
tamanhos de dispositivos
Princípios
Material é a metáfora Audacioso, gráfico,
intencional
O movimento traz
significado
Material é a metáfora
As superfícies possuem elevação
Tudo que vai na superfície, não
As superfícies são intuitivas e naturais
flexibilidade do material
cria novas affordances
que substituem aquelas
do mundo físico, sem
quebrar as regras da
física.
Ao ser tocada, uma superfície se eleva como se o seu dedo a atraísse.
Audacioso, inconfundível,
intencional
Cores, superfícies, e iconografia enfatizam as ações
Estes elementos fazem muito mais
do que agradar aos olhos. Eles
criam hierarquia, significado e
foco.
Quando você relaciona os elementos de uma interface de usando
proporção e consistência, você reduz a quantidade de informação
não essencial e deixa o conteúdo mais claro e objetivo.
Grid de Colunas Grid Modular
O movimento gera
significado
Benefícios
Trello: aumento do engajamento
“Um de nossos principais temas durante o
redesign para Material Design foi
simplicidade, e achamos que conseguimos
isso bem.”
- Hamid, Mobile Lead
• 10% de aumento nas sessões por
usuário por semana
• 42% mais boards criadas por sessão
• 63% mais pessoas adicionadas a
boards por sessão
The Hunt: primeiro uso e o FAB
“O Material Design foi uma ótima forma de
começar a construir nosso app para Android,
e foi como ter um time de design experts
ajudando você a criar o melhor app.”
- Jenny Davis, Product Designer
• 30% de aumento de usuários criando
“hunts” em comparação com
plataformas sem Material Design.
Aumentando o lucro: Pocket Casts
“O investimento no redesign para Material
Design deu retorno e fez nosso app ficar
muito melhor… a recepção que tivemos foi
impressionante. As pessoas amaram.”
- Philip Simpson, Co-founder e dev Android
• 30% de aumento em vendas desde o
redesign para Material Design
Encantando usuários e aumentando vendas:
B&H Photo Video
“Não poderia ser melhor, esse app certamente
é um dos melhores que já usei.”
“Melhor que o site - Eu uso a loja com
frequência e este app é realmente útil.”
“Tudo está tão bem organizado que fica até
divertido passear pelas diferentes sessões do
app!”
• 5x de aumento de pedidos pelo app
desde o redesign
• 700% de aumento em vendas!
https://g-design.storage.googleapis.com/production/v5/assets/renditions/
article_brand_carousel_4-667f89c1-ee2fcb46-1240@2x.jpg
https://design.google.com/articles/expressing-brand-in-material/
Inspiração
g.co/materialshowcase
materialup.com
Estágio 3
Divergir
Objetivos
Vamos abrir a cabeça e pensar no
máximo de soluções possíveis
Crazy 8’s - 8 idéias em 5 minutos
Estágio 4
Decidir
Objetivos
Discutir 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.
Zen Voting
Use os voting dots para votar nas melhores idéias!
Estágio 5
Prototipar
Objetivo
Você vai criar e construir wireframes,
mockups e protótipos navegáveis que você
vai testar com usuários reais.
https://goo.gl/
1CEqN8
Pop app

Mais conteúdo relacionado

Mais procurados

The design sprint v1.0
The design sprint v1.0The design sprint v1.0
The design sprint v1.0
Claudio Teixeira
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint Workshop
Ana Paula Batista
 
[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza
[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza
[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza
Coletivo AÇÃO | Criando ambientes colaborativos e criativos
 
Sprint Lab baseado no Google Design Sprint
Sprint Lab baseado no Google Design SprintSprint Lab baseado no Google Design Sprint
Sprint Lab baseado no Google Design Sprint
Heller de Paula
 
Onboarding: Uma questão de sobrevivência - Nelson Vasconcelos
Onboarding: Uma questão de sobrevivência - Nelson VasconcelosOnboarding: Uma questão de sobrevivência - Nelson Vasconcelos
Onboarding: Uma questão de sobrevivência - Nelson Vasconcelos
Nelson Vasconcelos
 
Google Design Sprint
Google Design SprintGoogle Design Sprint
Google Design Sprint
Pedro Prá
 
Design thinking aplicado ao serviço público
Design thinking aplicado ao serviço públicoDesign thinking aplicado ao serviço público
Design thinking aplicado ao serviço público
Colaborativismo
 
Product Design Sprint
Product Design SprintProduct Design Sprint
Product Design Sprint
Robson Santos
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
Nelson Vasconcelos
 
De Arquiteto a Detetive da Informação
De Arquiteto a Detetive da InformaçãoDe Arquiteto a Detetive da Informação
De Arquiteto a Detetive da Informação
Ana Paula Batista
 
Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.
Ana Paula Batista
 
Design Sprint - Método Google para Inovação - by Erica Marques
Design Sprint - Método Google para Inovação - by Erica MarquesDesign Sprint - Método Google para Inovação - by Erica Marques
Design Sprint - Método Google para Inovação - by Erica Marques
Erica Marques
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
Ana Paula Batista
 
Jundevelopers - Design Sprint
Jundevelopers - Design SprintJundevelopers - Design Sprint
Jundevelopers - Design Sprint
Fernando Barbieri
 
Construindo um produto - da ideia ao desenvolvimento
Construindo um produto - da ideia ao desenvolvimentoConstruindo um produto - da ideia ao desenvolvimento
Construindo um produto - da ideia ao desenvolvimento
Ana Paula Batista
 
Product Design Sprint - Meetech Talk
Product Design Sprint - Meetech TalkProduct Design Sprint - Meetech Talk
Product Design Sprint - Meetech Talk
Danilo Oliveira
 
Moderando Testes de Usabilidade
Moderando Testes de UsabilidadeModerando Testes de Usabilidade
Moderando Testes de Usabilidade
Ana Paula Batista
 
Empreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design SprintEmpreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design Sprint
Ana Paula Batista
 
Um Ano de Design Sprint (agilidade, colaboração e aprendizados) - Huxley Dias
Um Ano de Design Sprint (agilidade, colaboração e aprendizados)  - Huxley DiasUm Ano de Design Sprint (agilidade, colaboração e aprendizados)  - Huxley Dias
Um Ano de Design Sprint (agilidade, colaboração e aprendizados) - Huxley Dias
Huxley Dias
 
Design Sprint e a importância de métodos de cocriação
Design Sprint e a importância de métodos de cocriaçãoDesign Sprint e a importância de métodos de cocriação
Design Sprint e a importância de métodos de cocriação
Ana Coli
 

Mais procurados (20)

The design sprint v1.0
The design sprint v1.0The design sprint v1.0
The design sprint v1.0
 
Hack2B - Design Sprint Workshop
Hack2B - Design Sprint WorkshopHack2B - Design Sprint Workshop
Hack2B - Design Sprint Workshop
 
[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza
[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza
[Coletivo Ação] Webinar introdução ao Design Sprint Com Mayra de Souza
 
Sprint Lab baseado no Google Design Sprint
Sprint Lab baseado no Google Design SprintSprint Lab baseado no Google Design Sprint
Sprint Lab baseado no Google Design Sprint
 
Onboarding: Uma questão de sobrevivência - Nelson Vasconcelos
Onboarding: Uma questão de sobrevivência - Nelson VasconcelosOnboarding: Uma questão de sobrevivência - Nelson Vasconcelos
Onboarding: Uma questão de sobrevivência - Nelson Vasconcelos
 
Google Design Sprint
Google Design SprintGoogle Design Sprint
Google Design Sprint
 
Design thinking aplicado ao serviço público
Design thinking aplicado ao serviço públicoDesign thinking aplicado ao serviço público
Design thinking aplicado ao serviço público
 
Product Design Sprint
Product Design SprintProduct Design Sprint
Product Design Sprint
 
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
UX and Material Design: Criando Aplicativos Android do Jeito Certo - Androido...
 
De Arquiteto a Detetive da Informação
De Arquiteto a Detetive da InformaçãoDe Arquiteto a Detetive da Informação
De Arquiteto a Detetive da Informação
 
Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.Design Sprint: seu MLP em até 5 dias.
Design Sprint: seu MLP em até 5 dias.
 
Design Sprint - Método Google para Inovação - by Erica Marques
Design Sprint - Método Google para Inovação - by Erica MarquesDesign Sprint - Método Google para Inovação - by Erica Marques
Design Sprint - Método Google para Inovação - by Erica Marques
 
UX para Startups
UX para StartupsUX para Startups
UX para Startups
 
Jundevelopers - Design Sprint
Jundevelopers - Design SprintJundevelopers - Design Sprint
Jundevelopers - Design Sprint
 
Construindo um produto - da ideia ao desenvolvimento
Construindo um produto - da ideia ao desenvolvimentoConstruindo um produto - da ideia ao desenvolvimento
Construindo um produto - da ideia ao desenvolvimento
 
Product Design Sprint - Meetech Talk
Product Design Sprint - Meetech TalkProduct Design Sprint - Meetech Talk
Product Design Sprint - Meetech Talk
 
Moderando Testes de Usabilidade
Moderando Testes de UsabilidadeModerando Testes de Usabilidade
Moderando Testes de Usabilidade
 
Empreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design SprintEmpreendedorismo UFMG - Design Sprint
Empreendedorismo UFMG - Design Sprint
 
Um Ano de Design Sprint (agilidade, colaboração e aprendizados) - Huxley Dias
Um Ano de Design Sprint (agilidade, colaboração e aprendizados)  - Huxley DiasUm Ano de Design Sprint (agilidade, colaboração e aprendizados)  - Huxley Dias
Um Ano de Design Sprint (agilidade, colaboração e aprendizados) - Huxley Dias
 
Design Sprint e a importância de métodos de cocriação
Design Sprint e a importância de métodos de cocriaçãoDesign Sprint e a importância de métodos de cocriação
Design Sprint e a importância de métodos de cocriação
 

Semelhante a Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android

UX Culture
UX Culture UX Culture
UX Culture
Ítalo Waxman
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
mfiorelli
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
Erico Fileno
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
Erico Fileno
 
User eXperience
User eXperienceUser eXperience
User eXperience
Daniel Paz de Araújo
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
Davi Busanello
 
[TDC'16] UX para Profissionais de Negócios
[TDC'16] UX para Profissionais de Negócios[TDC'16] UX para Profissionais de Negócios
[TDC'16] UX para Profissionais de Negócios
Flavio Nazario
 
Workshop Design Thinking
Workshop Design ThinkingWorkshop Design Thinking
Workshop Design Thinking
Renato Angelo Poulicer
 
Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0
Catarinas Design de Interação
 
UX para desenvolvedores - Procempa 2016
UX para desenvolvedores - Procempa 2016UX para desenvolvedores - Procempa 2016
UX para desenvolvedores - Procempa 2016
Samantha Rosa
 
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
Rafael Burity
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
Suzi Sarmento
 
Processo de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingProcesso de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design Thinking
Coletivo Mola
 
The role of product manager
The role of product managerThe role of product manager
The role of product manager
Lucas F Navarro
 
Experiência do Usuário e Jornada do Usuário
Experiência do Usuário e Jornada do Usuário Experiência do Usuário e Jornada do Usuário
Experiência do Usuário e Jornada do Usuário
Raiana Comiran
 
Startup weekend guia do participante
Startup weekend guia do participante Startup weekend guia do participante
Startup weekend guia do participante
Raoni Pereira
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
Jane Vita
 
Como montar e facilitar um workshop de Design Sprint - Coletivo Mola
Como montar e facilitar um workshop de Design Sprint - Coletivo MolaComo montar e facilitar um workshop de Design Sprint - Coletivo Mola
Como montar e facilitar um workshop de Design Sprint - Coletivo Mola
Coletivo Mola
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - Review
Rafael Burity
 
Pocket Content Design Sprint: testando ideias em apenas cinco dias
Pocket Content Design Sprint: testando ideias em apenas cinco diasPocket Content Design Sprint: testando ideias em apenas cinco dias
Pocket Content Design Sprint: testando ideias em apenas cinco dias
MJV Technology & Innovation Brasil
 

Semelhante a Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android (20)

UX Culture
UX Culture UX Culture
UX Culture
 
Briefing - (para web design)
Briefing - (para web design)Briefing - (para web design)
Briefing - (para web design)
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
Workshop - Service Design
Workshop - Service DesignWorkshop - Service Design
Workshop - Service Design
 
User eXperience
User eXperienceUser eXperience
User eXperience
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
[TDC'16] UX para Profissionais de Negócios
[TDC'16] UX para Profissionais de Negócios[TDC'16] UX para Profissionais de Negócios
[TDC'16] UX para Profissionais de Negócios
 
Workshop Design Thinking
Workshop Design ThinkingWorkshop Design Thinking
Workshop Design Thinking
 
Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0Desenvolvimento em tempos de UX - Versão 3.0
Desenvolvimento em tempos de UX - Versão 3.0
 
UX para desenvolvedores - Procempa 2016
UX para desenvolvedores - Procempa 2016UX para desenvolvedores - Procempa 2016
UX para desenvolvedores - Procempa 2016
 
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
[Oficina] UX e Smart Cities: Aplicando design como forma de pensar
 
Workshop • UX design •
Workshop • UX design •  Workshop • UX design •
Workshop • UX design •
 
Processo de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design ThinkingProcesso de Criação e Desenvolvimento com Design Thinking
Processo de Criação e Desenvolvimento com Design Thinking
 
The role of product manager
The role of product managerThe role of product manager
The role of product manager
 
Experiência do Usuário e Jornada do Usuário
Experiência do Usuário e Jornada do Usuário Experiência do Usuário e Jornada do Usuário
Experiência do Usuário e Jornada do Usuário
 
Startup weekend guia do participante
Startup weekend guia do participante Startup weekend guia do participante
Startup weekend guia do participante
 
Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.Criando produtos e serviços reais para o mundo virtual.
Criando produtos e serviços reais para o mundo virtual.
 
Como montar e facilitar um workshop de Design Sprint - Coletivo Mola
Como montar e facilitar um workshop de Design Sprint - Coletivo MolaComo montar e facilitar um workshop de Design Sprint - Coletivo Mola
Como montar e facilitar um workshop de Design Sprint - Coletivo Mola
 
UXconf 2017 - Review
UXconf 2017 - ReviewUXconf 2017 - Review
UXconf 2017 - Review
 
Pocket Content Design Sprint: testando ideias em apenas cinco dias
Pocket Content Design Sprint: testando ideias em apenas cinco diasPocket Content Design Sprint: testando ideias em apenas cinco dias
Pocket Content Design Sprint: testando ideias em apenas cinco dias
 

Introdução ao Design Sprint - Hackaprothon Aplicativos Cívicos para Android

  • 1. Introdução ao Design Sprint Nelson Vasconcelos – Google UI/UX Expert Fevereiro 2016 – Fullstackers Meetup
  • 2. Agenda • O que é um Design Sprint? • Por que usar? • Como é o processo? • Onde posso saber mais?
  • 3. Nelson Vasconcelos Lead Product Designer no GuiaBolso Membro do time de Experts de UI/UX do Google Design Sprint Master @nvasconcelos_ +NelsonVasconcelos
  • 4. O que é Design Sprint?
  • 5. Um design sprint é simplesmente um brainstorming estruturado, baseado em design thinking e desenvolvimento ágil
  • 6. Origem Gamestorming The Gamestorming Book Design Thinking IDEO Stanford d.school Agile Manifesto Scrum, XP, Crystal Clear etc.
  • 7. Criação do design sprint Jake Knapp @jakek Google Ventures http://gv.com/sprint Sprint: The Book http://goo.gl/VJmsVk
  • 8. – 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.”
  • 9. Resumindo UX Negócios Engenharia Focado no usuário Tecnicamente viável Resolve o objetivo do negócio
  • 11. Muito antes: Modelo em Cascata 1. Requerimento 2. Projeto 3. Implementação 4. Validação 5. Manutenção
  • 12. 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
  • 13. 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
  • 14. 6 Etapas ENTENDER DEFINIR DIVERGIR DECIDIR PROTOTIPAR VALIDAR
  • 15. 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.
  • 16. 1. Entender Mergulhar nas informações sobre usuários, requisitos técnicos, análise competitiva, etc…
  • 17. 2. Definir Explorar as oportunidades e definir foco de atuação
  • 18. 3. Divergir Desenvolver rapidamente o máximo de soluções possíveis
  • 19. 4. Definir Definir as melhores soluções
  • 20. 5. Prototipar Desenvolver um protótipo baseado na solução encontrada
  • 21. 6. Validar Testar com usuários e stakeholders a aderência da solução (ou soluções) encontrada
  • 23. E hoje? Vamos fazer um design sprint com o objetivo de prototipar um aplicativo cívico para Android, seguindo seus padrões e estilo visual
  • 24. Obrigado! e até daqui a pouco :) Dúvidas e feedback: nelson@nvasconcelos.com
  • 25. Tá na hora do show! Vamos começar o design sprint
  • 26. Agenda 13h30 Entender 14h30 Definir 15h00 Intervalo :) 15h15 Material Design 15h30 Divergir 16h00 Decidir 16h15 Prototipar 17h00 Encerramento
  • 29. Antes de tudo Vamos definir o desafio
  • 30. Objetivos Claridade no produto, necessidades do usuário, o mercado, e possibilidades tecnológicas Vamos alimentar o pensamento!
  • 32. Desafio de design • Conversa entre os stakeholders • Identificar o que já foi feito • Revisar tudo o que sabemos do usuário • Revisar designs (se houver) Primeiras etapas • Ter um propósito • Conciso e inspirador • Direcionado para usuários • Alinhado e com prazo Desafio de design
  • 33. Exemplo de desafio de design “Projetar um app móvel que ajude um visitante a planejar e encontrar as atividades mais relevantes, divertidas e personalizadas em uma cidade sendo que ele tem apenas um dia disponível. Entregáveis: Um protótipo navegável que vai ser implementado em junho de 2016.
  • 34. Exemplo de desafio de design “Projetar um app móvel que ajude um visitante a planejar e encontrar as atividades mais relevantes, divertidas e personalizadas em uma cidade sendo que ele tem apenas um dia disponível. Entregáveis: Um protótipo navegável que vai ser implementado em junho de 2016. Entregáveis Quando? Quem é o usuário? O que ele vai fazer? 15 min
  • 35. Modos de entendimento • Conversas rápidas em 360º • Entrevista com usuários • Visitar usuários em campo • Stakeholder map • Overview de competidores Não se esqueça de resumir tudo aqui
  • 37. Visão em 360º 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?
  • 38. Como entrevistar um usuário? TempoOlá!!!! Apresente o projeto Construa harmonia e engajamento Explore as emoções Questione as decisões Obrigado e tchau! :) Incentive as histórias relevantes Elabore com seu time um roteiro de perguntas direcionadas a conhecer melhor seu usuário, suas necessidades, anseios, expectativas 1. Evite perguntas de cunho demográfico 2. Foque em ouvir. Peça para outro do time fazer as anotações 3. Comece com perguntas mais abrangentes e depois entre nos detalhes 4. Incentive histórias, mas apenas relevante ao seu problema 5. Pense que o roteiro é um guia, não uma regra 6. Tente identificar o fluxo pelo qual o usuário vai passar em seu produto 10 min
  • 39. Entreviste o seu usuário =) 10 min
  • 40. Criando uma persona Fulano é ______________________ que precisa de ________________________________ e quer que a experiência seja _____________________ Porque eles valorizam ____________________________ Quem? O quê? Como? Por quê? 5 min
  • 41. How might we? How assumes solutions may exist Might says we don't have to find a solution, but let's try. We is all about finding creative solutions together with your team. 10 min
  • 43. Objetivo Definir uma estratégia e analisar qual é o melhor caminho para alcançar a solução
  • 44. Leia e Organize Leia as idéias e organize em grupos 5 min
  • 45. Zen Voting Use os adesivos circulares para votar nas melhores idéias 5 min
  • 46. O caminho dourado Usuário entra no app Recebe e ama Busca Vê um produto Compra Modifica o pedido Navega por recomendações O caminho dourado é onde definimos quais são os momentos-chave que o usuário faz para encontrar aquilo que eles buscavam em primeiro lugar 10 min
  • 47. Como definir se o problema é mesmo um problema? Heart Framework HAPPINESS ENGAGEMENT ADOPTION RETENTION TASK SUCCESS Happiness: métricas de percepção de atitude do usuário. Ex.: NPS Engagement: nível de envolvimento do usuário. Ex.: Page views Adption: novos usuários de um produto ou funcionalidade. Ex.: Quantidade de cartões salvos no último mês Retention: taxa ou retorno dos usuários. Ex.: Quantos usuários ativos de um período continuam presentes em um período posterior Task success: eficiência, efetividade, taxa de erro. Ex.: Pessoas que terminaram ou abandonaram um cadastro no site 5 min
  • 48. Princípios de design Mentor Fácil de aprender Divertido Simples
  • 49. O primeiro Tweet! “Metas de ano novo? Com o GuiaBolso você consegue! #sempreBrilhando”
  • 50. Agenda 13h30 Entender 14h30 Definir 15h00 Intervalo :) 15h15 Material Design 15h30 Divergir 16h00 Decidir 16h15 Prototipar 17h00 Encerramento
  • 53. O que é Material Design
  • 57. Primeiro objetivo Sintetizar os princípios clássicos do bom design com a inovação e possibilidades da ciência e tecnologia
  • 59. Segundo objetivo Desenvolver um sistema que permita uma experiência unificada em todas as plataformas e tamanhos de dispositivos
  • 60.
  • 61. Princípios Material é a metáfora Audacioso, gráfico, intencional O movimento traz significado
  • 62. Material é a metáfora
  • 64. Tudo que vai na superfície, não
  • 65. As superfícies são intuitivas e naturais flexibilidade do material cria novas affordances que substituem aquelas do mundo físico, sem quebrar as regras da física. Ao ser tocada, uma superfície se eleva como se o seu dedo a atraísse.
  • 67. Cores, superfícies, e iconografia enfatizam as ações Estes elementos fazem muito mais do que agradar aos olhos. Eles criam hierarquia, significado e foco.
  • 68. Quando você relaciona os elementos de uma interface de usando proporção e consistência, você reduz a quantidade de informação não essencial e deixa o conteúdo mais claro e objetivo.
  • 69. Grid de Colunas Grid Modular
  • 70.
  • 71.
  • 72.
  • 74.
  • 75.
  • 77. Trello: aumento do engajamento “Um de nossos principais temas durante o redesign para Material Design foi simplicidade, e achamos que conseguimos isso bem.” - Hamid, Mobile Lead • 10% de aumento nas sessões por usuário por semana • 42% mais boards criadas por sessão • 63% mais pessoas adicionadas a boards por sessão
  • 78. The Hunt: primeiro uso e o FAB “O Material Design foi uma ótima forma de começar a construir nosso app para Android, e foi como ter um time de design experts ajudando você a criar o melhor app.” - Jenny Davis, Product Designer • 30% de aumento de usuários criando “hunts” em comparação com plataformas sem Material Design.
  • 79. Aumentando o lucro: Pocket Casts “O investimento no redesign para Material Design deu retorno e fez nosso app ficar muito melhor… a recepção que tivemos foi impressionante. As pessoas amaram.” - Philip Simpson, Co-founder e dev Android • 30% de aumento em vendas desde o redesign para Material Design
  • 80. Encantando usuários e aumentando vendas: B&H Photo Video “Não poderia ser melhor, esse app certamente é um dos melhores que já usei.” “Melhor que o site - Eu uso a loja com frequência e este app é realmente útil.” “Tudo está tão bem organizado que fica até divertido passear pelas diferentes sessões do app!” • 5x de aumento de pedidos pelo app desde o redesign • 700% de aumento em vendas!
  • 81.
  • 82.
  • 83.
  • 85.
  • 86.
  • 89.
  • 90.
  • 91.
  • 92.
  • 93.
  • 96.
  • 98. Objetivos Vamos abrir a cabeça e pensar no máximo de soluções possíveis
  • 99. Crazy 8’s - 8 idéias em 5 minutos
  • 101. Objetivos Discutir 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.
  • 102. Zen Voting Use os voting dots para votar nas melhores idéias!
  • 104. Objetivo Você vai criar e construir wireframes, mockups e protótipos navegáveis que você vai testar com usuários reais.
  • 105.
  • 106.