SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
Prototipação
O que é um
protótipo?
PRIMEIROS PASSO
1.Entender o que você quer: app, site, blog???
2.Pensar no fluxo do usuário
3.Rascunho do que você imagina
4.Validação
Aí você começa a procurar equipe técnica…
Preciso entregar informação em tempo real?
Uso a localização para o meu negócio?
Mobile é o grande diferencial do seu negócio?
Você vai usar muitas notificações de ação
rápida?
APP x SITE
Já decidiram?
APP x Site
Responsivo
O que eu preciso para começar?
Já está com os
WIREFRAMES/
MOCKUPs pensados?
(sobre funcionalidades, estrutura, esqueleto)
(cara do site, como as páginas serão, pele)
APP
POP
Marvelapp para “designers”
App Studio http://appstudio.windows.com/
DEMO
SITE
https://moqups.com/
http://wireframesketcher.com/
ONLINE
OFFLINE
DEMO
http://www.wix.com/
http://www.squarespace.com/
https://webflow.com
http://wordpress.com
ONLINE E DÁ PRA COMEÇAR DE GRAÇA
http://unbounce.com/Landing Page:
http://www.strikingly.com/
(hipster, flat design)
(Microsoft Virtual Academy)
DEMO
e
Outras opções:
Outras coisas legais:
Ícone: http://www.flaticon.com
Inspiração:
https://www.behance.net
https://niice.co
Logo: https://withoomph.com
Nomes: http://www.naminum.com
Design: https://www.canva.com
(dimensões)
COMENTÁRIOS
DÚVIDAS
SUA EXPERIÊNCIA

Contenu connexe

Similaire à Prototipação

Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Bruno Fernandes "PorKaria"
 
Utilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobileUtilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobileFellyph Cintra
 
PROJETO WEB - RESUMO
PROJETO WEB - RESUMOPROJETO WEB - RESUMO
PROJETO WEB - RESUMORenato Melo
 
App CrossMobile com C# para Android, Iphone e WindowsPhone
App CrossMobile com C# para Android, Iphone e WindowsPhoneApp CrossMobile com C# para Android, Iphone e WindowsPhone
App CrossMobile com C# para Android, Iphone e WindowsPhoneAlessandro Binhara
 
Introdução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no BrasilIntrodução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no BrasilLariane Rossanese
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapFlavio Souza
 
Asp Net 4 0 Para Iniciantes Cp 2010
Asp Net 4 0 Para Iniciantes   Cp 2010Asp Net 4 0 Para Iniciantes   Cp 2010
Asp Net 4 0 Para Iniciantes Cp 2010Campus Party Brasil
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014Horácio Soares
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Dhiego Bicudo
 
Memorias das trincheiras
Memorias das trincheirasMemorias das trincheiras
Memorias das trincheirasElton Minetto
 
Workshop PHP - Nível básico
Workshop PHP - Nível básicoWorkshop PHP - Nível básico
Workshop PHP - Nível básicoinopus
 
Arquitetura de Informação em 7 etapas
Arquitetura de Informação em 7 etapasArquitetura de Informação em 7 etapas
Arquitetura de Informação em 7 etapasAndré Silveira
 
Responsive Web Design - Introdução
Responsive Web Design - IntroduçãoResponsive Web Design - Introdução
Responsive Web Design - IntroduçãoVítor Teixeira
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignFelipe Fernandes
 

Similaire à Prototipação (20)

Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011Webapp, já posso investir nisso ? Latinoware 2011
Webapp, já posso investir nisso ? Latinoware 2011
 
Desenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHPDesenvolvimento Mobile Web e o PHP
Desenvolvimento Mobile Web e o PHP
 
Webapp já posso invistir nisso ? FISL12
Webapp já posso invistir nisso ? FISL12Webapp já posso invistir nisso ? FISL12
Webapp já posso invistir nisso ? FISL12
 
Utilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobileUtilizando o wordpress para aplicativos mobile
Utilizando o wordpress para aplicativos mobile
 
PROJETO WEB - RESUMO
PROJETO WEB - RESUMOPROJETO WEB - RESUMO
PROJETO WEB - RESUMO
 
App CrossMobile com C# para Android, Iphone e WindowsPhone
App CrossMobile com C# para Android, Iphone e WindowsPhoneApp CrossMobile com C# para Android, Iphone e WindowsPhone
App CrossMobile com C# para Android, Iphone e WindowsPhone
 
