O documento fornece uma introdução sobre prototipagem e discute os primeiros passos para criar um protótipo de aplicativo ou site. Ele lista ferramentas online gratuitas ou de baixo custo para criar wireframes, mockups e protótipos funcionais para validar ideias com usuários, como Marvel, Moqups, WireframeSketcher e plataformas como Wix, Squarespace e WordPress.

1. Prototipação

2. O que é um
protótipo?

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. 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. Já decidiram?
APP x Site
Responsivo

6. O que eu preciso para começar?

7. Já está com os
WIREFRAMES/
MOCKUPs pensados?
(sobre funcionalidades, estrutura, esqueleto)
(cara do site, como as páginas serão, pele)

9. APP
POP
Marvelapp para “designers”
App Studio http://appstudio.windows.com/
DEMO

10. SITE
https://moqups.com/
http://wireframesketcher.com/
ONLINE
OFFLINE
DEMO

11. 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:

12. 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)

13. COMENTÁRIOS
DÚVIDAS
SUA EXPERIÊNCIA