Componentes reutilizables

Formulario Tipo

El Formulario Tipo es un maquetado HTML y CSS que contiene todos los elementos necesarios para la creación de formularios en el Estado uruguayo. Define un aspecto visual genérico que cumple con el Modelo de Interfaz de Usuario de Agesic, garantizando que los formularios sean accesibles (WCAG 2.0 Nivel AA), usables y responsivos.

Descripción

El Formulario Tipo se basa en un diseño atómico  (conjunto de elementos básicos e indivisibles), estandarizado en lo que refiere a campos, etiquetas, botones, íconos y paleta cromática, entre otros.

Asimismo, contiene las moléculas que surgen de la combinación de átomos y otros elementos complejos, como manejo de errores, componente de pasos, tablas, notificaciones y cuadros de diálogo.

Se muestra el diseño del componente de paso, y de los botones para ir al paso siguiente y regresar al paso anteriorSe muestra el diseño de una tabla con diferentes tipos de campos y acciones

Se muestra el diseño del componente de paso, y de los botones para ir al paso siguiente y regresar al paso anteriorSe muestra el diseño de una tabla con diferentes tipos de campos y acciones

También ofrece la creación de bloques, que son soluciones específicas para problemas transversales a todos los organismos, como por ejemplo, identificación de las personas, datos de contacto y de domicilio, cláusula de consentimiento y medios de pago, entre otros.

Bloque de datos de contactos que define el formato de los campos y los datos a solicitar (teléfono, un teléfono alternativo y el correo electrónico

Bloque de datos de contactos que define el formato de los campos y los datos a solicitar (teléfono, un teléfono alternativo y el correo electrónico
El Formulario Tipo se encuentra disponible para que pueda ser descargado por cualquier persona que desee tomarlo como base para su desarrollo. Este maquetado permite estandarizar el diseño y la forma de interacción de las personas con los formularios del Estado.

A modo de ejemplo, se muestran a continuación dos trámites desarrollados en diferentes herramientas: Simple y Apia Trámites, que tomaron como base el Formulario Tipo. Se puede ver que, a pesar de están implementados en distintas herramientas, ambos formularios siguen el mismo estilo y cumplen con los estándares y buenas prácticas recomendados por Agesic.

Ejemplo de un trámite desarrollado en Simple donde se piden datos específicos del trámite y se evidencia la aplicación de formulario Tipo

 

Ejemplo de un trámite desarrollado en Simple donde se piden datos específicos del trámite y se evidencia la aplicación de formulario Tipo

Ejemplo de un trámite desarrollado en Apia donde se muestra el bloque de datos personales y se evidencia la aplicación de formulario Tipo

 

Etiquetas