Skip to main content

Veritran Docs

Antes de construir pantallas

Antes de iniciar el desarrollo de una pantalla, el diseño debe haber sido validado. Ningún desarrollo debe comenzar sin que el equipo de diseño entregue los flujos de diseño y pantallas. El uso de wireframes o maquetas, preferiblemente en Figma, ayuda a definir la estructura de la pantalla. Es importante que el diseño y el comportamiento esperado estén claramente definidos y acordados. La iteración temprana con el equipo de diseño es clave para alinear las expectativas, especialmente en aspectos visuales e interactivos.

Lista de verificación de creación de pantallas
  • Confirmar el tamaño del lienzo: asegúrate de que esté alineado con el diseño, como se especifica en el marco base de Figma.

  • Verificar los entregables para el diseño responsivo y la accesibilidad: asegúrate de que se cubran los criterios de accesibilidad.

  • Confirmar la carga de los recursos requeridos: las imágenes, los iconos y las fuentes deben estar disponibles.

  • Validar estilos y variables de tema: el diseñador debe haber configurado estos elementos correctamente.

  • Activar las opciones de fidelidad visual. Por ejemplo, la opción pixel density (aparece como px en el editor de pantallas).

  • Mantener una estructura limpia: Concatenar estilos y evita unidades de medida fijas.

  • Definir la configuración de accesibilidad: Decidir si se llevará a cabo en diferentes etapas o en una sola etapa.

  • Revisar los estilos antes de crear: asegúrese de que todos los estilos de temas estén cargados y revisados.

Consideraciones generales

Esta sección incluye consideraciones que tú y tu equipo deben tener en cuenta antes de comenzar con el proceso de creación de pantallas.