Cómo diseñar formularios

Los formularios son herramientas muy comunes en la interacción entre ciudadanos y organismos. Por lo que es importante diseñarlos pensando en la utilidad para el organismo y el uso y satisfacción de los ciudadanos.


Si necesitás hacer un formulario te recomendamos descargar el HTML que tiene todos los elementos de esta guía en una sola página. Próximamente vamos a subir más páginas con diferentes ejemplos de formularios.

Formulario base completo

Principios

Pedir la menor cantidad de datos posible

Cada dato que le pedimos al usuario que piense y complete hace que su experiencia sea menos satisfactoria. Para eso se debe tener en cuenta:

  • Pedir sólo los datos obligatorios para el uso del servicio. Y por consecuencia no pedir datos que sirvan sólo para estadística u otros usos del organismo.
  • No pedir más de una vez un dato. Si una acción necesita un dato que el usuario ya cargó, debe completarse automáticamente con eso.
  • De ser posible los datos deben completarse usando alguna base de datos existente. Por ejemplo si quiero poner los datos de una empresa, debería poder poner el CUIT y que los datos se completen solos, usando un web service de AFIP.

Usar los elementos y patrones de esta guía

Poncho y esta guía de patrones de diseño están pensados para brindar a los ciudadanos una experiencia unificada dentro de las diferentes plataformas del Gobierno. Es por eso que debe respetarse:

  • El orden en el que se piden los datos y la forma en la que están agrupados.
  • Las dimensiones. El alto está optimizado para el tap en dispositivos móviles, y el ancho varía según el tipo de dato para una lectura más cómoda del formulario.
  • Los colores, que tienen el contraste necesario para ser accesibles.

Metodología

Las metodologías para diseñar e implementar un formulario pueden ser varias, pero el trabajo completo se puede resumir en:

  1. Analizar los datos mínimos necesarios que necesita el servicio para funcionar. Si es un formulario existente se debe buscar la manera de eliminar los datos innecesarios.
  2. Listar o diagramar las pantallas necesarias.
  3. Idealmente usar las páginas de carga y de respuesta de páginas de formularios como base (es preferible modificar eso que hacer algo desde cero).
  4. Si se necesitan modificar datos, se deben respestar el orden y el agrupamiento de los elementos según esta guía.
  5. Idealmente hacer pruebas con usuarios en papel o en html para verificar que se entienda.

Páginas de formularios

La experiencia de un formulario está compuesta de las siguientes páginas:

  • Páginas de carga
  • Páginas de respuesta
  • Correos electrónicos (sólo en casos como registros, reclamos o turnos)

Ir a página de formularios