Page 49 - Locaweb - Edição 30

locaweb
Non on on on on on on on on on on
on on on on on on on on on on on
on on on on on on on on on on on on on
on on on on on on on on on on on on on
on on on on on on on on on on
49
que a experiência do usuário é o que
conta, o pulo do gato é não dispersar,
nem causar má impressão.”
O antes e o agora
Por muito tempo, teve-se em mente
que, para desenvolver um website
acessível por qualquer dispositivo, era
preciso apenas detectar o aparelho que
o usuário estaria usando no momento.
Se fosse um desktop ou um notebook,
bastaria redirecionar o acesso para
um código CSS, que, por sua vez,
formataria o site para o design mais
confortável em grandes monitores.
Se ficasse detectado que o usuário
estaria utilizando um dispositivo móvel,
convinha redirecioná-lo para uma
versão que formataria o site para um
padrão compatível. Enquanto os Media
Types do CSS eram utilizados, isso
era tudo o que podia ser feito.
Mas com os novos aparelhos,
incluindoTVs, essa técnica se tornou
obsoleta.Tudo porque os Media Types
detectavam algumas características dos
meios de acesso que hoje se tornaram
mais complexas. Por exemplo, o valor
“handheld” filtrava aparelhos com telas
de tamanho pequeno e conexão com
a internet limitada. Enquanto isso, o
valor “screen” filtrava aparelhos com
telas coloridas, normalmente terminais
com monitores. Agora, porém, a
realidade é outra. Os smartphones
suportam resoluções de tela maiores
e com acesso a um número ilimitado
de cores comparado aos monitores
antigos. Quase nenhum celular tem
tela pequena e conexão limitada com
a internet. Logo, os antigos parâmetros
ficaram totalmente inúteis.
Para se ter uma ideia, a tela do
iPhone e a do iPad suportam resoluções
muito maiores que as dos monitores
antigos. Era comum um monitor de
13" ter resolução de 800 × 600. A
resolução do iPad é de 1024 ×
768 com 132 ppp. Até o iPhone tem
uma resolução melhor: 960 × 640.
“Hoje em dia, a regra primordial,
que deve guiar todo o planejamento de
design para diversos dispositivos, mostra
que o importante é a resolução, e
não o tamanho da tela”, explica Eis.
“Não se deve fazer um layout para
um determinado tipo de dispositivo,
mas para aparelhos que têm uma
determinada resolução”, conclui.
Como funciona?
É possível redesenhar a interface de
um site para adequá-lo às necessidades
dos usuários das diferentes telas
ou fazer pequenas adaptações.
Em casos de sites muito específicos,
como os banklines, é necessário que
O desenvolvimento atual
de websites precisa levar
em consideração o layout em
tablets e aparelhos celulares
A regra primordial que deve guiar o
planejamento de design para diversos
dispositivos mostra que o importante é a
resolução, e não o tamanho da tela"
Diego Eis::Diretor da agênciaVisie
❝