Princípios do design responsivo: prepare seu site para o acesso em smartphones

Hoje, ter um design responsivo é essencial para que a aparência do site seja otimizada automaticamente para qualquer tamanho de tela/dispositivo (celular, tablet ou computador desktop). De acordo com a Statista, 52% de todo o tráfego da Web agora vêm de dispositivos móveis, e esse número cresce a cada ano. Esta é uma das estatísticas mais importantes que o dono de um site deve ter em mente.

Se seu site não está preparado para ser acessado em dispositivos móveis, as pessoas não vão conseguir encontrar, visitar, se converter em clientes ou continuar usando seu site/empresa. As grandes plataformas como o WordPress.com facilitam as coisas, já que todos os temas oferecidos são preparados para o ambiente mobile (até mesmo os que são gratuitos).

Confira a seguir quatro etapas para deixar o seu site responsivo ainda mais preparado para o acesso em dispositivos móveis.

1. Comprima os arquivos

A compressão de arquivos CSS, HTML e JavaScript é automática nos sites do WordPress.com. No entanto, se você preferir comprimir os arquivos por conta própria, experimente usar designs personalizados.

Quando o assunto é compressão de imagens, os sites do WordPress.com também têm uma grande vantagem. Eles usam automaticamente o Photon para comprimir as imagens e enviá-las pela rede de distribuição de conteúdo (CDN). Portanto, esteja onde o visitante do seu site estiver, suas imagens serão automaticamente comprimidas e levadas ao computador dele por uma rede de servidores próxima.

2. Simplifique a navegação

Não importa se seu menu de navegação se recolhe em um único ícone ou se ele aparece na horizontal na parte superior de uma janela no celular, a regra é a mesma: simplifique.

Oferecer muitas opções de navegação ou submenus pode ser cansativo, podendo ainda gerar problemas de formatação em dispositivos móveis.

3. Escreva pensando no mobile

Os visitantes do seu site podem ser divididos em três categorias: leitores superficiais, leitores atentos e híbridos. Os leitores superficiais leem as páginas por alto para captar os detalhes principais, enquanto os leitores atentos se atêm a todas as palavras. Já os leitores híbridos alternam entre os dois tipos, dependendo do grau de interesse inicial e do envolvimento gera pelo site.

Parte do plano de design responsivo deve ser escrever para os três tipos. O site E-Write recomenda usar o método “Petisco, Lanche, Refeição”. “Petisco” é usar o título da página/post para definir a expectativa dos leitores (por exemplo, “como os nossos serviços reduzem os seus custos”). Já o “Lanche” é a criação de uma seção de resumo e/ou conclusão dos principais pontos do assunto. E a “Refeição” é o acréscimo de explicações detalhadas para preencher as lacunas.

Aplique essas dicas e garanta que seu site tenha um design preparado para o ambiente mobile.