Empreendedorismo UFMG - Design Sprint

64
Design Sprint UFMG - 01/10/16

Transcript of Empreendedorismo UFMG - Design Sprint

Page 1: Empreendedorismo UFMG - Design Sprint

Design SprintUFMG - 01/10/16

Page 2: Empreendedorismo UFMG - Design Sprint

Ana Paula Batista

Amante do “coletivo”, viagens, vegetariana, 3 gatos, 1 cavalo, sente falta de andar a pé ou de bicicleta.

- UX Designer- 34 anos- Belo Horizonte - MG

Resumo:

- Head de Produto no AppProva- Google Developer Expert em UX/UI- Certified Design Sprint Master- Local Leader IxDA-BH- 16 anos de experiência no desenvolvimento e projetos de

interface- Formação: Multimídia Digital- 6 anos de estudos em Ciências da Computação/

Sistemas de Informação

Objetivos e Necessidades- Projetos com valores sociais- Construção coletiva

Comportamento do Usuário- Nômade- Online todo o tempo- Esportista wannabe- Não usa facebook- Curiosity-Driven

Page 3: Empreendedorismo UFMG - Design Sprint
Page 4: Empreendedorismo UFMG - Design Sprint
Page 5: Empreendedorismo UFMG - Design Sprint
Page 6: Empreendedorismo UFMG - Design Sprint

A experiência do usuário engloba todos os aspectos da interação do usuário final com a empresa, seus serviços, e seus produtos.

Page 7: Empreendedorismo UFMG - Design Sprint

UX é tudo o que você precisa saber, pensar sobre e fazer para ter a certeza que você está lançando o produto certo para as

pessoas certas.

Page 8: Empreendedorismo UFMG - Design Sprint

UX importa porque o acesso aos competidores está apenas a um ou dois taps de distância...

Page 9: Empreendedorismo UFMG - Design Sprint

6 Fundamentos de UX

Page 10: Empreendedorismo UFMG - Design Sprint

FOCO NO USUARIO

Projete para eles, não para você. Compreenda as necessidades, motivações e constrangimentos.

Coloque-os no centro da sua tomada de decisão. Recompense seu engajamento e ganhe sua confiança.

Page 11: Empreendedorismo UFMG - Design Sprint

FACA SUA PESQUISA

Entenda o contexto do produto e quais são os pontos fortes e fracos da concorrência.

Valide os seus pressupostos com os usuários prováveis.

Adapte seus planos com base no que você aprende.

Page 13: Empreendedorismo UFMG - Design Sprint

MANTENHA A SIMPLICIDADECertifique-se de que sua proposta e os benefícios são claros e podem ser alcançados por seus usuários.

Priorize o que é melhor para seus usuários e trabalhe duro para remover obstáculos de seu caminho.

There is beauty in simplicity

Page 14: Empreendedorismo UFMG - Design Sprint

PRIORIZE A VELOCIDADE

Permita que o usuário execute suas tarefas de forma mais rápida e intuitiva possível.

Faça com que as mais importantes ações sejam as mais fáceis de serem executadas, e as apresente de maneira lógica e consistente utilizando convenções existentes.

Page 15: Empreendedorismo UFMG - Design Sprint

NUNCA PARE DE APRENDERAproveite todas as oportunidades para aprender com os insights que você tem sobre como seu produto está sendo usado.

Use o Google Analytics e experimentos para entender o uso e afinar ou adaptar o seu produto para construir sobre o que você descobrir.

Page 16: Empreendedorismo UFMG - Design Sprint

SOLUCIONE GRANDES PROBLEMASSeja ambicioso e inovador em sua escolha de abordagem. Perguntas estabelecem procedimentos e procuram oportunidades para criar valor duradouro para os usuários.

Olhe ao seu redor e pense sobre como a aplicação da tecnologia poderia mudar as coisas.

Page 17: Empreendedorismo UFMG - Design Sprint

Design ThinkingIDEO

Stanford d.school

Agile ManifestoScrum, XP, Crystal

Clear etc.

Jake Knapp@jakek

Design Sprint

Page 18: Empreendedorismo UFMG - Design Sprint

1

2

3

4

Ideia

Desenvolver

Lançar

AprenderDesign Sprint

- Não precisamos desenvolver para aprender com o usuário

- Menor custo e tempo de desenvolvimento

- Focado no usuário

- Construção colaborativa de uma solução.

Design Sprint

Page 19: Empreendedorismo UFMG - Design Sprint

Preparação

Page 20: Empreendedorismo UFMG - Design Sprint

