Dashboards mobile-first — por qué el 90% de los paneles de administración lo hace mal

El empresario que a las 22:00 comprueba en el sofá la facturación del día, lo hace en su móvil. El empleado del almacén que actualiza un inventario, lo hace en su móvil. El fotógrafo freelance que comprueba el estado de su factura —móvil.

Y aun así, el 90% de los paneles de administración se diseñan como si funcionaran en una oficina en una pantalla de 27 pulgadas. El resultado: botones demasiado pequeños, tablas que hacen scroll horizontal, formularios que muestran el modo de teclado equivocado en cada campo numérico.

Qué significa mobile-first en concreto

No "que también funcione en móvil". No "que el 80% de arriba escale hacia abajo". Mobile-first significa: el flujo principal está diseñado en móvil, y la versión de escritorio es una extensión de eso.

En la práctica:

• Tarjetas de estadísticas en una cuadrícula 2x2 en móvil, cuatro en una fila en escritorio
• Las tablas se convierten en tarjetas en móvil, no en cuadrículas con scroll horizontal
• Campos de formulario con inputmode="numeric" para importes, inputmode="email" para correo
• Botón de acción fijo abajo (donde está tu pulgar), no arriba a la derecha

Por qué las agencias lo hacen mal

Los diseñadores trabajan en escritorio. Los stakeholders revisan en escritorio. El prototipo móvil a menudo no se enseña hasta la semana siete. Para entonces, la arquitectura de información ya ha cuajado alrededor de un modelo mental de escritorio.

En los proyectos a medida empiezo siempre por el wireframe móvil. No como concesión a "que también funcione en móvil" —como punto de partida.

¿Quieres un panel de administración que funcione de verdad en el móvil porque ahí es donde lo vas a usar? Cuéntame cómo trabajas ahora — en un día, una respuesta honesta. O mira la página de servicios.