Com o crescimento da variedade de dispositivos onde os websites são visualizados (laptops, tablets, netbooks, smartfones, desktops com ecrã pequeno, iMacs com ecrãns gigantescos, etc.), seria muito trabalhoso e dispendioso desenhar múltiplas versões do mesmo site que contemplasse cada uma dessas variações de tamanho de ecrã e cada uma das resoluções de ecrã disponíveis no mercado.

O Responsive Web Design é uma das soluções técnicas para esse problema: programar um site de forma para que os elementos que o compõem se adaptem automaticamente à largura do ecrã do dispositivo no qual ele está sendo visualizado.

Um design responsivo inclui:

  • Adaptar o layout da página de acordo com a resolução em que está sendo visualizada.
  • Redimensionar as imagens automaticamente para que caibam no ecrã e para que não sobrecarreguem a transferência de dados num smartfone, por exemplo.
  • Simplificar elementos do ecrã para dispositivos móveis, onde o utilizador normalmente tem menos tempo e menos atenção durante a navegação.
  • Ocultar elementos desnecessários nos dispositivos menores.
  • Adaptar o tamanho de botões e links para interfaces touch onde o ponteiro do rato é substituído pelo dedo do utilizador.
  • Utilizar de forma inteligente recursos mobile como geolocalização e mudança na orientação do aparelho (horizontal ou vertical).

Uma variação do “Responsive Web Design” é o “Adaptive Web Design”, uma versão um pouco simplificada da primeira. A diferença, no segundo caso, é que o layout se adapta para três ou quatro larguras de ecrã específicas e não pixel a pixel, como no primeiro caso.

O seu web site está a ser apresentado adequadamente?
Aposte num website compatível com todos os dispositivos.

Peça-nos uma proposta