E como começar?

Defina seu desafio de design. Por exemplo:

Queremos melhorar a experiência de onboarding na primeira vez que nossos usuários utilizarem nosso aplicativo Android. Esta experiência é diferenciada se o usuário for um gestor ou colaborador. Queremos lançar no início de Abril. Reserve um local com bastante espaço.

Convide os participantes. Lembre-se: multidisciplinaridade é muito importante. Procure formar grupos de 3-5 pessoas. Tenha a certeza do alinhamento e envolvimento de todos no problema que será trabalhado.

Materiais de escritório para apoio nas dinâmicas: post-its, canetas de ponta grossa, papeis, canetinhas, lápis, etc..

1 2

3 4

Page 21: Empreendedorismo UFMG - Design Sprint

As 6 fases do Design Sprint

ENTENDER DIVERGIR PROTOTIPARDEFINIR DECIDIR VALIDAR

Page 22: Empreendedorismo UFMG - Design Sprint

1. Entender: Mergulhar nas informações sobre usuários, requisitos tecnicos, análise competitiva...

2. Definir: Explorar oportunidades e definir foco de atuação;

3. Divergir: Desenvolver rapidamente tantas soluções quanto possíveis;

4. Decidir: Escolher a melhor ideia;

5. Prototipar: Fazer um esboço rápido da ideia escolhida;

6. Validar: Validar, através de testes, a aderência da solução encontrada.

… fale mais !

Page 24: Empreendedorismo UFMG - Design Sprint

1. Project Map2. Lightning Talks3. Entrevistas con

usuarios4. HMWs5. User Journey Map6. Success Metrics7. Sprint Questions

1. Comparable Problem

2. Bootup Notetaking

3. Crazy 8s4. Solution Sketch

1. Review and present

2. Dot voting3. Heat map voting4. Decision Matrix5. Note and Vote

1. Storyboard2. Assign Tasks3. Mock4. Escrever5. Testar6. Preparar

1. Teste de Usabilidade2. Stakeholder Review3. Technical feasability review4. Aprendizados

Entender + Definir

Divergir Decidir Prototipar Validar

Page 25: Empreendedorismo UFMG - Design Sprint

Métodos “Entender” 360 graus Lightning TalksAnálise CompetitivaEntrevistas com UsuáriosUser StatementHMW

Page 27: Empreendedorismo UFMG - Design Sprint

360 Lightning TalksLightning talks permite que o time entenda o problema de diferentes pontos de vista. Os talks devem incluir:

- Objetivos de negócios e métricas de sucesso

- Capacidades Técnicas e desafios- Pesquisas relevantes com os usuários

Page 28: Empreendedorismo UFMG - Design Sprint

Análise CompetitivaQuais outros produtos e serviços podem inspirar o trabalho do time? Um rápido review de 3-10 projetos similares podem ser uma ótima forma de iniciar o sprint.

Por exemplo, se um time está trabalhando na experiência de compra de uma loja virtual, eles podem querer visitar alguns sites, e listar o que eles gostam ou desgostam.

Page 29: Empreendedorismo UFMG - Design Sprint

EntrevistaConhecendo o usuário :)

1. Perguntas de cunho demográfico não são tão

impactantes para tomadas de decisão;

2. Foque mais em ouvir, menos em escrever;

3. Inicie com perguntas mais abrangentes para

então partir para as perguntas específicas;

4. Incentive histórias, mas apenas as relevantes

para seu objeto de estudo;

5. Encare o roteiro como um guia, e não uma

regra;

6. Procure construir em cima do que o

entrevistado te falar, mais do que seguir o

script.

Mantenha em mente

fonte Guia de Campo Google criado por Ricardo Prada e Dan Russel

Page 30: Empreendedorismo UFMG - Design Sprint

User StatementsConstrua sua persona

Para quem estamos projetando esta experiência

Dê a sua persona:

1. Um nome2. Uma história3. Uma necessidade4. Uma razão pq a

necessidade dele é tão importante

[fulano] é um [caracteristicas do usuário] que precisa (um meio de) [necessidade

do usuário] por que ele valoriza [insight].

Page 31: Empreendedorismo UFMG - Design Sprint

HOW MIGHT WE….?

How: assume que uma solução existe e provém a confiança criativa necessária para identificar e resolver necessidades não atingidas dos usuários.

Might: Podemos colocar todas as ideias pra fora - quer funcionem, quer não. De qualquer forma, aprenderemos algo relevante.

We: Um sinal que vamos colaborar com as ideias do time, em busca de encontrar uma solucao criativa em conjunto.

