Seja do computador, smartphone, tablet ou notebook, o design é o mesmo. O que altera é como o design é apresentado. O layout inteiro é ajustado automaticamente de acordo com a resolução do dispositivo.

O design da versão mobile e toda a sua programação é feito pensando apenas no mobile, sendo uma segunda aplicação, ou seja, uma para navegadores comuns e outra para navegadores mobile. Ao acessar a loja, identifica-se o dispositivo e redireciona a programação específica.

Principais resoluções de tela utilizadas atualmente (pode-se haver variações conforme o dispositivo

• 320 x 480
• 480 x 320
• 768 x 1024
• 1024 x 768
• 1680 x 1050

Alguns pontos fortes do RESPONSIVO devem ser considerados:

• Melhor indexação de SEO (apesar do site dedicado não ficar muito atrás).
• Fácil atualização e manutenção operacional.
• Favorece o carregamento e melhora a conversão de códigos de redirecionamento externos e internos.
• Mesmo look & feel favorece a identidade visual e branding.
• URLs únicas permitem trabalhar facilmente em campanhas.

Características tanto no RESPONSIVO quanto na VERSÃO MOBILE:

• Não existe mouse over.
• Scripts pesam. Diminuir a quantidade ajuda no desempenho do site.
• Imagens grandes pesam no carregamento, e não são abertas (zoom) frequentemente.
• Posts resumidos e chamadas diretas tem melhor aderência.
• Visão 100% vertical.
• Elementos visuais (imagens exceto a foto do produto) devem ser simplórios.
• Diferenciação de tamanho e cor é muito mais acentuada do que na loja tradicional.
• Tempo médio de navegação é muito mais baixo, ou seja, precisa ser objetivo, principalmente na busca dos produtos.
• Visibilidade da vitrine é muito menor, logo, boa categorização faz toda diferença.

Principais elementos visuais reconhecidos nos dispositivos móveis:

A qualidade é indiferente ao tamanho!

Como todo design, não existem pontos totalmente corretos, tão pouco totalmente errôneos. A fórmula secreta é incorporar a maior amostra de clientes finais e compreender a principais barganhas comerciais que temos, aliadas as boas práticas de usabilidade.