Site no celular: por que ele precisa nascer pensado para a tela pequena
Your website on phones: why it must be designed for small screens first
A maior parte das visitas a sites de pequenos negócios chega pelo celular: um link no WhatsApp, um perfil no Instagram, uma busca rápida no Google. Se o site foi pensado só para o computador, essa pessoa encontra texto miúdo, botões que não dá para tocar e uma página que demora a abrir. E vai embora.
Por isso um site bom hoje é feito para celular e computador, começando pela tela pequena.
O teste dos 10 segundos
Abra o seu site no seu próprio telefone, com o 4G ligado em vez do Wi-Fi, e responda:
- Em 10 segundos dá para entender o que a empresa faz?
- Dá para ler tudo sem dar zoom?
- O botão de contato aparece sem precisar procurar?
- Algum texto ou imagem fica cortado ou passa da borda da tela?
Se alguma resposta for não, o site está perdendo clientes.
Texto que se lê sem esforço
Letra de tamanho confortável, linhas curtas e bom contraste entre texto e fundo. Parágrafos longos no computador viram paredes de texto no celular; divida em blocos menores.
Botões feitos para o dedo
Botões precisam ser grandes e ter espaço entre eles. Dois links colados um no outro fazem a pessoa tocar no errado, se irritar e desistir.
Leve e rápido
Imagens do tamanho certo, sem vídeos pesados abrindo sozinhos e sem dezenas de scripts. Cada segundo de espera faz uma parte dos visitantes desistir antes de ver a primeira tela.
Formulários curtos
No celular, digitar é trabalhoso. Peça só o necessário, use o teclado certo para cada campo (numérico para telefone, de email para email) e ofereça o WhatsApp como alternativa.
E o computador?
Feito para o celular não quer dizer feio no computador. Um bom site se adapta: no telefone, uma coluna limpa; na tela grande, mais espaço, imagens maiores e conteúdo lado a lado. Os sites da DecoDevMG são feitos para celular e computador desde o primeiro esboço, e testados nos dois antes de ir ao ar.
Most visits to small business websites come from phones: a link on WhatsApp, an Instagram profile, a quick Google search. If the website was designed only for computers, that person finds tiny text, buttons that can't be tapped and a page that takes forever to open. And leaves.
That's why a good website today is built for phones and computers, starting with the small screen.
The 10 second test
Open your website on your own phone, using mobile data instead of Wi-Fi, and answer:
- Within 10 seconds, can you tell what the company does?
- Can you read everything without zooming?
- Is the contact button visible without searching for it?
- Is any text or image cut off or spilling past the edge of the screen?
If any answer is no, the website is losing customers.
Text that's easy to read
A comfortable font size, short lines and good contrast between text and background. Long paragraphs on a computer become walls of text on a phone; break them into smaller blocks.
Buttons made for fingers
Buttons need to be big and have space between them. Two links squeezed together make people tap the wrong one, get annoyed and give up.
Light and fast
Images at the right size, no heavy videos playing on their own and no dozens of scripts. Every second of waiting makes some visitors give up before they see the first screen.
Short forms
Typing on a phone is hard work. Ask only for what's needed, use the right keyboard for each field (numeric for phone numbers, email for email) and offer WhatsApp as an alternative.
What about computers?
Built for phones doesn't mean ugly on computers. A good website adapts: on the phone, one clean column; on a big screen, more space, larger images and content side by side. DecoDevMG websites are built for phones and computers from the first sketch, and tested on both before going live.