Page 32: Empreendedorismo UFMG - Design Sprint

HOW MIGHT WE….?

Evite

- “Não, mas..”

- Textos

- Foco em qualidade

- Julgamentos

- Escopo muito amplos ou muito definidos

Pratique

- “Sim, e..”

- Sketches

- Foco em quantidade

- Grandes ideias

- Descrição em até 6 palavras

HMW…. incrementar a taxa de conversão em 5% ?

HMW…. criar um sabonete que seja mais refrescante?

Page 33: Empreendedorismo UFMG - Design Sprint

How might we… & 5 "Porquês"Nosso framework mental para pensar sobre "primeiro o usuário"

How might we…… considerar ligações durante o processo de conversão mobile?

… gerar um lead para nosso time de vendas?

… dar valor ao nosso usuário com 2 clicks?

Eu quero encurtar o caminho da conversãoPor que?

Porque o processo de pagamento é ruimPor que?

Porque nós pedimos muita informaçãoPor que?

Porque a informação não é armazenada em uma conta

Por que?Nenhum motivo! Nós devemos ter um login

Page 34: Empreendedorismo UFMG - Design Sprint

Métodos “Definir” Jornada do UsuárioGolden PathDesign PrinciplesBrand Visual Languages SlidersThe first tweet

Page 35: Empreendedorismo UFMG - Design Sprint

1. Como alguém descobre seu produto? (ponto de entrada)

4. O que acontece ao longo do tempo quando os usuários vão ficando melhores em utilizar o produto?

2. Como é a experiência de onboarding?

3. Como é a experiência para o usuário retornante?

Jornada do Usuário

Definir a Jornada do Usuário pode auxiliar a entender e melhorar a experiência ao longo do tempo.

Page 36: Empreendedorismo UFMG - Design Sprint

GOLDEN PATH / SUPPORTING THREAD

Todo produto tem muitos caminhos que são validos.

O Golden Path é uma série de passos principais que o usuário faz até encontrar o real valor que ele estava buscando.

As experiências de suporte são chamadas de threads de suporte ou threads vermelhas - como cirar uma conta, editar um pedido, etc.

Usuário entra Busca/Navega

Disciplina ou simulado

Responde questões

Acompanha o desenvolvimento

Aprovação no ENEM

Edita Perfi/ QR Codel

Onboarding

Cadastro/ LoginSuporte

Verifica questões feitas

Page 37: Empreendedorismo UFMG - Design Sprint

Design Principles

Quais os princípios de design você quer que seu produto reflita?

Se você perguntar para um usuário “Como este produto faz você se sentir”, o que você gostaria que eles respondessem?

Unifcado

Engajador

Delightful

Adaptivo

Experiência e discurso unificado por todos os produtos e devices.

Ofertas atraentes e convincentes

Formas atrativas e surpreendentes para novos usuários

Aberto a feedback, evolui com o tempo para encontrar as necessidades dos usuários..

Page 38: Empreendedorismo UFMG - Design Sprint

BRAND VISUAL LANGUAGE SLIDERs :)Use estes sliders para decidir quais os valores principais você quer expressar no seu produto visualmente ou emocionalmente.

Este exercício complementa o Design Principles.

Divertido Sério

Colorido Preto e Branco

Orgânico Geometrico

MonochromaticMulti-color

CleanOcupado

Diagonal linesSquare grid

Pattern Plain

Texture Simple planes

3D Flat

Page 39: Empreendedorismo UFMG - Design Sprint

THE FIRST TWEET

Imagine que está na hora de você lançar o seu produto. Como você anunciaria?

Escrever pode auxiliar a focar a estratégia em 140 caracteres ou mesmo.

Page 40: Empreendedorismo UFMG - Design Sprint

Métodos “Divergir” Crazy 8sCrazy 1 in 5Storyboard

Page 41: Empreendedorismo UFMG - Design Sprint

CRAZY 8 SKETCHES IN 5 MIN

Em 5 minutos, desenhe todas as ideias que você teve para resolver o desafio.

Page 42: Empreendedorismo UFMG - Design Sprint

CRAZY 1 SKETCH IN 5 MIN

Em 5 minutos, evolue sua ideia predileta.

Page 43: Empreendedorismo UFMG - Design Sprint

STORYBOARDDiverge

Algumas vezes, as ideias são muito complexas para serem expressadas em uma página. Agora é quando o time precisa pensar em historias ou fluxos.

Não tenha medo de desenhar, pense em historias em quadrinhos :)

Page 44: Empreendedorismo UFMG - Design Sprint

