Logo de Dallonses

Desarrollo mobile-first

¿Qué es el desarrollo mobile-first?

El desarrollo mobile-first es un enfoque de diseño e ingeniería que arranca por la pantalla más pequeña y trabaja hacia afuera. Construyes la experiencia central para el móvil primero y luego añades de forma progresiva layout, estructura y funcionalidades a medida que el viewport crece. La costumbre opuesta, diseñar para escritorio y reducir, casi siempre deja el móvil con aire de ocurrencia tardía.

La idea cuajó hacia 2010, cuando Luke Wroblewski defendió que las restricciones afilan las prioridades. Un móvil te obliga a decidir qué importa de verdad. Espacio limitado, objetivos táctiles en lugar de cursores, conexiones más lentas, un pulgar haciendo el trabajo. En términos de CSS suele significar que los estilos base apuntan al móvil y las media queries min-width van añadiendo los breakpoints mayores. Casa de forma natural con el diseño web responsive, pero las dos cosas no son lo mismo. El responsive describe el layout fluido. El mobile-first describe el orden en que lo construyes.

Un retailer cuyos clientes navegan sobre todo en el tren perderá ventas si el checkout asume un ratón y una pantalla ancha. El mobile-first lo detecta antes de salir a producción, porque el caso apretado fue el punto de partida, no el caso límite.

El desarrollo mobile-first en Dallonses

Empezamos la mayoría de proyectos en el móvil. No porque fotografíe bien, sino porque es donde viven las decisiones de layout más difíciles y de donde llega la mayor parte del tráfico de nuestros clientes. Cuando dimensionamos una construcción con un partner, el flujo móvil es lo primero que prototipamos y lo primero que probamos en dispositivos reales.

Esto recorre nuestro desarrollo web y de aplicaciones móviles del mismo modo. Tratamos el rendimiento y la ergonomía táctil como parte del brief, no como una pasada de pulido. Si una funcionalidad solo funciona en un monitor de 27 pulgadas, averiguamos juntos en qué debe convertirse en uno de 6. El resultado aguanta donde la gente lo usa de verdad.

La mayoría de tus usuarios están en el móvil. Construyamos para ellos primero.

Hablemos de móvil

Servicios relacionados


¿Listo para trabajar juntos?

Reservar una reunión
Aymón sosteniendo una revista Tools frente a su cara
Ari trabajando en una laptop al aire libre rodeado de plantas
Vista superior de un escritorio de madera con teclado, ratón y auriculares
Ilustración dibujada a mano de una mano chasqueando los dedos
Nico recostado contra un dispensador de agua junto a un extintor de incendios
Primer plano de una computadora abierta con placa de circuito y componentes en un escritorio de madera
Bernat y Andreu colaborando en un escritorio con monitores y una laptop
Ilustración dibujada a mano de una mano abierta saludando
Aymón sosteniendo una revista Tools frente a su cara
Ari trabajando en una laptop al aire libre rodeado de plantas
Vista superior de un escritorio de madera con teclado, ratón y auriculares
Ilustración dibujada a mano de una mano chasqueando los dedos
Nico recostado contra un dispensador de agua junto a un extintor de incendios
Primer plano de una computadora abierta con placa de circuito y componentes en un escritorio de madera
Bernat y Andreu colaborando en un escritorio con monitores y una laptop
Ilustración dibujada a mano de una mano abierta saludando