Mobile First es un concepto de diseño web optimizado para móviles, donde inicialmente se crea una página web para tablets y smartphones, para adaptarla luego a las necesidades de un navegador de escritorio. Hasta hace unos años, era común que los diseñadores y los programadores se hicieran cargo de la ejecución de páginas web pensadas únicamente para ser visualizadas en ordenadores. En principio, estas eran diseñadas con una gran variedad de características, adaptando sus gráficos y estructura para ser visualizados en grandes pantallas, usando conexiones de datos de gran velocidad. Así, se relegaría a un segundo plano la planificación de una web móvil, que hasta entonces era considerada una especie de apéndice. Con Mobile First, el flujo de trabajo se invierte y se establecen otras prioridades; impactando a la vez todo el desarrollo e infraestructura técnica detrás de una página web.
Una vista rápida al diseño web móvil
- Se concentra en lo esencial
- No invierte mayor esfuerzo en la programación de lo necesario
- Pensado para un máximo rendimiento en todos los dispositivos
- Su información es de rápido acceso
- Cuenta con diseños personalizados y pensados para smartphones
- Evita el uso de imágenes de gran tamaño y características innecesarias
- Incluye reducciones en el código fuente
- La web es programada directamente en HTML5, renunciando así a JavaScript
En principio, el propósito del diseño Mobile First es desarrollar una solución web óptima para dispositivos móviles; y solo después, basándose en la estrategia de mejora progresiva (en inglés Progressive Enhancement), dichas páginas web son optimizadas para todo tipo de pantallas de ordenadores y portátiles. El siguiente paso consiste en adaptar la página web a formatos lo suficientemente amplios para ser visualizados en pantallas grandes. Es común que, durante la implementación de esta estrategia, se creen grids en formato móvil. Finalmente, vale acotar que todo proceso de optimización de páginas web basado en la estrategia Mobile First se guía por los principios del diseño web responsivo.