Usabilidad en formularios web

Los formularios son uno de los principales puntos de contacto de los usuarios en Internet.

Si las reglas que usted aplica para la creación de sus formularios no son las adecuadas, puede provocar en gran medida frustración de sus visitantes y por tanto reducir su conversión a clientes.

Reglas de usabilidad en formularios web

• 1) No ser demasiado estricto con algunos tipos de campos:
  Es muy común tener restricciones a la hora de que los usuarios escriban sus datos en determinados tipos de campos como teléfonos, mails o tarjetas de crédito. Hay que permitir la introducción de algunos valores como "guiones", "espacios en blanco", "puntos" ... etc. Con esto ampliamos el abanico de posibilidades del usuario a la hora de que nos ofrezcan sus datos.
  
  
• 2) Labels:
  Las etiquetas que usemos para nuestros formularios deben de ser claras y concisas. Es decir, si los campos son "nombre", "primer apellido", "nombre completo", etc... el usuario tiene que tener claro en todo momento el tipo de información que le estamos pidiendo.
  
  
• 3) Pedir información estrictamente necesaria:
  No hay que avasallar al usuario con petición de información innecesaria, porque esto hará que el usuario se canse y al final no llegue a contactar con nosotros.
  
  
• 4) Minimizar el número de instrucciones:
  Si tenemos una serie de instrucciones sobre cómo rellenar el formulario web, debemos explicarlas de manera muy sencilla y ser concretos. Esto es así porque los usuarios de Internet por naturaleza no leen, y si encima le ofrecemos algo muy largo y complejo, menos aún.
  
  
• 5) Ofrecer opciones:
  Es bueno utilizar en nuestros formularios elementos tales como "select, radio, ..." porque así hacemos que los usuarios no tengan que pensar demasiado a la hora de elegir una opción. Pero debemos de tener mucho cuidado, porque si no ofrecemos todas las opciones el usuario se perderá y no encontrará lo que realmente desea.
  
  
• 6) Campos obligatorios:
  Los campos obligatorios deberían identificarse con un asterisco al lado (*), y preferentemente deberían estar en color rojo.
  
  
• 7) Error al rellenar un campo:
  Si ocurre algún tipo de error cuando se rellena un campo, se debe volver a la página donde se encontraba el formulario indicando el motivo por el que se ha producido el error.
  Además si existían datos introducidos anteriormente deben mostrarse y no deberíamos borrarlos. Si el usuario tiene que volver a hacer lo mismo, se cansa y se marcha.
  
  
• 8) Mensajes de error:
  Los mensajes de error que se muestran al usuario no deben de ser técnicos. Además, no pueden asignar culpas, y deben de ser sencillos y educados.
  
  
• 9) Indicador de proceso:
  Si el formulario consta de varios pasos o páginas debería existir un indicador de proceso siempre visible que nos indique en todo momento donde nos encontramos. Además, deberíamos permitir navegar por los distintos pasos o páginas, a fin de facilitar al usuario la modificación de datos o corrección de los mismos.
  
  
• 10) Información segura:
  Hay que informar al usuario de la protección y seguridad de sus datos, sobre todo si uno de los campos que solicitamos es un e-mail.
  
  
• 11) Última revisión:
  Una vez que se han introducido todos los datos, es recomendable mostrar al usuario una vista preliminar del contenido del formulario a fin de que pueda realizar una última revisión antes de su envío.
  
  
• 12) Mensaje de confirmación:
  Al terminar el envío del formulario deberíamos mostrar un mensaje de confirmación indicando que el proceso ha finalizado de forma satisfactoria e informando de todo lo que ocurrirá a continuación.
  
  
• 13) Enviar al usuario una copia del formulario:
  Al procesar el envío del formulario es recomendable mandar una copia del mismo al usuario para que recuerde que contactó con nosotros y así afianzar la imágen de marca. De esta forma, si el usuario es un visitante nuevo y no recuerda nuestro nombre, dominio, o marca, podrá volver a nosotros accediendo a su correo y visualizando la copia del formulario que recibió cuando lo completó.
  
  
• 14) Error 404:
  Si durante todo el proceso se generase un error 404, debería existir una página personalizada de este tipo para no perder al usuario desde nuestra web.