Num mundo onde as pessoas navegam cada vez mais a Internet por dispositivos móveis, um site que se ajusta ao ecrã automaticamente torna-se indispensável.

Com o avanço da tecnologia, e com cada vez mais dispositivos móveis, a necessidade de usar um computador foi diminuindo. Tendo isso em conta, os sites têm de estar preparados para as várias resoluções de ecrã, como para smartphones, tablets, netbooks, etc. É nisto que consiste o web design responsivo, um site com layout fluido que se ajusta ao ecrã para que não seja necessário desenvolver várias versões do mesmo site para as várias resoluções.

Site não responsivo

Vantagens

  • Mesma aparência independentemente da resolução;
  • Mais fácil de ser criado;
  • Mais rápido de ser criado.

Desvantagens

  • Problemas de visualização em resoluções muito baixas ou muito altas;
  • Resoluções baixas podem causar navegações horizontais, dificultando a leitura;
  • Resoluções altas podem causar com que o site tenha demasiado espaço vazio nas laterais;
  • Dificuldade em lidar com alterações no tamanho de fontes.

Site responsivo

Vantagens

  • Consegue ocupar todo o ecrã do navegador com conteúdo, facilitando a leitura;
  • Página mais dinâmica no ajuste do tamanho da letra;
  • Todos os elementos são distribuídos pelo espaço da página.

Desvantagens

  • Mais difícil de ser criado;
  • Diferente aparência em diferentes resoluções;
  • Desenvolvimento mais demorado.

Desde 21 de Abril de 2015 que a Google penaliza todos os site que não são responsivos, ou seja, numa pesquisa feita num motor de busca da Google, os site não responsivos estão em posições mais baixas e têm assim menos probabilidade de serem visitados.