A maior parte do tráfego de qualquer site hoje vem do celular, não do computador. Ainda assim, muita empresa desenha o site pensando primeiro na tela grande e depois adapta para o mobile, quando deveria ser o contrário.
O que muda quando se pensa mobile primeiro
- Botões maiores e mais espaçados: dedo não tem a precisão do mouse
- Texto que não exige zoom para ler: legibilidade em tela pequena é prioridade
- Menu simplificado: sem submenus complicados de navegar com o polegar
Velocidade de carregamento é parte do design
Site bonito que demora para carregar no 4G perde cliente antes mesmo de mostrar o conteúdo. Imagens otimizadas e menos elementos pesados fazem parte do design responsivo de verdade.
Teste no celular real, não só no navegador
Ver o preview no computador não substitui abrir no próprio celular e tentar navegar como um cliente real navegaria, com uma mão só, no ônibus, com pressa.
Design responsivo bem feito é invisível, o cliente nem percebe que está numa tela pequena. Mal feito, é a primeira coisa que ele nota, e a última vez que ele volta.