Desenvolvendo Sites responsivos

SELRES_e2dd226b-02a5-48ef-942f-87ff6a91d351SELRES_be02f92a-297c-4848-9b91-0b0bb0977553O que é web site responsivo?SELRES_be02f92a-297c-4848-9b91-0b0bb0977553SELRES_e2dd226b-02a5-48ef-942f-87ff6a91d351

Em linhas gerais, é a capacidade de uma página da web se adaptar de acordo com o tamanho da tela ou dispositivo em que ela está sendo exibida, ou seja, ele adapta imagens, textos, botões, menus e todo e qualquer elemento da página. O site também poderá se ajustar de acordo com a quantidade de zoom aplicada ou até mesmo ao redimensionar a janela do navegador.

Site mobile não é site responsivo

É bom deixar claro essa diferença. Um site mobile é um site diferente do original; literalmente é um segundo site. Porém ele é feito apenas para ser visualizado em dispositivos móveis, e contém um subdomínio: por exemplo, o domínio do site principal é “exemplo.com.br”, mas o do site mobile é “m.exemplo.com.br”. Quando o site principal é acessado, um JavaScript verifica qual é o user agent do usuário, e o redireciona para o site que melhor adapta ao dispositivo.

Como surgiu?

Surgiu em 2010 por Ethan Marcotte, quando o mesmo escreveu o artigo “Responsive Web Design” para o blog A List Apart. Ethan cita no artigo o arquiteto inglês Christopher Wren, que uma certa vez disse que a arquitetura é uma arte que “visa a eternidade” e que o sonho de todo arquiteto é que seu edifício seja admirado por séculos. Porém no mundo do design digital, isso não é possível; o que é projetado hoje, amanhã pode estar desatualizado.

A importância dos sites responsivos

Hoje em dia temos muitos dispositivos eletrônicos que podem ter conexão à internet. Isso não é mais exclusividade dos computadores, agora há smartphones, tablets e até televisores (smart TV). Seu site precisa adequar a visualização de acordo com o tamanho da tela para facilitar a navegação.

Segundo os dados divulgados pelo Instituto Brasileiro de Geografia e Estatísticas (IBGE) em 21 de fevereiro de 2018, o Brasil possui mais de 116 milhões de pessoas com acesso à internet, dentre eles, 94,6% usam o smartphone; 63,7% os microcomputadores; 16,4% tablet e 11,3% pela televisão.

Vantagens

    • Melhora a experiência do usuário: com a responsividade, o seu site fica fácil de ser usado em qualquer dispositivo, sem que sua identidade visual seja prejudicada;
    • Simplifica a gestão de conteúdo, pois uma vez o seu site atualizado, qualquer um que for acessar por qualquer dispositivo, irá ver a atualização.
    • Melhora a visibilidade em motores de busca: a Google, Bing e Yahoo!, por exemplo, priorizam os sites que possuem uma melhor visualização do dispositivo que você estiver usando, mostrando-os em primeiro. Quanto menos responsivo, mais em baixo o site vai ficando.

Desvantagens

  • Custo: sites responsivos tendem a ser mais caros, por levar maior tempo para serem desenvolvidos, devido a sua maior complexidade.
  • Ocultar partes do site: para que o site se adapte de acordo com a tela do dispositivo, é preciso ocultar algumas partes do site. Portanto, o usuário pode ficar sem algum recurso que ele teria se estivesse navegando no computador, por exemplo.
  • Carregamento mais lento: sites responsivos são um pouco mais lentos no carregamento, pois o navegador precisa baixar todo o conteúdo do site, mesmo que alguma informação não esteja visível na tela.

Conclusão

O tempo passa e as tecnologias avançam. Não dá para ficar parado no tempo, seu site precisa evoluir. Com o surgimento de múltiplos dispositivos que podem conectar-se a internet, temos evidência o suficiente que sites responsivos são uma boa ideia para que o seu site possa ser navegável por qualquer meio que o seu visitante querer. Também ajuda na divulgação do seu site, já que os motores de busca irão mostrar o seu site entre os primeiros dos resultados.

 

foto_joel(Autor: Joel Neto)

Joel é graduado em Gestão de Tecnologia da Informação para FATEC Jaú. Atualmente trabalhando como desenvolvedor WEB na SAVEMAIS Tecnologia, desenvolvendo um primoroso trabalho que reflete satisfação de nossos clientes.

Anúncios