O que รฉ um site responsivo?
Devido ao grande nรบmero de dispositivos portรกteis com acesso ร internet (laptops, ultrabooks, netbooks, tablets e smartphones) e a facilidade que se tem em explorar conteรบdos digitais por meio destes aparelhos, juntamente com a procura de informaรงรฃo, pesquisa de produtos, entretenimento, notรญcias e uma infinidade de conteรบdo digital, hรก uma demanda de adequaรงรฃo de visualizaรงรฃo para que todo este conteรบdo seja exibido corretamente ao ser acessado por algum destes dispositivos.
A primeira vista isto pode nรฃo parecer um problema, mas nรฃo podemos esquecer que alรฉm da variedade de aparelhos tambรฉm existe um grande nรบmero de tamanhos de telas com resoluรงรตes, configuraรงรตes diferentes e softwares de navegaรงรฃo que exigem adequaรงรตes diferenciadas.
Como entรฃo resolver essa questรฃo?
Hรก algum tempo atrรกs os profissionais responsรกveis pela criaรงรฃo web desenvolviam um site para cada resoluรงรฃo diferente, adotando pelo menos uma destas resoluรงรตes como padrรฃo mรญnimo, por exemplo 1024×780, e distribuindo todo o conteรบdo de maneira que pudesse ser visto sem que houvesse qualquer tipo de interferรชncia.
Mas o trabalho era inviรกvel, jรก que se gastava um bom tempo para adequar o mesmo conteรบdo para cada resoluรงรฃo ou tamanho de tela que seria exibido, tendo que trabalhar tanto a questรฃo da estrutura, quanto principalmente o tamanho das imagens e a diagramaรงรฃo das informaรงรตes no layout.
Atualmente, os desenvolvedores passaram a adotar uma maneira diferente para solucionar este problema, chamado design responsivo, que รฉ uma metodologia de construรงรฃo de HTML e CSS que tem por objetivo fazer com que a disposiรงรฃo de informaรงรตes do site se comporte de acordo com o tipo de aparelho detectado pelo sistema, utilizando apenas um รบnico site para exibir este conteรบdo.
Esse processo nรฃo possui um desenvolvimento รกgil como muitos podem pensar, pois requer alguns testes durante e apรณs o desenvolvimento para saber se o site estรก de acordo com o tamanho de tela de cada dispositivo. No entanto, acaba sendo mais prรกtico para os desenvolvedores, pois apesar de ter um maior trabalho inicial por conta dos testes e adaptaรงรตes, serรก recompensado na manutenรงรฃo das pรกginas no futuro. Serรก necessรกrio editar apenas um HTML e algumas folhas de estilo ao invรฉs de diversos HTML e imagens de diferentes tamanhos.
Hoje em dia cerca de 69% da navegaรงรฃo รฉ feita atravรฉs de desktops e notebooks, enquanto 41% acessa a partir de dispositivos mรณveis, e a perspectiva รฉ de que esse nรบmero venha aumentar cada vez mais. Portanto, design responsivo nรฃo รฉ apenas um modismo, trata-se do design ร favor do conteรบdo e do usuรกrio.
Para que o seu site seja responsivo, fale com a Next4.
Daniel Z. Chohfi
Daniel Zollinger Chohfi รฉ empresรกrio, publicitรกrio, e ajuda empreendedores a construรญrem seus negรณcios com aย internet.
Hรกย mais de 15 anos no mercado, jรก foi dono de agรชncias de marketing digital no Brasil, morou nos EUA, e รฉ editor-chefe do Vitamina Publicitรกria, eleito como um dos melhores blogs de marketing pela Hubspot. Recentemente foi destaque na Copyblogger, considerada a bรญblia do marketing de conteรบdo pela VentureBeat.