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
...
Preciso entregar informação em tempo real?
Uso a localização para o meu negócio?
Mobile é o grande diferencial do seu negó...
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 ...
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
h...
Outras coisas legais:
Ícone: http://www.flaticon.com
Inspiração:
https://www.behance.net
https://niice.co
Logo: https://wit...
COMENTÁRIOS
DÚVIDAS
SUA EXPERIÊNCIA
Prototipação
Próximos SlideShares
Carregando em…5
×

Prototipação

906 visualizações

Publicada em

Palestra de hoje : )

Publicada em: Engenharia
2 comentários
11 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
906
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
27
Comentários
2
Gostaram
11
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Prototipação

  1. 1. Prototipação
  2. 2. O que é um protótipo?
  3. 3. 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…
  4. 4. 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
  5. 5. Já decidiram? APP x Site Responsivo
  6. 6. O que eu preciso para começar?
  7. 7. Já está com os WIREFRAMES/ MOCKUPs pensados? (sobre funcionalidades, estrutura, esqueleto) (cara do site, como as páginas serão, pele)
  8. 8. APP POP Marvelapp para “designers” App Studio http://appstudio.windows.com/ DEMO
  9. 9. SITE https://moqups.com/ http://wireframesketcher.com/ ONLINE OFFLINE DEMO
  10. 10. 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:
  11. 11. 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)
  12. 12. COMENTÁRIOS DÚVIDAS SUA EXPERIÊNCIA

×