palestra sobre design de produto para o 17º startup chopp blumenau
TRANSCRIPT
Novo designer da Seekr
Desenha interfaces desde 2004
Também codifica desde 2008
Formado em design com especialização em Marketing digital
Vitor Hugodribbble.com/vitorhugojapa
Quais os "ingredientes", que descobri na prática, serem essenciais para no meu processo de desenhar um software?
produto
Descobrir Delimitar DesenharO 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 BrainstormEntrevista clientes
Teste AB
Reune os profissionais primeiro
Vende a ideia pra um anjo
Falar com potenciais clientes
CodificandoCria 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 AndroidFaz 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 BrainstormEntrevista clientes
Teste AB
Reune os profissionais primeiro
Vende a ideia pra um anjo
Falar com potenciais clientes
Codificando
Não tem receita.
Cria uma keynoteMonta 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 AndroidFaz 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 BrowserGrátis
P.O.P MobileGrátis
Flinto Desktop Browser30 dias Grátis
Principle Mac30 dias Grátis
Origami MacGrátis
Photoshop Mac e Windows30 dias Grátis
Sketch App Mac30 dias Grátis
+
Zeplin.io MacGrátis
Adobe Xd Mac e Windows30 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
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 [email protected]
Ações 3321Pular
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ásCurtidas 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
rodrigoportuga9 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
rodrigoportuga9 horas
atrás
14/03/2016
23:03
Ações 3321Pular
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ápidaAprenda com uma
Livro fácilAprenda com um
Ferramentas e serviçosUse também
4 horas de leitura15 minutos
As 10 heurísticas de Nielsen
Pós-desenvolvimento
Descobrir Delimitar Desenhar