Antes de apresentar as principais perguntas e respostas sobre mobile first, é necessário delimitar o que é esse termo e sua abrangência. Em resumo, mobile first é um conceito em design que se pensa primeiramente na arquitetura e desenvolvimento de projetos web direcionados a dispositivos móveis. Quando se aplica este conceito, não se faz adaptações a partir da versão desktop, e sim, cria-se pensando primeiramente no mobile como a tradução literal quer dizer: o móvel primeiro. Dessa forma, o Desktop terá uma versão derivada da mobile, tendo assim um melhor desempenho e experiência para o usuário.

Também é importante ressaltar: o mobile first é o contrário de design responsivo, que pensa primeiramente na versão desktop que pode também ser acessada por dispositivos móveis, porém, para que isto aconteça, é necessário fazer uma série de adaptações.

Por que o mobile first é importante?

Nos dias atuais, criamos uma relação muito próxima e íntima com nossos dispositivos móveis. Além de, estatisticamente falando, o acesso à internet por dispositivos móveis supera os acessos via desktops, a navegação mobile é reconhecida como mais prática devido à facilidade de utilizá-la em qualquer lugar, como também economicamente falando, por muitas vezes ser mais acessível.

Como o mobile first funciona?

No mobile first pensa-se primeiramente no dispositivo móvel e quais são as informações mais importantes que o usuário gostaria de ver na sua tela ao acessar o aplicativo. Luke Wroblewski, diretor de produtos da Google, explica que "o mobile não deixa espaço para nenhum conteúdo de relevância duvidosa. Você precisa saber o que realmente importa. Para fazer isso, você precisa conhecer bem os seus usuários e o seu mercado".

Um desktop é muito mais confortável e espaçoso em seu design para armazenar informações na tela, por isso, ao pensar primeiramente no desktop criam-se problemas para a versão mobile visto que existe menos espaço e é necessário focar nas informações mais relevantes, sem espaço para exageros. Outro ponto importante para ressaltar, é a diferença muito grande de atenção e conforto quando o usuário está utilizando a versão mobile ou a versão desktop. Na versão, mobile muitas vezes uma série de outras tarefas estão sendo executadas ao mesmo tempo, sem falar que o usuário pode estar andando no meio da rua enquanto navega pelo site ou aplicativo, diferente de quando o mesmo é acessado a partir da versão desktop cuja atenção, tempo e o conforto são muito maiores.

É melhor pensar primeiro no mobile?

Sim, com certeza. Em eras onde tudo é mobile, é indispensável pensar primeiramente no mesmo para evitar adaptações desperdiçam tempo e o desempenho pode cair  consideravelmente. Não basta apenas diminuir uma imagem, por exemplo, é necessário já pensar desde o início na imagem mais leve e menor para que o acesso seja mais ágil e, assim, o cliente fique satisfeito e não desista de acessar seu site porque o mesmo demora para carregar no smartphone.

A era do Mobile only, o que é? já estamos nela?

Mobile only é um conceito utilizado para destacar os usuários que acessam a internet apenas por celulares e tablets por mais de um mês, segundo o site Search Engine Watch. Desde 2014, o número de usuários que trafegam pela internet a partir de dispositivos móveis aumentou radicalmente, superando o acesso por meio de desktops. Segundo divulgado pelo site, 80% das buscas realizadas por smartphones são transformadas em compras e as pessoas acessam os celulares aproximadamente 150 vezes ao dia. Outra pesquisa bastante relevante é a da "Global Digital Future in Focus", que traz um relatório informando que o número de pessoas que usam apenas celulares e tablets para acessar a internet ao redor do mundo, passou dos 30%, sendo o Brasil o país com o maior crescimento.

Todas essas informações e dados revelam que já ingressamos na era mobile only e que as empresas cada vez mais precisam se preparar para alcançar seus clientes por meio dos smartphones e tablets, afinal, a tendência é que esse número de pessoas que acessam a internet apenas por meio de dispositivos móveis, cresça significativamente, reduzindo gradativamente o uso do desktop.

Para ler um pouco mais sobre o tema mobile, aprenda também o que são as tecnologias AMP e PWA.