Skip to main content

🎨 Documentación Desing system Alpura Mobile

Un Design System (o Sistema de Diseño) es una guía completa que reúne todos los elementos visuales, componentes, patrones y reglas que definen cómo se diseña y desarrolla una interfaz dentro de un producto digital.

✅ Objetivo Design System Alpura Mobile​

  • Diseñar para web y para mobile son dos experiencias completamente distintas. Intentar forzar el mismo DS web en aplicaciones móviles genera interfaces duras, difíciles de navegar y con problemas de usabilidad. Un Design System Mobile garantiza que la aplicación se sienta nativa, fluida e intuitiva para el usuario.

✅ Beneficios de tener un Design System Mobile​

  • Respuesta al contexto táctil (touch targets): en mobile se interactua con los dedos. Un sistema móvil define áreas de toque mínimas (generalmente 48x48 dp/pt), spacing adaptado a la mano y zonas de alcance cómodo ("Thumb Zone")
  • Uso de patrones de navegación nativos:IOS y Android tienen convenciones muy claras que los usuarios ya tienen en su memoria (tab bars inferiores, gestos, bottom sheets, etc.)
  • Optimización del espacio en pantalla: Las pantallas móviles son reducidas y verticales. Un DS mobile adapta la escala tipográfica, densidad de información y componentes visuales para no saturar la vista.

Consulta el Design System Mobile​

Puedes consultar el DS en el visor o bién hacer clic aquí para verlo mas grande en otra ventana.

Tener sistemas de diseño separados no significa romper la identidad de marca.​

-Tener dos DS separados adapta las reglas de interacción al entorno dle usuario. Mientras el sistema web busca estructurar la información para pantallas amplias, el sistema mobile busca la inmediatez, ergonomía y fluidez al alcanc de los dedos.

❓Dudas y comentarios​

Si tienes dudas o algún comentario, por favor contactar al equipo Arquitectura-UX/UI ó al equipo de Arquitectura Frontend.