Ergonomía de los formularios en línea

Septiembre 2017

Los formularios en línea constituyen una forma de interacción particular. Al igual que los formularios en papel orientan en el ingreso de información en campos específicos, los cuales son identificados por títulos.

Los formularios permiten buscar información en bases de datos bibliográficas o comerciales, registrarse en listas de difusión o discusión, identificarse en el caso de acceso reservado a diversos servicios, rellenar notas de pedido, etc. A pesar de que los formularios son un tema tratado desde los años 80, en este artículo presentaremos, sin ser exhaustivos, algunas recomendaciones que evitaran cometer los errores más frecuentes.



Las ventajas


Por lo general, los formularios son auto-explicativos: está indicado de manera explicita lo que se debe hacer (la semántica) y cómo debe ser hecho (la sintaxis). Por lo que no hay necesidad de un aprendizaje previo a la interacción. La interacción se basa en el reconocimiento más que en la memorización de la semántica y de la sintaxis lo que lo hace adaptada para el usuario común.

Por otra parte, los formularios proporcionan un contexto que hace explicito el significado de un titulo. Por ejemplo, cómo podríamos saber si un titulo como “Dirección:” requiere que se ingrese el número de la puerta, el nombre de la calle o la dirección completa (con la ciudad y código postal) si no fuera por la presencia de otros títulos como “Número”, “Código postal”, “Ciudad”. Por lo tanto, los formularios, en comparación al modo pregunta/respuesta permiten esta contextualización.

Un formulario bien constituido debe permitir al usuario saber exactamente qué información debe ingresar y si fuera necesario, cómo ingresar esta información en los campos apropiados.

Los formularios deben ser legibles


La separación de grupos con espacios, líneas, colores u otros índices visuales facilita la localización:
La visualización se facilita si son incluidos saltos de línea cada 5 items.
El número de pantallas para los usos frecuentes y los sistemas lentos debe ser reducido.
Los ítems relacionados o dependientes deben ser presentados en la misma pantalla.
Después de la validación del formulario, la información de importancia que ha sido ingresada debe ser confirmada a través de un mensaje explicito y no mostrar una nueva página sin informar al usuario que la información que ingresó ha sido tomada en cuenta.

Proceso del tratamiento de un formulario


Este ejemplo se dirige principalmente a los desarrolladores. Este ilustra el proceso de tratamiento de un formulario de inscripción contenido en una sola página web (cuando la información solicitada es en varias paginas, será necesario implementar otros mecanismos, especialmente para resumir la información ingresada antes de ser enviada).
  • 1- El internauta rellena el formulario y lo envía.
  • 2- Los campos obligatorios y el formato de los datos es verificado a nivel del navegador. Este primer control, así no sea exhaustivo, permite evitar intercambios con el servidor web. Si son detectados errores, el formulario es presentado indicando los campos erróneos y volviendo a posicionar el cursor por defecto en el campo donde se produjo el error.
  • 3- Los datos son enviados al servidor y son verificados de nuevo. Esta nueva verificación es muy importante, ya que permite garantizar la integridad de los datos de la base y filtrar las tentativas de pirateo o destrucción de datos.
  • 4- Luego el sistema debe verificar que los datos han sido escritos correctamente. Si el sistema no consigue registrar los datos después de un cierto número de tentativas, será enviada una página de error al internauta, incluso si supuestamente esto no debería ocurrir.
  • 5- Un mensaje de confirmación es enviado (e-mail) con el resumen de la información ingresada para el caso en que el internauta no haya visualizado su confirmación. El email es un sistema asíncrono que permite informar al internauta. Es mas, éste apreciara poder conservar en su correo electrónico la copia de su inscripción.
  • 6- Una página web de confirmación con el resumen de la información ingresada es enviada al navegador web del internauta.

Leer también


Para concluir


La aplicación de estas recomendaciones debe permitir aumentar la calidad ergonómica de los formularios para facilitar el uso de estos, además de permitir una mejor compatibilidad entre el formulario y las habitudes y tareas, así como una mejor gestión de errores, etc. Todo ello se debería traducir por un uso más simple, más satisfactorio y con menores riegos de cometer errores.

Consulta también

Artículo original escrito por jak58. Traducido por Carlos-vialfa. Última actualización: 30 de octubre de 2008 a las 03:11 por Carlos-vialfa.
El documento «Ergonomía de los formularios en línea» se encuentra disponible bajo una licencia Creative Commons. Puedes copiarlo o modificarlo libremente. No olvides citar a CCM (es.ccm.net) como tu fuente de información.