O documento apresenta um resumo das principais informações sobre um design sprint realizado por Nelson Vasconcelos da Google. O design sprint teve como objetivo prototipar um aplicativo cívico para Android e seguiu as 6 etapas do processo: Entender, Definir, Divergir, Decidir, Prototipar e Validar. O documento descreve cada uma das etapas do processo de design sprint.
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
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.”
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
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…
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
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
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
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.
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!
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.