popularização dos dispositivos móveis: o que muda para os webdesigners
TRANSCRIPT
POPULARIZAÇÃO DOS
DISPOSITIVOS MÓVEIS:O QUE MUDA PARA OS WEBDESIGNERS?
Fabrizio Vésica
Vamos
Contextualizar:
uma breve retrospectiva da
internet no Brasil…
Os Anos 90:
A descoberta da grande rede
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
Como eram os sites?
Os Anos 90:
Como eram os sites?
Os Anos 90:
Como eram os sites?
Os Anos 90:
Como eram os sites?
Os Anos 90:
Como eram os sites?
Os Anos 90:
• 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
Como eram os sites?
Os Anos 90:
O novo milênioFlash: a estrela da web
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
O novo milênio
Como eram os sites?
O novo milênio:
Como eram os sites?
O novo milênio:
Como eram os sites?
O novo milênio:
Como eram os sites?
O novo milênio:
Como eram os sites?
O novo milênio:
• 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
Como eram os sites?
O novo milênio:
• 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
Como eram os sites?
O novo milênio:
=
até então…
O novo milênio:
primeiros problemas…
O novo milênio:
4:3 16:9 ???
o que fazer?
O novo milênio:
4:3 16:9 ???
• Layouts ajustáveis?
• Versões fixo/móvel?
• Ignorar?
• “Ilusão ótica” do plano de fundo?
• Múltiplos CSS controlados via JS?
• …
ainda mais
problemas…
Situação atual
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
Situação atual
Internet móvel no Brasil
Situação atual
Situação atual
Situação atual
Ele disse não!
Flash: de estrela a vilão
Situação atual
Layout responsivo: a moda (ou
necessidade) do momento
Situação atual
Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Edge
Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Dreamweaver
Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Dreamweaver
Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Dreamweaver
Situação atual
Mudanças drásticas de tecnologias
e softwares
Adobe Fireworks
Situação atual
Brasil: uma fase de transição que
precisa se definir até 2014
o que nos espera?
O futuro
O futuro
+ móvel, - fixo
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
