Porque o design mobile-first já não é opcional
Por The AsasWeb team 2 min de leitura
A maioria dos visitantes de um site de negócio chega agora num telemóvel, por isso desenhe primeiro para o ecrã pequeno e amplie a partir daí. Começar pela restrição mais difícil obriga a clareza sobre o que importa, mantém as páginas leves o suficiente para ligações lentas e produz desenhos feitos para o toque, com alvos de toque generosos e sem dependência do hover. Teste num telemóvel real de gama média, até um ecrã com 320 píxeis de largura, em vez de num simulador.
Para a maioria dos sites de empresa, a maior parte dos visitantes chega agora no telemóvel. Se o seu site foi desenhado num monitor grande e só verificado no telemóvel no fim, esses visitantes estão a receber a pior versão do seu trabalho. O design mobile-first inverte essa ordem, e o resultado é melhor para todos.
Comece pela restrição mais difícil
Um ecrã de telemóvel obriga a escolhas difíceis. Não há espaço para confusão, por isso decide o que realmente importa: a única mensagem, a única ação, o conteúdo que as pessoas vieram mesmo buscar. Quando depois aumenta para um tablet ou desktop, está a acrescentar espaço a um design que já funciona, em vez de espremer um layout de desktop num telemóvel.
O desempenho vem de borla
Desenhar para o telemóvel significa desenhar para uma ligação mais lenta e um dispositivo menos potente. Essa disciplina mantém as páginas leves, o que ajuda o seu posicionamento na pesquisa e a sua taxa de conversão em todos os dispositivos, não só no telemóvel. Pode ler mais na nossa nota sobre o que torna um site rápido.
Toque, não hover
Mobile-first significa também desenhar para os dedos. Os alvos de toque precisam de espaço, tudo o que depende de passar o rato por cima precisa de uma alternativa amigável ao toque, e os formulários têm de ser rápidos de preencher com um polegar. Estas são as mesmas coisas que tornam um site mais fácil de usar com um teclado ou tecnologia de apoio, por isso a acessibilidade e a qualidade no telemóvel reforçam-se mutuamente.
Teste num telemóvel real
Um simulador não é o mesmo que um telemóvel de gama média numa ligação normal. Testamos cada projeto até um ecrã de 320 pixels de largura, sem deslocamento horizontal e com alvos de toque confortáveis.
Se o seu site atual tem dificuldades no telemóvel, isso está a custar-lhe pedidos de contacto. Inicie um projeto e nós construímos um que funciona lindamente no dispositivo que a maioria dos seus clientes realmente usa.