Home
Button Mobile Webdesign em Foco
Newsletter Webdesign em Foco
Support Webdesign em Foco
Contribuition Webdesign em Foco
Doe para a Webdesign em Foco
Suporte da Webdesign em Foco
Fechar

Site Adaptável ou Site Responsivo - Qual é melhor?

07/09/2016

� inegável que o uso de dispositivos mobile cresceu consideravelmente nessa última década. Hoje a maior parte dos usuários utiliza a internet através de smartphones, o que faz com que nós, desenvolvedores web tenhamos que nos adaptar a essa realidade.

Nessa vídeo-aula discutiremos um tema que gera muita dúvida nos novos desenvolvedores web.

Site Mobile (Adaptável) ou Site Responsivo - Qual usar?

Existe diferença entre site adaptável e responsivo?

Primeiramente precisamos definir a diferença entre site mobile (adaptável) e site responsivo.

Site Mobile (adaptável): o site adaptável foi uma das primeiras tentativas de desenvolver aplicações web voltadas para dispositivos mobile (smartphones e tablets). Ele utiliza um plugin JQuery ou semelhante para identificar o tamanho de tela do dispositivo que acessa o website e de acordo com o tamanho da tela, guiará o usuário para um diretório.

Para a confecção de um site mobile adaptável é necessário a construção de 02 (dois) websites, um para voltado para dispositivos menores e outros para desktops.

Site Responsivo: para a construção de um website responsivo é necessário a construção de apenas uma aplicação. As configurações para cada tela são definidas através de @media-queries do CSS, assim de acordo com o tamanho do dispositivo ele definirá o tamanho dos componentes. Para isso, utiliza-se de porcentagens nos tamanhos dos elementos.

Mas enfim, qual é melhor?

Sem dúvidas o site responsivo é melhor e é o recomendado pelo Google, ou seja, um site reponsivo sai na frente quando o assunto é SEO (Search Engine Optimization). Dentre os fatores que o tornam melhor estão:
1 - menor tempo na confecção do website, uma vez que trata-se de apenas um site
2 - necessidade de menor espaço em disco
3 - menor gasto com banda, uma vez que não será necessário a utilização de plugins javascript
4 - facilidade de manutenção, visto que será necessário atualizar apenas um website e não 02 (dois) como nos dispositivos adaptáveis

Apesar do site responsivo ser melhor na maior parte dos critérios, existe uma opção que visualizo que o site adaptável seja o ideal: quando o cliente já possui um website complexo como um portal de notícias antigo (sem versão mobile) com muito conteúdo em que as adaptações para um site responsivo seriam muito grandes. Nesse caso, vejo que construir um site específico (adaptável) seria mais fácil e eficiente.

Tirando o exemplo citado acima, estude e desenvolva sites responsivos.

Receba as aulas da Webdesign em Foco em Seu Email
Suporte Webdesign em Foco

Posts Relacionados

Criando um cabeçalho (header) de qualidade
Nessa vídeo-aula aprenderemos como criar um bom header em nosso HTML5, melhorando a nossa codificação e o SEO do nosso website.
Saiba mais!
SEO
O Search Engine Optimization(SEO) consiste em técnicas de desenvolvimento para preparar seu site para alcançar bons resultados nos mecanismos de busca.
Saiba mais!