DESIGN

SPRINT Como funciona nosso

processo de Design
Olá cliente!
Que bom que você se interessou pela Design Sprint :)

Acreditamos que a sua ideia precisa ser melhor estruturada antes de

partimos para a etapa de desenvolvimento. Por isso, recomendamos
que primeiro realize o nosso processo de design.

Neste material iremos apresentar como funciona a Design Sprint e a

sua importância.

Boa leitura ;)
DESIGN SPRINT

Processo
O fluxo do nosso processo segue as quatro etapas abaixo:
*A etapa de “Testes” será feita após a prototipagem ou após o layout.

Imersão Prototipagem Layout Testes

IMERSÃO
Nesta fase identificamos onde está o público-alvo do seu produto e o
quanto o problema que você está resolvendo é importante para eles.
Também vamos validar se as hipóteses sobre problema, produto e
cliente em seu Modelo de Negócios estão corretas. Tudo isso para ter o
melhor MVP possível.

Trabalhamos com o Direto ao Ponto, método criado por Paulo Caroli

IMERSÃO

Setup
Antes de iniciar a Imersão, precisamos que você realize algumas tarefas (enviaremos o que
precisa ser feito), definir quem da sua equipe participará do projeto e o depois criamos o
cronograma do processo.

Quem convidar?

Pessoas que tenham envolvimento direto ou indireto com as soluções que serão desenvolvidas.
Ex: usuário final, funcionários da sua empresa, equipe de desenvolvimento do projeto…

Sobre o cronograma

É importante organizar e marcar cada dinâmica com antecedência para que todos da sua
equipe, definidos anteriormente, consigam participar.
IMERSÃO

Start

LET’S
Tudo pronto!? Podemos iniciar a Imersão. Durante
o processo realizaremos as seguintes etapas:

• Visão

GO
• Personas
• Ideação
• Planejamento do MVP
• Estimativa
IMERSÃO

Visão
A visão do produto nos guiará durante todo o projeto. Ela

define o valor do seu negócio e deve transmitir uma

mensagem clara e convincente para o cliente.

TAREFAS REALIZADAS

• Visão do produto
• É/ Não é/ Faz/ Não Faz
• Objetivos do Negócio
Visão do Produto
IMERSÃO

Personas
Uma persona representa um usuário do aplicativo,

descrevendo seu papel e suas necessidades específicas.

TAREFAS REALIZADAS

• Quadro de personas
• Mapa de empatia
• Necessidades do usuário

Quadro de Personas
IMERSÃO

Ideação
Na etapa de ideação, levantamos soluções para os

problemas propostos e quais funcionalidades do software

irão solucioná-los, encaixando cada uma delas na jornada do

usuário ao utilizar o sistema.

TAREFAS REALIZADAS

• Brainstorm
• Funcionalidades do sistema
• Jornada do Usuário Jornada do Usuário
IMERSÃO

Planejamento
do MVP
Após levantar as soluções, precisamos filtrá-las e decidir

quais são mais importantes para o negócio. A partir disso

definimos as métricas que vão medir o sucesso do produto.

TAREFAS REALIZADAS

• Definição das features Canvas de Esforço e Valor do Negócio

• KPIs http://bit.ly/2l0uROr
• Canvas MVP
IMERSÃO

Estimativa e Canvas
de Negócio
Finalizada a Imersão, teremos uma visão bem clara do que o

projeto pretende atingir e preencheremos o Canvas de

negócio. Com as funcionalidades definidas, permite-nos fazer

uma estimativa mais realista de tempo e custo do projeto.

TAREFAS REALIZADAS

• Canvas de negócio
• Estimativa de tempo e custo do projeto
PROTOTIPAGEM
Nesta etapa iremos construir o protótipo do produto conforme as
funcionalidades definidas na Imersão.

O sistema começa a ganhar cara e esta fase é importante para

materializar tudo que estava na mente da equipe.
PROTOTIPAGEM

Pré-fluxograma
Rabiscoframe
No pré fluxograma desenhamos no papel ou quadro cada

passo que o usuário terá que percorrer para realizar suas

tarefas. Com isso, conseguimos prever possíveis variações

como erros, sucessos, ações inesperadas.

TAREFAS REALIZADAS

• Definição inicial de fluxo Rabiscoframe

• Feedbacks e possibilidades
PROTOTIPAGEM

Wireframe
Com base no fluxograma inicial, passamos para o Wireframe

e o software começa a tomar forma. Também definimos o

fluxo e organizamos como as informações serão

apresentadas. Nessa fase entendemos melhor o

comportamento que o seu cliente terá, sendo possível

realizar testes de usabilidade com usuários reais.

TAREFAS REALIZADAS
Exemplo de Wireframe
• Definição de ações https://invis.io/AMF4HE2VU
• Elementos essenciais para as telas
LAYOUT
Com o protótipo e a identidade visual definidos, trabalharemos a
aplicação da marca nas telas produzidas.

Aqui trabalhamos a aparência do produto para deixá-lo com um

visual bonito e atrativo para o usuário.
L AYOUT

Visual
Baseado na marca do negócio, criamos o visual do aplicativo.

Neste momento trabalhamos também a comunicação com

o usuário.

TAREFAS REALIZADAS

• Definição de cores
• Definição de ícones
• Imagens de erro e Telas vazias Exemplo de App com Visual Pronto
• Personalização de texto https://invis.io/QNF4HDTSE
L AYOUT

Documentação
Ao validar o visual das telas do software, preparamos a

documentação para a equipe de desenvolvimento.

TAREFAS REALIZADAS

• Fluxograma
• Guia para auxílios de desenvolvimento
• Recortes de ícones e imagens

Fluxograma
http://bit.ly/2kZuH9Z
TESTES
Com o protótipo visual concluído, nós iremos testar o software,
validando se os elementos e fluxos fazem sentido para o seu usuário.
Esta fase pode ser feita logo após a etapa de prototipagem ou depois
de aplicar todo layout final.

Os testes de usabilidade nos fazem ver possíveis erros do produto

antes de começarmos o desenvolvimento, corrigindo-os e evitando
desperdício de dinheiro e tempo.
TESTES

Testes de
Usabilidade
Faremos os testes com 5 pessoas que tenham o perfil do

usuário do seu software. Depois dos testes, avaliamos o que

precisa melhorar e então decidimos que ações tomar. Após

fazer as melhorias, inicia-se o desenvolvimento do produto.

TAREFAS REALIZADAS

• Roteiro de testes
• Realização e relatório dos testes
Design Sprint finalizada!
Yeah!

Finalizamos o design!! Agora temos uma visão clara do seu negócio e

de como o software irá funcionar.

Com isso, iremos estimar o tempo e esforço para desenvolver o

aplicativo. Depois de finalizar esta etapa, conseguimos te passar um
cronograma e custo mais exato.

É isso! Caso tenha dúvidas, entre em contato com a nossa equipe.

FALE
COM A
Carolina Fagundes
Contato Comercial
comercial@jera.com.br

GENTE.
+55 (67) 3327-4075
skype: jeraapps

R. Pedro Celestino, 3778

Campo Grande/MS