Introdução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no BrasilIntrodução a User Experience e o mercado de trabalho no Brasil
Introdução a User Experience e o mercado de trabalho no Brasil
 
Usando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter BootstrapUsando a programação web para mobile com Twitter Bootstrap
Usando a programação web para mobile com Twitter Bootstrap
 
Asp Net 4 0 Para Iniciantes Cp 2010
Asp Net 4 0 Para Iniciantes   Cp 2010Asp Net 4 0 Para Iniciantes   Cp 2010
Asp Net 4 0 Para Iniciantes Cp 2010
 
App Inventor: Eu escolho você!
App Inventor: Eu escolho você!App Inventor: Eu escolho você!
App Inventor: Eu escolho você!
 
Mobile First
Mobile FirstMobile First
Mobile First
 
LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014LEAN UX - Campus Party 2014
LEAN UX - Campus Party 2014
 
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
Engenharia de Usabilidade - Aula 1 de 3 - Pós em Desenvolvimento de Aplicaç...
 
Memorias das trincheiras
Memorias das trincheirasMemorias das trincheiras
Memorias das trincheiras
 
Workshop PHP - Nível básico
Workshop PHP - Nível básicoWorkshop PHP - Nível básico
Workshop PHP - Nível básico
 
Arquitetura de Informação em 7 etapas
Arquitetura de Informação em 7 etapasArquitetura de Informação em 7 etapas
Arquitetura de Informação em 7 etapas
 
Responsive Web Design - Introdução
Responsive Web Design - IntroduçãoResponsive Web Design - Introdução
Responsive Web Design - Introdução
 
Web Design > Visão geral do Web Design
Web Design > Visão geral do Web DesignWeb Design > Visão geral do Web Design
Web Design > Visão geral do Web Design
 
CD - Aula 05
CD - Aula 05CD - Aula 05
CD - Aula 05
 
EmberJS - Primeiros Passos!
EmberJS - Primeiros Passos!EmberJS - Primeiros Passos!
EmberJS - Primeiros Passos!
 

Plus de Camila Achutti

12. Entrega do Projeto
12. Entrega do Projeto12. Entrega do Projeto
12. Entrega do ProjetoCamila Achutti
 
11. Edição do Vídeo
11. Edição do Vídeo11. Edição do Vídeo
11. Edição do VídeoCamila Achutti
 
10. Feedback do Usuário
10. Feedback do Usuário10. Feedback do Usuário
10. Feedback do UsuárioCamila Achutti
 
9. Instruções para o Demo
9. Instruções para o Demo9. Instruções para o Demo
9. Instruções para o DemoCamila Achutti
 
8. Orientações para Promover seu App
8. Orientações para Promover seu App8. Orientações para Promover seu App
8. Orientações para Promover seu AppCamila Achutti
 
7. Potencial de Geração de Receita
7. Potencial de Geração de Receita7. Potencial de Geração de Receita
7. Potencial de Geração de ReceitaCamila Achutti
 
6. Desenvolvimento de Marca e Promoção
6. Desenvolvimento de Marca e Promoção6. Desenvolvimento de Marca e Promoção
6. Desenvolvimento de Marca e PromoçãoCamila Achutti
 
5. Análise Competitiva
5. Análise Competitiva5. Análise Competitiva
5. Análise CompetitivaCamila Achutti
 
4. Projeto Voltado para o Usuário
4. Projeto Voltado para o Usuário4. Projeto Voltado para o Usuário
4. Projeto Voltado para o UsuárioCamila Achutti
 
3. Brainstorming de Soluções
3. Brainstorming de Soluções3. Brainstorming de Soluções
3. Brainstorming de SoluçõesCamila Achutti
 
2. Definindo o problema
2. Definindo o problema2. Definindo o problema
2. Definindo o problemaCamila Achutti
 
II Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computação
II Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computaçãoII Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computação
II Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computaçãoCamila Achutti
 

Plus de Camila Achutti (15)

Produtividade
ProdutividadeProdutividade
Produtividade
 
12. Entrega do Projeto
12. Entrega do Projeto12. Entrega do Projeto
12. Entrega do Projeto
 
11. Edição do Vídeo
11. Edição do Vídeo11. Edição do Vídeo
11. Edição do Vídeo
 
10. Feedback do Usuário
10. Feedback do Usuário10. Feedback do Usuário
10. Feedback do Usuário
 
