Uma busca rápida no dicionário encontramos a seguinte definição para responsividade:

"Capacidade de responder rapidamente e do modo mais adequado à situação em questão."

E essa definição se encaixa perfeitamente quando falamos de interfaces web responsivas. Sites e sistemas que fazem uso desse conceito de construção de suas interfaces são capazes de se adaptar ao formato de tela do dispositivo de onde está sendo acessado. A diversidade de dispositivos com características muito distintas entre eles capazes de acessar a Internet estão cada vez mais presentes na mão das pessoas. Isto mostra a importância de ter cuidado com a acessibilidade no projeto de um site para quem deseja entregar o conteúdo da melhor forma possível para o usuário.

 

Como resolver o problema?

Não existe somente uma maneira de apresentar um site corretamente em dispositivos com diferentes tamanhos de tela. Uma das alternativas é desenvolver diferentes versões do site para as diferentes telas, desktops (computadores de mesa) e mobile. Apesar de não ser responsiva por não se adaptar à tela do dispositivo do usuário, e sim exibir a versão do site correspondente àquele tamanho de tela, consegue exibir corretamente as informações. Este método costuma ser mais trabalhoso, pois é preciso construir e manter as diversas versões do site.

Uma outra maneira, e esta sim responsiva, é desenvolver uma única interface, mas fazê-la responder ao tamanho do dispositivo, adaptando a disposição dos elementos e informações conforme o tamanho da tela. Existem diversos frameworks que ajudam neste processo e que podem ser utilizados para construir um site responsivo, como o Bootstrap e o Less Framework.

 

Porquê ter um site responsivo?

Como vimos, os inúmeros dispositivos que são usados hoje para acessar a Internet como tablets, smartphones e desktops possuem diferentes tamanhos de tela, assim como diferentes resoluções. E os computadores de mesa cada vez mais passam a dividir os acessos com os diversos dispositivos mobile. A facilidade com que acessamos a web de qualquer lugar através dos mais variados dispositivos, diversifica muito a variedade de telas que acessam os sites, e isto torna necessário que tudo o que acessamos através deles seja visualizado corretamente, sem prejudicar a navegação. Um site que não se preocupa com a responsividade exige que o usuário faça diversas rolagens de páginas tanto verticais quanto horizontais para que todo o conteúdo possa ser lido. E isto é o suficiente para irritar o visitante e fazê-lo ir embora correndo! É muito fácil para um usuário abandonar um site que esteja dificultando seu acesso, fazendo assim que ele vá para o site seguinte em poucos segundos.

Apesar de existirem diversas técnicas e ferramentas para construir uma interface responsiva, cada uma com suas vantagens, a forma como entregamos o conteúdo é o mais importante. E com a imensa competitividade e busca pela atenção dos usuários existente hoje, é impensável não se preocupar com a responsividade.