Uma coisa que ainda se pensa muito sobre responsividade e mobile first é que isso é uma adaptação que deve ser feita somente no processo de desenvolvimento, fazendo com que muitas premissas de mobile first não sejam cumpridas, pois isso não é verdade. O processo criativo é tão importante quando o desenvolvimento quando iniciamos a construção ou adaptação para criar algo realmente mobile first.
Organizar a informação para dispositivos móveis é um desafio, e por isso deve ser feito primeiro. A tela menor que o monitor, a área de toque dos dedos maior que do ponteiro do mouse e a falta de um ponteiro para demonstrar possíveis interações (hover), são alguns dos motivos que tornam a arquitetura da informação para dispositivos móveis um desafio. Menus dropdown, o floating button ou o famoso menu drawer do material design são soluções criadas visando solucionar problemas de poluição visual em dispositivos móveis.
Uma vez concebida uma solução que funcione bem em um device móvel, esta pode ser facilmente adaptável a um dispositivo com tela maior.
Imagine um cenário onde, no celular, algumas informações que estão presentes no desktop não serão exibidas. O caminho mais curto seria esconder no celular esse conteúdo, a estética estaria resolvida, problema solucionado, certo?
Errado. Essa abordagem fará com que o dispositivo móvel carregue todo o conteúdo e depois o esconda, fazendo com que justamente o device que tem menos recursos de processamento e acesso a internet tenha que baixar coisas que não serão vistas e, de forma alguma, aproveitadas.
A abordagem correta neste caso (onde o device móvel e desktop diferem em conteúdo) é fazer uma exibição progressiva, mobile first. Isso significa que, em vez de esconder em mobile o que não será utilizado, o componente será inserido apenas na versão desktop, evitando assim o desperdício de poder de processamento e alguns kb do precioso plano de dados do seu usuário.