Palestra - Fabrizio Vesica - 8ª SECOMP - Jataí (Goiás) - 26/10/2012

1. POPULARIZAÇÃO DOS
DISPOSITIVOS MÓVEIS:
O QUE MUDA PARA OS WEBDESIGNERS?
Fabrizio Vésica

2. Vamos
Contextualizar:
uma breve retrospectiva da
internet no Brasil…

3. Os Anos 90:
A descoberta da grande rede

4. Os Anos 90:
Como acessávamos a web?
• Conexões lentas e
instáveis
• PCs com baixo
poder de
processamento
• Equipamentos
caros
• Altos custos de
uso (ligação +
provedor)
• Linha telefônica
ocupada durante a
conexão

5. Os Anos 90:
Como eram os sites?

6. Os Anos 90:
Como eram os sites?

7. Os Anos 90:
Como eram os sites?

8. Os Anos 90:
Como eram os sites?

9. Os Anos 90:
Como eram os sites?

10. Os Anos 90:
Como eram os sites?
• Textos e imagens simplórios e estáticos
• Uso de GIFs animados
• Uso indiscrimidado das cores
• Abuso de efeitos visuais que se popularizaram com o
advento dos softwares de criação
• Resolução baseada em 640x480 ou 800x600

11. O novo milênio
Flash: a estrela da web

12. O novo milênio
Como acessávamos a web?
• Surgimento das
conexões de
banda larga
• PCs mais rápidos
e potentes
• Custos em queda
• Ascensão dos
notebooks

13. O novo milênio:
Como eram os sites?

14. O novo milênio:
Como eram os sites?

15. O novo milênio:
Como eram os sites?

16. O novo milênio:
Como eram os sites?

17. O novo milênio:
Como eram os sites?

18. O novo milênio:
Como eram os sites?
• Visual mais atrativo e estimulante
• Uso extenso do Flash para produção de sites
• Maior interatividade (jogos, vídeos, etc.)
• Mais espaço à criatividade dos Web Designers
• Tornou-se imprescindível o uso de plug-ins para
navegar (Flash Player, Shockwave Player, etc.)
• Primeiros problemas de compatibilidade entre
browsers

19. O novo milênio:
Como eram os sites?
• Surgimento de sites com modelagem 3D
• Conexões mais rápidas permitiam layouts mais
pesados e complexos
• Os novos processadores, potentes e baratos,
permitiam executar animações e vídeos
• Ainda predominava a proporção de vídeo 4:3, porém
outras estavam surgindo…
• Resolução baseada em 1024x768

20. O novo milênio:
até então…
=

21. O novo milênio:
primeiros problemas…
4:3 16:9 ???

22. O novo milênio:
o que fazer?
• Layouts ajustáveis?
• Versões fixo/móvel?
• Ignorar?
• “Ilusão ótica” do plano de fundo?
• Múltiplos CSS controlados via JS?
•…
4:3 16:9 ???

23. Situação atual
ainda mais
problemas…

24. Situação atual

25. Situação atual
Como acessamos a web?
• Melhora do poder
aquisitivo das
classes C e D
• Difusão de
Smartphones e
Tablets
• Popularização
definitiva de
Notebooks e
Netbooks
• Internet móvel mais
acessível
• Surgimento da
Smart TV

26. Situação atual
Internet móvel no Brasil

27. Situação atual

28. Situação atual
Ele disse não!

29. Situação atual
Flash: de estrela a vilão

30. Situação atual
Layout responsivo: a moda (ou
necessidade) do momento

31. Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Edge

32. Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Dreamweaver

33. Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Dreamweaver

34. Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Dreamweaver

35. Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Fireworks

36. Situação atual
Brasil: uma fase de transição que
precisa se definir até 2014

37. O futuro
o que nos espera?

38. O futuro
+ móvel, - fixo

39. O futuro
prepare-se, pois…
• Sites responsivos serão uma realidade absoluta
• Todo site deverá ser acessível por smartphones e
tablets
• Novas tecnologias e recursos irão surgir
• O HTML5 será em breve o novo padrão absoluto da
web
• Tecnologias como CSS, Jquery, etc. ganharão espaço
e potenciais sempre maiores

40. Obrigado!
http://www.facebook.com/fabrizio.senac
fabriziosenac@gmail.com