Page 50 - Locaweb - Edição 30
Basic HTML Version
locaweb
::
lw
_
design
Conceito de Responsive Web
Design prevê que o projeto rode
bem em telas de qualquer tamanho,
de monitores de desktops a TVs
50
um redesign seja feito para cada
tipo de necessidade. Isso torna
o trabalho mais difícil, porém o
resultado é melhor e o usuário
tem mais confiança na utilização do
sistema.“O ideal é que seja feito o
planejamento em conjunto com o
projeto inicial. Mesmo assim, podemos
implementá-lo depois de tudo pronto,
a qualquer momento”, avisa Eis. O
conceito tem aplicação em websites
simples a sistemas complexos.
Na hora de planejar o Responsive
Web Design, convém prestar atenção
em alguns pontos importantes. É
preciso saber, nem que de maneira
aproximada, qual a frequência de
uso dos dispositivos móveis, o
tamanho do site a ser modificado e a
quantidade de informação importante
que os usuários precisam acessar. O
desenvolvedor precisa ter em mente
ainda se o site é muito específico. Um
arquiteto de informação, um designer
e um desenvolvedor client-side são os
protagonistas nesse processo.
Apesar de ser um forte aliado,
o ResponsiveWeb Design ainda
não é bastante difundido no Brasil.
Muitas pessoas da área não sabem
a que o conceito se refere. Outras
até promovem as boas práticas
instintivamente, mas sem um
planejamento de fato.“As empresas
brasileiras enxergam que o mercado
de mobile está crescendo, mas ainda
estão tateando ante as possibilidades”,
assegura o diretor da agência Visie.“O
engraçado é que os primeiros passos
são simples de serem dados.”
De acordo com Eis, basta começar
adaptando ou recriando uma versão
dos sites para mobile ou outros
dispositivos móveis. Isso é algo simples
e que dá resultados”, diz.“Depois, vale
desenvolver um planejamento mais
profundo, estudando as ações dos
usuários dos dispositivos para melhorar
a qualidade do serviço e a arquitetura
da informação.” O erro mais comum,
segundo o executivo, é não planejar
pelo menos uma adaptação simples do
conteúdo já existente.
Os custos envolvidos em uma boa
estratégia de ResponsiveWeb Design
são relativos. Como muitas tecnologia
pode ser reaproveitada, começando
pelo código HTML, o preço pode ser
bem mais baixo do que o valor original
do projeto. Entretanto, se é necessário
recriar um ambiente para os usuários,
o processo pode custar mais caro.
“Tenha em mente que grande parte
das modificações pode ser feita no
client-side.A programação back-end
já está feita e sofrerá pouquíssimas
modificações, o que barateia o
processo”, finaliza Eis.
Screenfly
O Screenfly é um serviço web útil
para quem deseja testar como um site
se comporta nos diversos tamanhos
de tela, baseando-se em diversos
dispositivos do mercado.
O mecanismo
mostra como o site apareceria na
resolução de um determinado dispositivo,
como iPhone 4 e BlackBerry, entre outros.
“O Screenfly não renderiza o browser dos
dispositivos, mas emula o tamanho da
tela dos equipamentos para testar se o
site tem um bom comportamento ou não”,
explica Diego Eis, diretor da agência Visie.
Mas isso é o suficiente para você verificar
se está se enquadrando no conceito de
Responsive Web Design durante a criação
do projeto. Veja como usá-lo:
1
Acesse o site do Screenfly
(
;
2
Diite o endereço de site ou blog;
3
Clique em uma das opções entre
Desktop, Tablet, Mobile e Television;
4
Automaticamente, a página
aparecerá da forma como o usuário
da plataforma a vê. Assim, é possível
analisar a possibilidade de ajustes.
5
É possível selecionar o botão "allow
scrolling", que aparece na resolução
escolhida, e analisar como o conteúdo
do site ou blog vai ficar pela barra de
rolagem. Também é permitido clicar
nos links e examinar como outras
páginas irão se dispor dentro do
espaço limitado.
