Novo designer da Seekr
Desenha interfaces desde 2004
Também codifica desde 2008
Formado em design com especialização em Marketing digital
Vitor Hugo
dribbble.com/vitorhugojapa

Quais os "ingredientes", que descobri na prática, serem essenciais
para no meu processo de desenhar um software?
produto

Descobrir Delimitar Desenhar
O processo
Os objetivos
A solução
O escopo
As etapas
Os recursos
Com qual mindset?
Para qual objetivo?
Com o quê?

Todos tem uma opinião de como você deve desenhar o produto.
Descobrir o seu processo
Compartilha a ideia
Soluciona um
problema de cada vez
Faz um Wireframe
Monta um Protótipo
Pesquisa o mercado
Observa o cliente
Identificando uma
necessidade
Planeja com alguém
que já fez
Documenta o que o
produto faz
Mapear
Faz um Brainstorm
Entrevista clientes
Teste AB
Reune os
profissionais primeiro
Vende a ideia pra
um anjo
Falar com
potenciais clientes
Codificando
Cria uma keynote
Monta um PPT
Cria um Mindmap
Monta uma Planilha
Contratar uma
agência
Fazer em Ruby on
Rails
Faz em PHP
Faz em HTML5 Faz um APP
Faz para Android
Faz para iOS

Descobrir o seu processo
Compartilha a ideia
Soluciona um
problema de cada vez
Faz um Wireframe
Monta um Protótipo
Pesquisa o mercado
Observa o cliente
Identificando uma
necessidade
Planeja com alguém
que já fez
Documenta o que o
produto faz
Mapear
Faz um Brainstorm
Entrevista clientes
Teste AB
Reune os
profissionais primeiro
Vende a ideia pra
um anjo
Falar com
potenciais clientes
Codificando
Não tem receita.
Cria uma keynote
Monta um PPT
Cria um Mindmap
Monta uma Planilha
Contratar uma
agência
Fazer em Ruby on
Rails
Faz em PHP
Faz em HTML5 Faz um APP
Faz para Android
Faz para iOS

Cada um tem o seu processo
Descobrir o seu processo
O processo também é parte do produto.
Descubra e aprimore o seu!
Documentário
Design disruptors

Eu começo com mapas!
Descobrir os objetivos e a solução Barato e fácil de usar
Mindmeister
Browser, iOS e Android
Grátis
Xmimd
Windows e Mac
Grátis
Mindnode Lite
Mac e iOS
Grátis

O quê o produto resolve? Como resolve? Para quem resolve?
Descobrir os objetivos e a solução A dificuldade nessa etapa é criativa e "combinativa"
Coloque todas as ideias, diferenciais, mecânicas e tudo mais.

Mais importante:
O que ele não é, e não tem, também é parte do seu produto!
O quê o produto não é?
O quê o produto não tem?
Delimitar o escopo A dificuldade nessa etapa é mercadológica
Dá a convicção que você precisa para dizer não nas horas certas.
Potencializa o foco das pessoas envolvidas na concepção.
Posiciona o produto.
Por que restringir?

O quê é essencial para o produto funcionar?
O caminho que o mapa irá apontar após esse passo é o mais curto para obter um produto que funcione e ao mesmo
tempo tenha as características para solucionar o problema do cliente.
Delimitar o escopo as etapas A dificuldade nessa etapa é técnica

O quê é essencial para o produto funcionar?
O caminho que o mapa irá apontar após esse passo é o mais curto para obter um produto que funcione e ao mesmo
tempo tenha as características para solucionar o problema do cliente.
Delimitar o escopo as etapas A dificuldade nessa etapa é técnica
Esse é o mVP!

O quê é essencial para o produto funcionar?
O caminho que o mapa irá apontar após esse passo é o mais curto para obter um produto que funcione e ao mesmo
tempo tenha as características para solucionar o problema do cliente.
Delimitar o escopo as etapas A dificuldade nessa etapa é técnica
Esse é o mVP!

Transforme cada tela em tarefas!
Barato e fácil de usar
Trello – Browser, iOS e Android
Grátis
Delimitar as etapas
Segmente cada item ou módulo do seu produto em telas.

desenhar é consequência.
Desenhar com qual mindset?
É primordial entender o problema e a solução proposta,
Desenhar uma interface se trata de solucionar problemas de
comunicação entre humanos e computadores.
Quando se trata do desenho de uma interface,
a qualidade estética pode ser um dos objetivos.

Desenhar com qual objetivo?
Esses dois produtos resolvem o objetivo principal: sentar
Materiais simples
Barato de produzir
Mão de obra de baixa qualificação
Materiais sofisticados
Custo elevado de produção
Mão de obra especializada

