Para diseñar un formulario web debemos tener como principal condicionante que el usuario de internet siempre navega con prisa: pidamos tan sólo los datos imprescindibles, pues cada campo de formulario se convierte en una posibilidad de abandono.
Por la naturaleza del formulario de contacto, es posible que detrás de él se esconda un cliente insatisfecho dispuesto a notificar una queja, una sugerencia de mejora para el sitio web o para determinados servicios de nuestra empresa; y por ello debemos facilitar al máximo el envío de sus comentarios.
Aquí van unos consejos orientados a conseguir este fin:
Textos
- Utilice vocabulario sencillo y familiar
- Redacte las preguntas en forma afirmativa
Apariencia
- Utilice una sola columna de datos
- Destaque los datos obligatorios de alguna de estas maneras
- Poniéndolos al principio del formulario
- Señalándolos con un asterisco
- Marcándolos en negrita
- Añadiendo la palabra “obligatorio” a la etiqueta del campo
- Ordene, alineando verticalmente las etiquetas y los campos entre si
- Utilice preferiblemente elementos de formulario estándar (cuya apariencia y comportamiento es familiar)
- Los campos de texto deben tener longitud suficiente para que todo el texto que contengan sea visible
- Iguale los anchos de los campos de texto cuando sean similares
Tipos de campos
- Use campos de texto flexibles, que admitan los datos en distintos formatos
- Incorpore botones de opción:
- Donde la opción más probable aparezca por defecto
- Siempre que haya que elegir entre 2 y 5 opciones
- Cuando las opciones sean excluyentes entre sí
- Opte por los listados desplegables sólo si tiene que poner pocas opciones, teniendo en cuenta:
- Que la opción mas probable aparezca por defecto
- Que una de las opciones sea la palabra “otros”
Funcionamiento
- Vigile que no se salte automáticamente de un campo al siguiente
- No incluya el botón “borrar formulario”, pues el usuario puede activarlo involuntariamente y perder toda la información
- Asegúrese de que al pulsar la tecla “INTRO” (ENTER) se realice la acción de enviar
- Programe un mensaje de que el formulario se ha enviado correctamente u ofrezca ayudas para conseguirlo
Ayudas
- Señale los campos obligatorios con el texto “obligatorio” u “opcional”
- Incluya ayudas breves o ejemplos junto a los campos sólo cuando sea necesario, y asegúrese de que éstas se puedan leer antes que el campo
- Redacte los mensajes de error mediante términos claros, evitando los “términos demasiado técnicos”
Accesibilidad
- Asocie inequívocamente las etiquetas y sus controles (por ejemplo, la etiqueta “Nombre” y el campo donde se debe rellenar ese dato)
- Compruebe que el tabulador permite acceder a todos los campos
- No establezca límite de tiempo. Si lo hace, que sea al menos 10 veces superior a lo que le llevaría un usuario medio completarlo.
- No introduzca captchas como filtro para enviar el formulario: hay otras formas de garantizar la seguridad sin perjudicar al usuario, hacen perder tiempo y son molestos.
- Además, según el tipo de captcha, se crea una barrera para muchos usuarios con diversidad funcional (personas con discapacidad visual, auditiva, cognitiva, motriz o tecnológica).
Respuesta
- Es recomendable que el sistema envíe un mensaje por correo electrónico diciendo que el formulario ha sido recibido y que el solicitante será atendido a la mayor brevedad.
- Las personas de los departamentos de atención al cliente ponen el broche de oro a nuestro formulario de contacto: si tardan en responder o las respuestas no satisfacen, los usuarios perderán la confianza en nuestro formulario, y dejarán de utilizarlo.
Fuentes
Formularios usables: 60 Directrices de Usabilidad de Olga Carreras
Usabilidad al diseñar formulariosde contacto de Reynier Matos Padilla