Boa tarde pessoal,
Hoje iremos falar um pouco sobre design Responsivo x Mobile, qual a melhor opção?
Essa é maior dúvida de quem está pensando em desenvolver um site para dispositivos móveis, além da versão desktop. Por isso vamos esclarecer um pouco sobre essas dúvidas que surgem.
Design Responsivo
Quando trabalhamos com esse tipo de design, o ambiente para dispositivos móveis e o ambiente para desktop são o mesmo. E o que definirá a experiência do usuário em cada plataforma?
A resposta é a implementação que a programação irá fazer utilizando da técnica de Media Queries, adaptando o layout para as resoluções padrões de cada dispositivo.
Exemplo:
@media screen and (min-width:767px) {
—- Código CSS —-
}
Site Exemplo: G1
Principais resoluções utilizadas:
- Celulares => Entre 320px e 480px de largura (Medida do iPhone em pé e deitado);
- Tablets (em pé) => Entre 600px e 768px de largura (uma média das medidas de diversos tablets);
- Tablets (deitado) => Entre 768px e 1024px de largura (uma média das medidas de diversos tablets);
- Desktop => Acima de 1024px;
As vantagens em se utilizar desse tipo de layout, é a forma de manutenção simplificada, pois será apenas um ambiente para aplicar alterações e gerenciar conteúdo. A outra vantagem é a indexação do google, sites responsivos são mais bem vistos pelo Google, se comparado a versão mobile.
Design Mobile
Já a opção por versão mobile implica na construção de um site totalmente novo, ou seja: você terá dois sites, um para desktops e outro para dispositivos móveis. Normalmente as versões mobile são ambientes simplificados que facilitam a navegação do usuário e trabalham com um código mais simplificado para que funcione em tecnologias já ultrapassadas.
No caso de um e-commerce, todo o layout é pensado para que facilite a conversão da loja.
Neste modelo não trabalhamos com aplicações para cada resolução, o layout é aplicado para todas as resoluções de dispositivos móveis.
A vantagem é que o usuário terá uma experiência bem mais agradável que o design responsivo, e isso é fundamental para a conversão do e-commerce.
Loja Exemplo: Menina Shoes
Conclusão
Como vocês podem ver, ambos tem seus prós e contras, o detalhe é saber analisar qual a sua prioridade, qual o custo para a implementação de cada um e entender o que o seu público alvo espera de seu site.
Quer uma solução profissional para seu e-commerce? Entre em contato conosco e #BoraVender
Abraço e até a próxima
