comparte el articulo 

Consejos para hacer tus mensajes de error menos alarmantes

Actualizado el 03/09/2013 < > 1 Comentario

Resumen: Sigue estos consejos y mejora la experiencia del usuario al llenar los formularios de tu sitio

El llenado de formularios es una de las tareas más llevadas a cabo por las personas al navegar por Internet, y es que cuando se desea establecer un contacto de cualquier tipo generalmente se recurre a este elemento. Ya sea para suscribirse a un sitio, realizar una queja o simplemente enviar un mensaje, los formularios estan siempre presentes en el accionar de los usuarios, lo que hace que la posibilidad de cometer una falla o error esté siempre latente.

Dependiendo de la forma en que acostumbres estructurar tus formularios, es probable que notes que algunos sean más complejos que otros, sin embargo las fallas siempre pueden llegar, sin importar que tan simple puede llegar a ser la forma. Cuando estos errores ocurren, es necesario que el usuario sepa que ha cometido un error, es por ello que los mensajes que transmitimos a través del formulario ofrecerán dicha retroalimentación, gracias a la cual podrán corregir la falla y continuar con el llenado.

Sin embargo, en la mayoría de las ocasiones, estos mensajes de error pueden parecer bastante preocupantes, alarmando al usuario por algo que quizás no es nada peligroso. Esto puede hacer que el usuario abandone el llenado del formulario, ya sea por sentirse con poca seguridad de llenarlo o por la frustración que esto puede producir.

Los mensajes de error que pueden de alguna manera tranquilizar a los usuarios, hacen que sea más fácil para ellos corregir sus errores y a la postre continúen llenando el formulario. Las técnicas de diseño de formularios que a continuación expondremos, ayudarán a que los mensajes de error que muestran nuestros formularios sean más tranquilizadores, haciendo que nuestros usuarios se sientan más cómodos.

Evite el uso de palabras que tengan un tono negativo

Las palabras con un enfoque negativo no deben formar parte de los mensajes de error de tu formulario, ya que esto puede magnificar el error alertando al usuario a un grado exagerado, causando que éste piense que ha cometido una falta grave, mucho peor de lo que realmente es.

Cuando los usuarios sienten temor o ansiedad, es difícil para ellos pensar racionalmente, por lo que se les complica la corrección de errores. Si llegamos a asustar a los usuarios hasta el punto en que tienen que recurrir a otra persona para que les proporcione ayuda, quiere decir que algo estamos haciendo mal, y tenemos que leer nuestros mensajes para depurar esta clase de palabras.

Existen formas de decir a los usuarios que han cometido un error sin que se sientan como si hubieran cometido uno. Trata de no poner el foco de atención en el usuario, evita hacer hincapié en que fue su culpa. En lugar de eso, pon su foco de atención en el formulario, señalando lo que tienen que hacer para corregir los errores.

El tono de los mensajes de error se debe percibir educado y profesional. Recuerda que las palabras que utilizaremos en los mensajes de error influirán en las emociones del usuario, por lo que es importante utilizar palabras tranquilizadoras.

Resalta los campos de error con el color naranja en lugar de rojo

El rojo es el color que comúnmente se utiliza para remarcar los errores en un formulario, es fácil de identificar y es efectivo visualmente, pero también puede causar un estímulo excesivo en el usuario llegando al grado de causar tensión. Esto hace que el usuario pueda pensar que ha estropeado el formulario, incluso pudiendo asociar el resultado con peligro, algo que no es deseado.

El color naranja y el amarillo añaden una tonalidad más cálida, estos colores no sólo hacen que los campos de error sean visibles, sino que además hace que los usuarios se sienten menos alarmados cuando lo ven. Estos colores son menos intensos, por lo que al utilizarlos es menos propenso que los usuarios entren en pánico.

Explica exactamente por qué la información en un campo no fue aceptada

Muchas veces no es suficiente decirle al usuario que ha cometido un error, por lo que se debe indicar exactamente por qué sus datos fueron rechazados.

Por ejemplo, un campo de correo electrónico debe indicar a los usuarios que es necesario incluir una arroba, si es que el usuario la omite por alguna razón. También se debe indicar que el dominio es necesario y que hay cierto formato que se debe respetar, esto resultará más útil para el usuario que simplemente informar que ha introducido un valor no válido.

Coloca los mensajes de error al lado de las etiquetas

Evita el uso de resúmenes de error, muchas veces al percatarse de ellos, los usuarios evitan continuar con el llenado del formulario, ya que piensan que son demasiadas reglas para enviar una simple información. Si colocamos estos resúmenes en la parte superior del formulario, el usuario tendrá que estar regresando a los campos específicos para realizar los cambios, y después desplazarse hasta arriba para continuar leyendo.

Los resúmenes de error magnifican la gravedad de los errores, cuando éstos se encuentran agrupados en una larga lista con viñetas, hacen que el usuario pierda la motivación por continuar. Cuando la mayoría de los usuarios ven que muchos errores a la vez, probablemente terminarán olvidándose del formulario.

Validar los campos antes del envío

Algunos campos, como el nombre de usuario y la contraseña, por lo general tienen múltiples requerimientos de entrada por razones de seguridad. En lugar de dar a los usuarios un mensaje de error con una larga lista de los requisitos de entrada cuando se comete un error, valida estos campos antes de que se realice el envío.

Estos se puede hacer utilizando algún tooltip, en donde enumeremos los requisitos de entrada al lado del campo, para aumentar la usabilidad podemos ir colocando el texto en color verde cuando la regla especificada es cumplida por el valor introducido por el usuario.

Publicado el 03/09/2013, última actualización 03/09/2013.

Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Daniel Ernesto Navarro Herrera

URL: LaWebera.es :: Diseño de paginas web

Añadir Comentario (Subir al texto)

1 Comentario

  1. Alfonso

    Muy interesante el tema, estoy de acuerdo en lo que dices, pero unos ejemplos no vendrían nada mal. Quizás algo así como “en vez de ‘Error en la cantidad introducida’, ‘Este campo sólo admite dígitos” o “El separador decimal debe ser un punto”‘. (Por cierto, este formulario no sigue esas reglas para informar de los errores: alarma una pantalla nueva con un mensaje de error genérico; comprendo las dificultades de personalizar un gestor de contenido)

    Martes, 3 de septiembre 2013

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras