Por que o seu site precisa ser pensado primeiro para o celular

Pense em como o seu cliente encontra você. Na fila do banco, no intervalo do almoço, no ônibus, no sofá à noite. Quase sempre com o celular numa mão e, muitas vezes, com a internet oscilando.

É nessa tela do tamanho de uma mão que ele decide se liga, se pede orçamento ou se volta para a busca. Um site desenhado para o computador e ajustado depois para o celular costuma mostrar isso logo de cara.

O que significa "celular primeiro"

Celular primeiro é começar o projeto pela tela pequena. Primeiro se decide o que é mais importante, em que ordem aparece e o que pode sair. Só depois a página cresce para o computador, ganhando espaço e detalhes.

Parece só uma questão de ordem, mas muda o resultado. Quem começa pela tela grande tende a encher a página e depois espremer tudo. Quem começa pela tela pequena é obrigado a escolher. E escolher deixa o site mais claro em qualquer tela.

O que muda na prática

Texto direto

No celular, cada frase ocupa várias linhas. Parágrafos curtos, títulos que dizem tudo e detalhes mais abaixo. Se uma informação não ajuda o cliente a decidir, ela pode sair.

Botões feitos para o dedo

Botões grandes, com espaço em volta, fáceis de tocar com o polegar. Telefone que liga com um toque, endereço que abre o mapa, botão de WhatsApp que já abre a conversa.

Formulários curtos

Digitar no celular cansa. Peça só o necessário e use o teclado certo para cada campo: numérico para o telefone, com arroba para o e-mail. Deixe o navegador preencher o que ele já sabe, como nome e endereço.

Velocidade

A conexão do celular varia o tempo todo. Imagens leves, nada pesado tocando sozinho e só o necessário para a página aparecer rápido.

Leitura confortável

Letra grande o bastante para ler sem dar zoom, bom contraste entre texto e fundo e nada que obrigue a arrastar a tela para o lado.

Imagens que fazem sentido em pé

A tela do celular é estreita e alta. Uma foto larga, que fica ótima no computador, vira uma faixa fina no celular, e o detalhe importante some. Escolha imagens que funcionem bem em pé ou prepare versões diferentes para cada tela.

Erros comuns de site adaptado às pressas

• Menu que cobre a tela inteira e é difícil de fechar.
• Janela que salta na tela e esconde o próprio botão de fechar.
• Tabelas largas que obrigam a arrastar para o lado.
• Texto minúsculo, pensado para a tela grande.
• Botões colados um no outro, que fazem tocar no errado.
• Imagem enorme no topo, que empurra o conteúdo para baixo.

Como testar o seu site hoje

1. Abra o site no seu celular, usando a internet móvel.
2. Marque quanto tempo leva para achar o telefone ou o botão de contato.
3. Preencha o formulário até o fim, como um cliente faria.
4. Peça para alguém que não conhece o site fazer o mesmo e observe sem ajudar.
5. Anote cada momento em que a pessoa hesitou, errou o toque ou precisou dar zoom.

Cada anotação é uma melhoria a fazer. Se você tem acesso às estatísticas do site, confira também quantas visitas chegam pelo celular e quantas pelo computador. Os seus próprios números dizem por onde começar.

Se funciona bem na tela pequena, fica ainda melhor na grande. O contrário quase nunca acontece.

O que perguntar a quem vai fazer o seu site

Antes de contratar, faça estas perguntas. As respostas mostram se o celular vai ser tratado como prioridade ou como adaptação:

• Vocês desenham primeiro a versão do celular?
• Posso ver e testar o projeto no meu próprio celular antes de aprovar?
• Como a página se comporta com a internet lenta?
• O formulário de contato foi testado no celular, do começo ao fim?
• Os botões de telefone, mapa e WhatsApp funcionam com um toque?

E o computador?

Continua importante. Muita gente pesquisa no computador, principalmente antes de compras maiores e de contratações entre empresas. Pensar primeiro no celular não significa caprichar menos na tela grande. Significa decidir o essencial na tela pequena e usar o espaço extra do computador para mostrar mais, sem perder a clareza.

Quando o celular vira o canal principal

Se os seus clientes usam o seu serviço toda semana, para agendar, pedir ou acompanhar alguma coisa, talvez valha ir além do site. Um aplicativo deixa o seu serviço a um toque, com avisos na hora certa.

Todo projeto da V8 nasce na tela pequena e depois cresce para o computador. Veja como fazemos sites institucionais e landing pages, ou conte o que você precisa em 2 minutos.