Adaptar-se. Algo que o ser-humano faz constantemente ao longo de sua vida. Seja no modo de se vestir, falar ou agir, regularmente nos deparamos com situações ou ambientes em que precisamos nos adaptar.

Você deve estar pensando: O que isso tem a ver com Web?  Afinal, o que é design adaptável?

Design adaptável é o conjunto de técnicas que unidas, tornam os sites adaptáveis. Da mesma forma que nós nos adaptamos ao ambiente, o site também se adapta. Há alguns anos atrás não era muito comum ouvirmos o termo “sites adaptáveis”; os sites eram desenvolvidos em um padrão de largura e assim continuavam, independente da resolução do seu monitor.

"Portanto, aquele velho problema de adaptabilidade, hoje já tem uma solução, podemos ter um site e várias possibilidades."
Kleber Costa Jr.

Por exemplo, se você tem um monitor que opera com resolução de 800 x 600 pixels e um determinado site havia sido projetado para monitores maiores, cria-se uma barra de rolagem horizontal na sua tela prejudicando a usabilidade e consequentemente a navegação neste site.

Para que experiências de navegação desagradáveis como esta sejam evitadas, hoje utilizamos Div’s fluidas, imagens fluidas e todo o poder que existe no CSS3, mais precisamente utilizando as Media Queries (Consultas de Mídia), pois são elas que fazem com que os sites se tornem  adaptáveis ao ambiente (resolução) em que  se encontram (assim como o ser-humano, lembra?!). . Atualmente existem alguns sites adaptáveis na web, porém isso ainda – eu disse ainda! – não se tornou uma constante nos sites atuais.

Veja abaixo o exemplo do site da globo.com como se comportaria em diferentes resoluções:

Agora veja abaixo o exemplo de um site adaptável em diferentes resoluções:

Com a aplicação do Design Adaptável, sugiro que pensemos na forma como são construídos os sites atualmente. Pelo que apresentam as tendências, temos que levar essa técnica em consideração, principalmente pela popularização do acesso a mobile sites por dispositivos como smartphones e tablets, que tem aumentado progressivamente.

Estamos presenciando um momento de convergência web-mobile e a tendência é que essa mídia tenha cada vez mais adeptos, e para isso os sites precisam estar preparados. E um modo de prepararmos os sites é criando-os com Design Adaptável.

É importante lembrar, que o esta técnica pode parecer mágica ou aplicável em todo e qualquer projeto, mas não são todos os sites que devem ser adaptáveis, cada projeto é um novo projeto e consigo carrega suas particularidades.

Nos próximos artigos iremos conhecer um pouco mais deste conjunto de técnicas que representam o Design adaptável.

Até a próxima!