Um dos pedidos mais comuns que estamos recebendo hoje em dia é para o desenvolvimento de sites responsivos e isso é uma coisa boa porque há alguns grandes benefícios em ir com um site responsivo. No entanto, esta também parece ser uma área comum de confusão. Começaremos compartilhando alguns dos freqüentes equívocos que encontramos quando falamos com os clientes sobre sites responsivos e amigáveis aos celulares:
- Sites somente responsivos funcionam em dispositivos móveis.
- Todos os sites precisam ser responsivos.
- Um site amigável aos celulares é responsivo.
Então o que exatamente significa “responsivo” e “amigável aos celulares”? Vamos dar uma olhada de perto…
Dê uma olhada em nosso website responsivo
Desenho responsivo
Um website responsivo é aquele que responde (ou muda) com base nas necessidades dos usuários e do dispositivo (dispositivo móvel neste exemplo) no qual eles estão visualizando. Aqui, o texto e as imagens mudam de um layout de três colunas para um display de uma única coluna. Imagens desnecessárias são ocultas para não interferirem ou competirem com as informações mais importantes na tela menor do site.
Se você estiver em um computador, você pode dizer se um site é responsivo, reduzindo o tamanho da janela do seu navegador da tela inteira para muito pequena. Se a aparência do texto, das imagens e do menu mudar à medida que você fica menor, o site é responsivo.
Key features of responsive websites:
- Conteúdo dinâmico que muda
- Navegação é condensada
- Imagens optimizadas
- Achofamento e espaçamento correctos
- Correcto nos sistemas operativos móveis para funcionar
Dê uma vista de olhos à nossa versão desktop
Móvel-Friendly Design
Um site móvel amigável é aquele que é projetado para funcionar exatamente da mesma maneira entre dispositivos. Isto significa que nada muda ou é inutilizável em um computador ou dispositivo móvel. Características como as drop-downs de navegação são limitadas, uma vez que podem ser difíceis de usar em dispositivos móveis. E nenhuma animação Flash é utilizada. O website é literalmente o mesmo em toda a linha, sem preocupações de usabilidade, independentemente do dispositivo em que está sendo visualizado.
Características-chave do mobile-friendly:
- Conteúdo estável que não muda
- Navegação simplificada
- Imagens exibem menores
- Não depende de um sistema operacional móvel para funcionar corretamente
Como saber qual é o mais adequado para você?
Bem, vamos quebrá-lo para você com uma pequena lista de verificação útil…
Responsiva
Você pode obter uma experiência móvel mais personalizada com design responsivo. No entanto, requer perícia, planejamento adequado e um orçamento um pouco maior.
Pense em responder se:
- Uma grande maioria do seu tráfego web está a ver o seu site a partir de um dispositivo móvel – pelo menos 35%
- Você tem um conteúdo ou características complexas do site que são difíceis de usar num dispositivo móvel
- Você planeia no seu site ter uma vida útil mais longa e quer que ele apareça actualizado por mais tempo
Móvel-amigável
Você pode alcançar uma experiência consistente no site em todos os dispositivos com um site simplificado e amigável para o telemóvel. Estes sites podem não ter características ou funcionalidades loucas, mas apenas funcionam.
>
Pense em ir para o mobile-friendly if:
- Você não tem uma grande audiência móvel olhando para o seu site no celular – menos de 35%
- Você tem um site simples que é baseado principalmente em texto e imagem, sem funcionalidades complexas
- Os seus tamanhos de imagem são pequenos, permitindo um carregamento rápido sobre as conexões móveis