Page 47 - Locaweb - Edição 35
Basic HTML Version
responsive
web
design
locaweb
47
C
onteúdo digital, antes
apenas acessado via
desktops e notebooks,
agora também está disponível
em dispositivos como tablets
e smartphones. Desse modo,
programadores e desenvolvedores
precisam pensar em como oferecer
a melhor experiência online possível
para pessoas que usam tais mídias.
Tornou-se inconcebível um site não
rodar em determinado navegador
ou o conteúdo aparecer lento e ficar
todo distorcido no celular.
O termo Responsive Web Design,
ou web design responsivo, em
português, agrega um conjunto de
boas práticas cujo objetivo é entregar
de maneira eficaz conteúdo para
os diversos equipamentos. “Quem
nunca desistiu de buscar informação
em um determinado site porque ele
não funcionava direito no celular?”,
indaga Diego Eis, da agência Visie,
de São Paulo. “Em tempos em que a
experiência do usuário é o que conta,
o pulo do gato é não dispersar nem
causar má impressão a essa pessoa (e
cliente em potencial).”
De acordo com Sérgio Lopes,
instrutor e desenvolvedor na empresa
de tecnologia com foco em ensino de
computação Caelum
.
com.br
), o design responsivo ainda
é muito novo no mundo inteiro.
Grandes empresas e agências estão
começando a lançar seus projetos
mais importantes. Busca-se muita
informação, mas infelizmente ainda
há pouco material em português.
“Aqui no Brasil, estamos um pouco
mais atrás, até porque nosso mercado
de smartphones, tablets e internet
móvel está estourando apenas
agora”, diz. “Tenho visto um interesse
muito grande da comunidade de
desenvolvedores sobre design
responsivo. E o foco tem sido a
experiência do usuário/leitor. Vejo
importantes sites adotando design
responsivo no futuro próximo”, projeta.
William Bruno, desenvolvedor front-end
Pensando unicamente na
experiência positiva do leitor, o
Blog da Locaweb tem diretrizes de
design responsivo. Foram ajustados
o conteúdo e o fluxo de navegação
para dispositivos com telas menores
de 960px, para os inferiores a 600px,
e houve uma preocupação especial
com telas de 500px e, no mínimo,
320px.
Ele ficou mais leve. Seu design,
mais limpo. “O leitor tem acesso ao
mesmo conteúdo que vê no desktop. Não
foi necessário adaptar porque se trata
de um blog, com posts curtos”, explica
William Bruno, desenvolvedor front-end e
responsável pela estrutura do blog.
Bruno conta que disponibilizou
gratuitamente, em forma de white theme,
o download do FrameWork HTML5.
Para quem quiser implementar o tema,
basta fazer as adaptações de acordo com
seu projeto
siteprofissional.com/Campanhas/2012/02/
lw_html5.zip
. O retorno que obteve dos
leitores foi bastante positivo. “O usuário
quer conteúdo legível e que carregue
rápido. Se você não oferece isso, ele vai
buscar em outro lugar até encontrar. E
quando isso ocorre, já desistiu de você
e é tarde demais.”
BLOG LOCAWEB
e responsável pela estrutura do Blog
Oficial da Locaweb (
blog.locaweb.
com.br
) concorda. “O Brasil está
tentando replicar o que vem de lá de
fora. É um bom começo, porque é
preciso olhar para o usuário mobile
com mais atenção. Ele é parcela
importante do mercado.”
Já Fabrício Teixeira, designer de
interação sênior da agência R/GA
e autor do site
www.
arquiteturadeinformacao.com
, acredita
que não falta informação para quem a
procura. “A teoria está toda publicada
em blogs sobre user experience e
tecnologia, e muitos exemplos podem
ser encontrados em bibliotecas no
Github. A postura de ir atrás desse
conteúdo é o grande diferencial dos
profissionais empenhados em fazer o
design responsivo acontecer”, afirma.
O Google, no blog Webmaster
Central (
googlewebmastercentral.
blogspot.co.uk
), tratou do assunto e
Site da Caelum: de acordo com executivo da empresa, o design responsivo é novo em todo o
mundo e, por isso, grandes empresas e agências estão apenas engatinhando nesse assunto
Site da R/GA: de acordo com o diretor da
empresa, há informação sobre RWD na rede