Desenhar com qual objetivo?
Objetivos principais similares: receber o usuário e fornecer acesso ao sistema
Realizações totalmente distintas.

Desenhar com o quê para qual objetivo?
Desenhar multiplataforma Criar protótipos
Desenhar e documentar com alta
performance
Desenhar interação em aplicativos
inVision
Desktop Browser
Grátis
P.O.P
Mobile
Grátis
Flinto
Desktop Browser
30 dias Grátis
Principle
Mac
30 dias Grátis
Origami
Mac
Grátis
Photoshop
Mac e Windows
30 dias Grátis
Sketch App
Mac
30 dias Grátis
+
Zeplin.io
Mac
Grátis
Adobe Xd
Mac e Windows
30 dias Grátis

Desenhar com o quê?
Uma pincelada do Atomic Design
De Até
Redefinir
Março 2016
Exemplo
Texto
Texto
Texto
Texto

Desenhar com o quê?
Moléculas
Data:
De Até
2
Março 2016
Redefinir
Termos de busca:
Escolha uma ou mais opções
Palavras-chave:
Adicione palavras-chave
Usuário:
Adicione usuários

Desenhar com o quê?
Organismos
Responder ao cliente
ricardo@seekr.com.br
palomalisboa@live.com
De:
Para: CC BCC
Assunto:
EnviarAnexar

Desenhar com o quê?
Templates
Aguarde um momento, em breve você verá os resultados da sua pesquisa.
Caso esteja demorando demais, clique aqui para tentar novamente ou entre em contato conosco em relacionamento@seekr.com.br
Ações 3321
Pular
para pág.
Mais recentes Mostrar 20 de 7876
Polarização e favoritos:
Todos
Data:
De Até
Hora:
00:00 00:00
Período:
De
Termos de busca:
Escolha uma ou mais opções
Palavras-chave:
Adicione palavras-chave
Usuário:
Adicione usuários
Mídia social:
Escolha uma ou mais opções
Tags:
Escolha uma ou mais opções
Tags:
Escolha uma ou mais opções
Alcance:
de 1.000 até 10.000
Regras:
FiltrarLimpar filtros
F i l t r o s
Nome do monitoramento Ricardo Heidorn

Desenhar com o quê?
Páginas
9 horas
atrás
14/03/2016
23:03
Digite as tags desta ocorrência
Curtidas 12gestao midias sociais em Twitter
Somos os responsáveis pela gestão de mídias sociais e também por toda a campanha de páscoa do… https://t.co/syQrtZQavJ
rodrigoportuga
9 horas
atrás
14/03/2016
23:03
Digite as tags desta ocorrência
Curtidas 12gestao midias sociais em Tumblr
Somos os responsáveis pela gestão de mídias sociais e também por toda a campanha de páscoa do… https://t.co/syQrtZQavJ
rodrigoportuga
9 horas
atrás
Curtidas 12gestao midias sociais em Instagramrodrigoportuga
Digite as tags desta ocorrência
Curtidas 12gestao midias sociais em Google+
Somos os responsáveis pela gestão de mídias sociais e também por toda a campanha de páscoa do… https://t.co/syQrtZQavJ
rodrigoportuga
9 horas
atrás
14/03/2016
23:03
Digite as tags desta ocorrência
Curtidas 12Facebook Mensagens Privadas
Somos os responsáveis pela gestão de mídias sociais e também por toda a campanha de páscoa do… https://t.co/syQrtZQavJ
rodrigoportuga
9 horas
atrás
14/03/2016
23:03
Ações 3321
Pular
para pág.
Mais recentes Mostrar 20 de 7876
Polarização e favoritos:
Todos
Data:
De Até
Hora:
00:00 00:00
Período:
De
Termos de busca:
Escolha uma ou mais opções
Palavras-chave:
Adicione palavras-chave
Usuário:
Adicione usuários
Mídia social:
Escolha uma ou mais opções
Tags:
Escolha uma ou mais opções
Tags:
Escolha uma ou mais opções
Alcance:
de 1.000 até 10.000
Regras:
FiltrarLimpar filtros
F i l t r o s
Nome do monitoramento Ricardo Heidorn
Você possui 4 novas ocorrências localizadas! Clique aqui para atualizar.

Jakob Nielsen é um cientista
dinamarquês com Ph.D. em
interação homem-máquina
Desenhar com qual mindset?
Como eu posso avaliar a usabilidade do meu produto?
Leitura rápida
Aprenda com uma
Livro fácil
Aprenda com um
Ferramentas e serviços
Use também
4 horas de leitura15 minutos
As 10 heurísticas
de Nielsen
Pós-desenvolvimento

Descobrir Delimitar Desenhar