Sistema de Diseño
El sistema de diseño (SD) de Deyel es un conjunto de estándares reutilizables y componentes predefinidos que guían la construcción de interfaces de usuario. Establece una base sólida para el desarrollo de aplicaciones, asegurando la coherencia visual y funcional, la cual es muy importante para la usabilidad y la experiencia del usuario.
La implementación del sistema de diseño de Deyel persigue los siguientes objetivos principales:
•Garantizar la coherencia visual y funcional, asegurando una experiencia de usuario uniforme y predecible en todas las aplicaciones.
•Centralizar el modelado de las propiedades de los elementos de páginas y entidades, permitiendo la adaptación y modificación centralizada de las mismas, facilitando tanto el desarrollo como el mantenimiento de las aplicaciones.
•Optimizar el modelado de páginas y entidades, asegurando que cada aplicación disponga de los elementos y subtipos necesarios desde el inicio, minimizando la configuración particular durante el desarrollo.
El uso del sistema de diseño de Deyel garantiza beneficios clave:
•Reduce la curva de aprendizaje para los usuarios.
•Mejora la percepción de calidad de las aplicaciones.
•Acelera el desarrollo al proporcionar componentes listos para usar y directrices claras.
Componentes
El sistema de diseño de Deyel incluye compornentes que, al ser configurados y utilizados en forma centralizada, garantizan la uniformidad y la calidad visual de las aplicaciones.
•Elementos
Define las propiedades y comportamientos de los distintos elementos de la interfaz de usuario dentro del sistema de diseño, como son los textos, los botones y los campos, entre otros.
•Familia tipográfica
Establece las fuentes, tamaños y estilos, con el fin de asegurar la legibilidad y la estructura visual de las aplicaciones.
•Paleta de color
Define los colores elegidos y su uso correcto dentro de las aplicaciones.
Implementación
La implementación del sistema de diseño de Deyel se organiza a partir de un flujo de trabajo estructurado, que guía desde la creación al mantenimiento de las aplicaciones.
Cuando se trata de aplicaciones existentes, es posible incorporar el sistema de diseño siguiendo un procedimiento gradual, que permite validar el correcto funcionamiento en cada etapa y adaptar tipografías, colores y subtipos sin afectar la estabilidad.
Finalmente, para garantizar la efectividad del sistema de diseña y su evolución a largo plazo, es fundamental aplicar un conjunto de buenas prácticas y recomendaciones, que promueven el orden, la centralización de estilos, la responsabilidad en la gestión y el respeto por la lógica base del diseño.
Secciones del Espacio de Trabajo
El espacio de trabajo del sistema de diseño se habilita al seleccionar el botón “Diseño” en la barra de herramientas superior del modelador de aplicaciones, y se divide en paneles.
•Panel izquierdo
Se visualizan los distintos elementos disponibles y las variables de estilo asociadas, según la pestaña que se seleccione.
•Panel central
Permite visualizar los diferentes tipos y subtipos de elementos, según donde se posicione el cursor en el panel izquierdo.
•Panel derecho
Permite configurar las propiedades que definen a cada tipo de elemento seleccionado.
