Filosofía de Diseño
La filosofía de diseño de GM Transport no es un conjunto de reglas estéticas. Es una postura sobre cómo deben comportarse las herramientas de trabajo frente a las personas que las usan. Cada decisión visual —un color, un tamaño de texto, un radio de borde— existe porque responde a un contexto real de uso, no porque se vea bien en una presentación.
Este documento explica el “por qué” detrás del sistema. Leerlo es obligatorio para cualquier persona que tome decisiones de diseño en los productos de GM Transport.
El concepto “Operacional Premium”
Los productos nuevos de GM Transport siguen el patrón “Operacional Premium”. Este concepto define la identidad visual y funcional del ecosistema.
Operacional significa que cada producto es, ante todo, una herramienta de trabajo. El operador que registra una salida de viaje a las 5 AM con guantes puestos no tiene tiempo para explorar menús secundarios. El contador que genera un reporte fiscal bajo presión de cierre mensual necesita certeza, no sorpresas. El software debe responder con precisión, rapidez y sin ambigüedad.
Premium significa que esa funcionalidad no justifica una interfaz descuidada. Los usuarios de GM Transport trabajan con herramientas que compiten visualmente con las mejores aplicaciones del mercado: DiDi, Uber, Rappi. La expectativa de calidad visual es alta, y el sistema la satisface con superficies limpias, tipografía cuidada y feedback visual inmediato.
La tensión entre los dos conceptos no es un problema: es el principio generador del sistema. Una interfaz que privilegia solo lo operacional sin el acabado premium se vuelve hostil. Una que privilegia solo el premium sin lo operacional se vuelve inútil. El balance correcto produce software que las personas quieren usar.
graph LR
A["Solo Operacional\nFunciona pero\nes hostil"] --> C
B["Solo Premium\nSe ve bien pero\nno escala en campo"] --> C
C["Operacional Premium\nFuncional, moderno,\nprofesional"]
Diseño para contextos difíciles
Los usuarios de GM Transport no trabajan en oficinas con monitores calibrados. Trabajan en:
- Camiones en movimiento con vibración constante.
- Patios logísticos con sol directo sobre la pantalla.
- Almacenes con poca iluminación artificial.
- Dispositivos de gama media con pantallas de bajo brillo.
- Condiciones de red intermitente o sin conexión.
Cada uno de estos contextos tiene implicaciones concretas sobre el diseño:
| Contexto | Implicación de diseño |
|---|---|
| Luz solar directa | El contraste de texto sobre fondo debe exceder el mínimo WCAG AA. No es suficiente cumplirlo; hay que superarlo. |
| Dispositivo en movimiento | Las áreas táctiles mínimas de 48×48dp no son negociables. Los elementos pequeños generan errores de toque. |
| Red intermitente | El feedback offline es una función de primer nivel, no un caso borde. El usuario opera sin red y confía en que el sistema sincroniza después. |
| Gama media con bajo brillo | Los fondos no son nunca colores saturados. El fondo base es blanco (#FFFFFF). Los acentos de color aparecen en componentes específicos, no en fondos de pantalla. |
| Uso con guantes | Los gestos complejos (swipe multi-dirección, pinch-zoom en datos) se evitan en flujos críticos. Las acciones se activan con tap simple sobre áreas grandes. |
Diseñar sin considerar estos contextos produce interfaces que funcionan en Figma pero fallan en producción.
Modernidad con legado
GM Transport tiene historia. Los colores corporativos —el naranja energético, los verdes y azules institucionales— no son opcionales. Son parte de la identidad de la empresa y los usuarios los reconocen. El sistema los preserva y los eleva.
La modernidad en GM Transport no significa abandonar lo que existe. Significa aplicar principios de diseño contemporáneo —superficies limpias, jerarquía tipográfica clara, estados visuales explícitos, animaciones con propósito— al vocabulario visual que ya define a la empresa.
El resultado es un sistema que parece nuevo sin ser ajeno. Un operador que usó la aplicación anterior reconoce los colores. Un desarrollador nuevo reconoce los patrones de Material Design 3. Ambos encuentran coherencia.
Los cinco pilares explicados
Claridad — una acción por pantalla
La regla es absoluta: cada pantalla tiene una acción primaria. No dos, no tres. Una.
Esta restricción nace de una observación directa del uso en campo: cuando hay múltiples opciones prominentes, el usuario tarda más en decidir. En contextos de trabajo rápido, esa demora es inaceptable. El diseño elimina la ambigüedad antes de que el usuario la enfrente.
Lo que esto implica en la práctica:
- Si una pantalla tiene más de un botón principal visible, hay un problema de diseño, no de contenido.
- Los flujos de múltiples pasos se dividen en pantallas separadas, cada una con su propia acción clara.
- La información secundaria se oculta o se mueve a un nivel inferior de la jerarquía visual.
Eficiencia — a dos pasos
La regla práctica es que las acciones más frecuentes de un producto deben ser accesibles en dos interacciones o menos desde cualquier punto de la aplicación.
Esto no significa que todo deba estar en la pantalla principal. Significa que la arquitectura de navegación prioriza el flujo real de uso. Si el 80% del tiempo el usuario registra salidas de viaje, esa acción está en el primer nivel de navegación. Si el contador pasa la mayor parte del tiempo revisando solicitudes, esa pantalla es el punto de entrada, no una sección terciaria.
Para verificar si un diseño cumple esta regla: contar los taps necesarios para llegar a la acción más frecuente desde el inicio. Si son más de dos, la arquitectura de navegación necesita revisión.
Confianza — el sistema siempre habla
El usuario nunca debe quedarse sin saber qué está pasando. Esta es quizás la regla más violada en el software operacional: el sistema guarda datos silenciosamente, falla sin notificar, procesa sin indicar progreso.
En GM Transport, el sistema informa en tres momentos obligatorios:
- Cuando comienza una operación que toma tiempo (indicador de progreso).
- Cuando una operación termina, sea con éxito o con error (mensajes de retroalimentación).
- Cuando opera sin conexión y guarda datos localmente (indicador de estado offline).
La confianza se construye con consistencia. Si el sistema siempre informa —sin excepción— el usuario aprende que puede confiar en él.
Minimalismo — menos es más difícil
El minimalismo en este sistema no es un estilo estético. Es una disciplina de diseño de información.
Mostrar menos elementos no es más fácil que mostrar muchos: requiere tomar decisiones más difíciles sobre qué importa y qué no. La tentación constante es agregar más información a una pantalla “por si el usuario la necesita”. El resultado de ceder a esa tentación son interfaces saturadas donde nada tiene jerarquía.
La regla práctica: si un elemento en pantalla no responde a una pregunta que el usuario tiene en ese momento, no pertenece a esa pantalla.
Contraste — legible siempre
El contraste no es solo una consideración de accesibilidad. Es una consideración de uso en campo. Una relación de contraste que cumple el mínimo WCAG AA bajo condiciones de laboratorio puede ser insuficiente en exteriores con luz directa.
El sistema establece combinaciones de color verificadas que superan el mínimo. Fuera de esas combinaciones, cada par de color de texto y fondo debe verificarse antes de usarse en producción.
Qué no es este diseño
Para clarificar la filosofía, es útil describir lo que el sistema explícitamente rechaza:
No es un diseño de consumo masivo. Los patrones de aplicaciones de redes sociales, e-commerce o entretenimiento no aplican directamente. El contexto de uso es diferente, la audiencia es diferente y los objetivos son diferentes.
No es un diseño corporativo clásico. El conservadurismo visual de los sistemas empresariales de la década pasada —tablas densas, formularios de 20 campos, paletas grises— no tiene lugar aquí. Los usuarios de GM Transport merecen la misma calidad visual que cualquier aplicación de consumo moderna.
No es un diseño experimental. Las tendencias de diseño que priorizan la novedad sobre la usabilidad —animaciones complejas, layouts inusuales, interacciones no convencionales— no son compatibles con el contexto operacional. La innovación en este sistema ocurre en la eficiencia del flujo, no en la originalidad visual.
No es un diseño estático. El sistema es un documento vivo. Las decisiones aquí documentadas pueden revisarse cuando cambia el contexto de uso, la plataforma tecnológica o las necesidades del negocio. Lo que no cambia son los principios.
Resumen
- “Operacional Premium” es el concepto central: funcionalidad de herramienta de trabajo con acabado visual de producto de consumo moderno.
- El diseño responde a contextos reales de uso: luz solar, dispositivos de gama media, red intermitente, uso con guantes.
- Los colores corporativos son parte de la identidad y se preservan. La modernidad se construye sobre ellos, no en contra de ellos.
- Los cinco pilares —Claridad, Eficiencia, Confianza, Minimalismo, Contraste— tienen implicaciones concretas y verificables en cada pantalla.
- El sistema rechaza explícitamente el diseño de consumo masivo, el corporativismo clásico y la experimentación que pone en riesgo la usabilidad.