Métodos “Decidir” Zen VotingThinking HatsDecision SlidersMatriz de dificuldade técnica X Valor para o usuário

Page 45: Empreendedorismo UFMG - Design Sprint

ZEN DOT VOTING

Depois do sketching, compartilhe as ideias no quadro branco. Encoraje os sprinters a fazerem zen voting: rever as ideias e votar em silêncio. Isso permite a todos formarem opinião própria antes que sejam influenciados pelos outros.

Page 46: Empreendedorismo UFMG - Design Sprint

5 THINKING HATS

A perspectiva de todos do time tem um papel importante. Infelizmente, algumas perspectivas são supervalorizadas ou esquecidas.Atribua a cada membro do seu time um dos "chapéus do pensamento" quando compartilharem suas opiniões no brainstorm.

1. Chapéu azul: como fazer isso? É factível? 2. Chapéu vermelho: isso é bom para os usuários? 3. Chapéu verde: adicione mais ideias, continue gerando. 4. Chapéu amarelo: encoraje.5. Chapéu preto: Dê críticas construtivas.

Page 47: Empreendedorismo UFMG - Design Sprint

DECISIONS SLIDERSProjetos são feitos de muitas premissas e decisões. Uma ótima prática nos sprints é listar as principais decisões que afetam a UX.

Este método exige que você preste atenção e descubra cada uma das opções. Visualizar os espaços pode levar a um conhecimento mais profundo do projeto.

Free service

No login required

Fun & entertainmentuse cases

User is alone

Sessions last < 5 min

Contextual help

Usage history recorded

No kid mode

Paid service

Log-in required

Work related use cases

User is in a group

Sessions > 1 hour

Tutorials No usage history

Has kid mode

tbd

Page 48: Empreendedorismo UFMG - Design Sprint

TECH

NIC

AL D

IFFI

CULT

Y

USER VALUE

TECHNICAL DIFFICULTY VS. USER VALUE Use este método para organizar as ideias por dificuldade técnica e valor para o usuário.

Este método pode te ajudar a encontrar o que é mais fácil de fazer e mais importante aos usuários.

1.

2.

4.

3.

1. fácil e importante2. difícil e importante3. pode esperar4. por que fazer isso?

Page 49: Empreendedorismo UFMG - Design Sprint

Prototipar

Page 50: Empreendedorismo UFMG - Design Sprint

Protótipos Fisicos - Savioke

Page 51: Empreendedorismo UFMG - Design Sprint

Demo

Page 53: Empreendedorismo UFMG - Design Sprint

Mockup de baixa fidelidade

Page 54: Empreendedorismo UFMG - Design Sprint

Protótipo de Alta FIdelidade

Page 55: Empreendedorismo UFMG - Design Sprint

Métodos de Validação Testes com o UsuárioStakeholders feedbackCheck Viabilidade Técnica

Page 56: Empreendedorismo UFMG - Design Sprint

Testes com o Usuário

O que os usuários gostaram e desgostaram no protótipo?

O que eles gostariam que fosse melhorado?

Qual solução está mais adequada para satisfazer suas necessidades?

Page 57: Empreendedorismo UFMG - Design Sprint

Stakeholders feedback

Page 58: Empreendedorismo UFMG - Design Sprint

Check de Viabilidade Técnica

Page 60: Empreendedorismo UFMG - Design Sprint

Extras

Page 61: Empreendedorismo UFMG - Design Sprint

Design Challenge:

Projete um app para tablet que ofereça uma solução intuitiva de estudo para os alunos, e que possa ser publicado no Q1/17.

Page 63: Empreendedorismo UFMG - Design Sprint

Define brand & user value

FUTURE TIME MAGAZINE COVER

This is a method contributed by the Google [x] team. It works well for projects that are poised for great societal impact such a Self-driving cars or Smart Lenses.

50 MIN HOW TO: 1. Introduce the challenge.2. Ask people to work in groups and create their own version of the cover. - 10min3. Share, compare & select the best. - 20 min4. Digitize. - 20 min

Method defined and contributed by Mike Sparandara, Google [x] UX TeamTemplate

Page 64: Empreendedorismo UFMG - Design Sprint

Define strategy

The Business ModelCanvas

This methods is often used in the Lean start-up methodology. It allows teams to consider some of the key implications in a business planning process.

Referred by: Leila Takayama, Google [x]Source: Business Model Generation

Key Partners Key Activities Value Proposition

Customer Relationships

Customer Segments

Key Resources Key Channels

Cost Structure Revenue Streams