Os primeiros desenvolvedores de sites não precisavam se preocupar muito com o design de sites, pois os usuários os viam em computadores e esses computadores tinham resolução de tela fixa. Com a revolução móvel, mais e mais pessoas estão pesquisando em seus dispositivos móveis - tablets ou telefones celulares - para obter informações. Portanto, tornou-se necessário que os desenvolvedores de sites criem um site que atenda a tudo, desde o Windows PC até dispositivos móveis. Este artigo explica a diferença entre design web adaptativo e responsivo e permite que você decida qual deles é melhor para você e sua organização.
Web design responsivo
O Web Design Responsivo envolve codificação extra e emprega o que é chamado de "grades de fluido". Os números são especificados em "porcentagem" em vez do número exato de pixels. Isso faz com que o mesmo código de website seja renderizado corretamente na tela do PC e na tela do celular. Assim, não importa como você redimensione sua tela, o mesmo site é apresentado de maneira fácil de ler. Para sites menores, o texto e as imagens fluem facilmente com o espaço da tela e se encaixam nele sem interromper o site ou sem recortar partes do site.
Uma abordagem de design web responsivo torna obrigatório o uso de CSS3 em vez de apenas CSS. Ele também faz uso de imagens escaláveis e grades de fluidos que são um pouco difíceis de codificar.
Web design adaptativo
O web design adaptável também está focado em apresentar websites visíveis em tablets e telefones celulares, além de telas de PC. A abordagem é um pouco diferente. No web design responsivo, foi a flexibilidade que permitiu o fluxo de texto livre e o dimensionamento de imagens para caber nas diferentes telas.
No design da Web adaptável, os desenvolvedores usam tamanhos de tela pré-determinados e codificam adequadamente. Ou seja, quando um usuário acessa o site, o site determina o tipo de dispositivo que está sendo usado e apresenta o website projetado para o tamanho de tela desse dispositivo específico. O conteúdo pode variar em vários dispositivos em alguns casos.
Por exemplo, os desenvolvedores considerariam 1280 × 800 pixels para PCs, 8 para tablets e 5 para celulares. O código inicial de web design adaptável contém identificação de telas. Se for o PC, mostre a versão para PC do site. Se for um tablet de 8 ″, mostre a versão tablet do site e da mesma forma, se o aparelho for um celular, mostre a versão mobile do site. Isso é obtido usando a instrução “IF”, seguida por diferentes dimensões especificadas exatamente em pixels, em vez de torná-las em porcentagem.
Se novos dispositivos aparecerem com resolução de tela diferente, os desenvolvedores terão que voltar a codificar para incorporar as resoluções de tela mais recentes. Assim, o web design adaptativo tem algumas chances de recortar dispositivos menores se os desenvolvedores não forem cuidadosos.
Em comparação com o design responsivo da web, o design da Web adaptável é mais fácil de codificar e a maioria dos desenvolvedores escolhe o último em relação ao design responsivo da web.
Web design responsivo vs adaptativo
Sites responsivos são difíceis de codificar. O código é complexo e usa valores de porcentagem em vez de valores de pixel fixos. É necessária uma boa concentração para criar um website que seja dimensionado de acordo com o tamanho da tela dos dispositivos. Pelo contrário, é mais fácil criar sites diferentes para diferentes dispositivos, como é o caso do web design adaptável. Embora o trabalho seja mais adaptativo na web, já que os desenvolvedores criariam sites diferentes para diferentes tamanhos de dispositivos, ainda é mais fácil se comparado ao design responsivo da web.
Como há muitos dispositivos móveis no mercado, os desenvolvedores não podem necessariamente incluir todos os tipos de resoluções de tela. Isso leva ao corte de sites em telas menores quando a abordagem de design de web adaptável é usada.
Websites adaptáveis são um pouco lentos no carregamento, pois o site precisa primeiro descobrir qual dispositivo e qual resolução de tela está sendo usada. Com base nisso, a versão relacionada do website é carregada na tela do dispositivo. No caso de web design responsivo, um único código é usado e é automaticamente reduzido para caber nas telas dos dispositivos móveis.
Você pode querer também dar uma olhada neste post no MSDN intitulado Por que eu prefiro o design da Web adaptável ao design responsivo da web.
ATUALIZAÇÃO: A página vinculada não está disponível na Microsoft. Você pode querer verificar o SharePoint Responsive Web Design.
