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

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s