9. Instruções para o Demo
9. Instruções para o Demo9. Instruções para o Demo
9. Instruções para o Demo
 
8. Orientações para Promover seu App
8. Orientações para Promover seu App8. Orientações para Promover seu App
8. Orientações para Promover seu App
 
7. Potencial de Geração de Receita
7. Potencial de Geração de Receita7. Potencial de Geração de Receita
7. Potencial de Geração de Receita
 
6. Desenvolvimento de Marca e Promoção
6. Desenvolvimento de Marca e Promoção6. Desenvolvimento de Marca e Promoção
6. Desenvolvimento de Marca e Promoção
 
5. Análise Competitiva
5. Análise Competitiva5. Análise Competitiva
5. Análise Competitiva
 
4. Projeto Voltado para o Usuário
4. Projeto Voltado para o Usuário4. Projeto Voltado para o Usuário
4. Projeto Voltado para o Usuário
 
3. Brainstorming de Soluções
3. Brainstorming de Soluções3. Brainstorming de Soluções
3. Brainstorming de Soluções
 
1. Introdução
1. Introdução1. Introdução
1. Introdução
 
2. Definindo o problema
2. Definindo o problema2. Definindo o problema
2. Definindo o problema
 
Front In Maceió
Front In MaceióFront In Maceió
Front In Maceió
 
II Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computação
II Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computaçãoII Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computação
II Encontro Nacional de Mulheres na Tecnologia - Por mais mulheres na computação
 

Dernier

Resistencias dos materiais I - Tensao.pptx
Resistencias dos materiais I - Tensao.pptxResistencias dos materiais I - Tensao.pptx
Resistencias dos materiais I - Tensao.pptxjuliocameloUFC
 
Estatística aplicada à experimentação animal
Estatística aplicada à experimentação animalEstatística aplicada à experimentação animal
Estatística aplicada à experimentação animalleandroladesenvolvim
 
Tecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade AnhangueraTecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade AnhangueraGuilhermeLucio9
 
LEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurançaLEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurançaGuilhermeLucio9
 
Eletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante TamandaréEletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante TamandaréGuilhermeLucio9
 
Aulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdf
Aulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdfAulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdf
Aulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdfMateusSerraRodrigues1
 
PLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdf
PLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdfPLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdf
PLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdfAroldoMenezes1
 
MODELO LAUDO AVALIAÇÃO MÁQUINAS EQUIPAM
MODELO LAUDO AVALIAÇÃO MÁQUINAS  EQUIPAMMODELO LAUDO AVALIAÇÃO MÁQUINAS  EQUIPAM
MODELO LAUDO AVALIAÇÃO MÁQUINAS EQUIPAMCassio Rodrigo
 
FISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animal
FISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animalFISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animal
FISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animalPauloHenrique154965
 

Dernier (9)

Resistencias dos materiais I - Tensao.pptx
Resistencias dos materiais I - Tensao.pptxResistencias dos materiais I - Tensao.pptx
Resistencias dos materiais I - Tensao.pptx
 
Estatística aplicada à experimentação animal
Estatística aplicada à experimentação animalEstatística aplicada à experimentação animal
Estatística aplicada à experimentação animal
 
Tecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade AnhangueraTecnólogo em Mecatrônica - Universidade Anhanguera
Tecnólogo em Mecatrônica - Universidade Anhanguera
 
LEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurançaLEAN SIX SIGMA - Garantia da qualidade e segurança
LEAN SIX SIGMA - Garantia da qualidade e segurança
 
Eletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante TamandaréEletricista instalador - Senai Almirante Tamandaré
Eletricista instalador - Senai Almirante Tamandaré
 
Aulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdf
Aulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdfAulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdf
Aulas Práticas da Disciplina de Desenho Técnico Projetivo _ Passei Direto.pdf
 
PLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdf
PLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdfPLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdf
PLANO DE EMERGÊNCIA E COMBATE A INCENDIO.pdf
 
MODELO LAUDO AVALIAÇÃO MÁQUINAS EQUIPAM
MODELO LAUDO AVALIAÇÃO MÁQUINAS  EQUIPAMMODELO LAUDO AVALIAÇÃO MÁQUINAS  EQUIPAM
MODELO LAUDO AVALIAÇÃO MÁQUINAS EQUIPAM
 
FISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animal
FISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animalFISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animal
FISIOLOGIA DA REPRODUÇÃO. matéria de fisiologia animal
 

Prototipação