Índice
Web design responsivo, qual é o benefício para a web?Muitos aspectos do comportamento do usuário têm sido estudados por especialistas em marketing e indicam que 70% das pessoas entre 18 e 45 anos navegam na internet não de computadores, mas de tablets e telefones, que é um mercado muito grande, se assim fosse.
O que é um web design responsivo?
É um design que se adapta a qualquer dispositivo e resolução de tela, seja um celular, um tablet, um computador ou uma tela de tv. Tudo isso deve ser adaptado sem criar versões diferentes de um site para cada dispositivo, mas é um único site que deve ser capaz de se adaptar.
Uma maneira é por meio do módulo de consultas de mídia CSS3 que permite a renderização de conteúdo para se adequar a condições como a resolução da tela
Por exemplo, no arquivo de estilos.css
@import url (styles.css) apenas tela e (max-device-width: 480px);
Dentro do arquivo, começamos a definir dispositivos com largura máxima de 480px e orientados horizontalmente:
@media only screen e (max-device-width: 480px) e (orientação: paisagem) {
/ * aqui estarão os estilos para este dispositivo * /
}
Outro estilo para tela vertical
tela somente @mídia e (largura mínima: 680px) e (largura máxima: 979px) e (orientação: retrato) {
/ * estilos * /
}
Aqui definimos estilos para um iPhone 5
tela @mídia e (proporção do dispositivo: 40/71) {
/ * estilos * /
}
O ideal é medir tudo em porcentagem para poder fazer um site genérico sem ter que fazer tantas folhas de estilo.
Uma maneira é posicionar o conteúdo cobrindo 80% da largura da tela, o que manterá a seção de conteúdo em qualquer dispositivo.
Algumas vantagens e aspectos a considerar
O trabalho de web design responsivo é uma forma de fazer SEO, já que evitamos a duplicação de links e conteúdo para diferentes versões do dispositivo, Google ele gosta, embora não signifique que seja necessário. Se fizermos isso para usuários de celular e não para o Google.
Para cada dispositivo, a experiência e a urgência são diferentes, pois são usados em momentos diferentes.
Geralmente quem navega de um computador está no trabalho ou em casa, pois a busca será mais tranquila e com mais tempo para ler e ver o banner, quem navega de um tablet com certeza será um profissional ou alguém que realiza uma tarefa específica pois, portanto, você precisa de orientação ou informações de referência, mas não de algo que impeça sua pesquisa.
Enquanto quem navega por telefone será o mais jovem ou uma pessoa com muito mais mobilidade e buscará informações rápidas e concretas para consultas urgentes ou busca rápida de informações sobre um local, evento ou necessidade de comunicação, alguns desses aspectos se revelam no Relatório comScore de marketing online gratuito, gratuito e que reflete as tendências anuais.
