Diseño de formularios
Diseña los formularios para que las personas los completen fácil y correctamente: qué se pregunta, cómo se redacta, cómo se ordena y cómo se avisa de los errores.
Qué problema aborda
Inscribirse, pagar o hacer un trámite casi siempre pasa por un formulario. Si una pregunta confunde o un error no se explica, la persona se equivoca o abandona.
Principios
Pregunta solo lo necesario
Cada campo pide un esfuerzo; si el dato no se va a usar, sobra.
Habla como en una conversación
Preguntas claras, en un orden lógico y con etiquetas que digan qué se espera.
Ayuda a corregir
El error se señala junto al campo, con palabras y no solo con color, y dice cómo arreglarlo.
Aplicaciones en diseño
Úsalo así
Antes de dibujar campos, haz la lista de lo que necesitas saber y para qué usarás cada dato.
Evita
Poner el texto de ayuda dentro del campo como única etiqueta, porque desaparece al empezar a escribir.
Para no caer
Prueba el formulario con personas reales y con datos reales, incluidos los que no encajan en tu formato.
Conexiones
Relacionado con
Autores y obras
- 2008
Caroline Jarrett y Gerry Gaffney
Describieron un buen formulario en tres capas: la relación con quien lo rellena, la conversación de preguntas y respuestas, y su aspecto visual.
- 2008
Luke Wroblewski
Reunió buenas prácticas sobre etiquetas, campos, botones, ayudas, errores y validación en línea, apoyadas en estudios de usabilidad.
- 2014
W3C WAI
Publicó una guía para hacer formularios accesibles, con etiquetas, instrucciones, validación y avisos que también entiendan los lectores de pantalla.
Fuentes
Fuentes originales
- Jarrett, C. y Gaffney, G. (2008). Forms that work: Designing web forms for usability. Morgan Kaufmann.
- Wroblewski, L. (2008). Web form design: Filling in the blanks. Rosenfeld Media.
Fuentes secundarias
- W3C Web Accessibility Initiative (2014, actualizado en 2026). Forms tutorial. E. Eggert y S. Abou-Zahra (eds.). Ver fuente: W3C Web Accessibility Initiative (2014, actualizado en 2026)
Última revisión: