ux mejores practica







Mejores prácticas UX










Validación de formularios
La mayoría de las validaciones de formularios son muy groseros. Los formularios con mensajes de error como "¡error de base de datos", "¡E-mail" no sólo fracasan en términos de experiencia de usuario sino que por lo general resultan en una alta tasa de deserción.
La falta de comunicación conduce a resultados pobresy hay un montón de pruebas para esa investigación, llevada a cabo por Luke Wroblewski , ésta muestra claramente que el uso de la validación de formularios en línea bien diseñados puede hacer una gran diferencia:
"En comparación con nuestra versión de control, la forma de validación en línea con el mejor desempeño mostraron mejoras convincentes a través de todos los datos que medimos. Enconcreto, hemos visto:
un aumento del 22% en las tasas de éxito,
una disminución de 22% en errores de hecho,
un aumento del 31% en el índice de satisfacción,
una disminución del 42% en los tiempos de finalización, y
una disminución de 47% en el número de fijaciones de ojo.

Vamos a ver cuáles son los mejores jugadores en el campo de diseño y luego vamos a aprender paso a paso el diseño perfecto deformulario de validación.
En términos generales, hay cuatro elementos importantes para una buena forma de validación de las cuales sólo veremos las primeras dos, éstas constan de:
1. En el momento oportuno de informar acerca de los problemas / éxito
2. El lugar correcto para los mensajes de validación
3. Color correcto
4. Lenguaje claro






1. Momento Oportuno

Como pudimos ver enel ejemplo de la investigación de Luke Wroblewski - el momento adecuado para informar sobre el éxito o fracaso provisto de datos, es justo después de que el usuario ha enviado la información. La validación de formularios en línea que informa inmediatamente a los usuarios acerca de la exactitud de los resultados de datos proporcionados está directamente relacionada con un aumento de la tasa deconversión.
En la pantalla debajo de usted puede ver que trato de registrarme con una dirección de correo electrónico que ya fue usada. El formulario me informa que yo debería pararme directamente en el segundo paso y considerar algunas opciones de respaldo, entonces no estaré decepcionado por el resultado final. Un clásico de la validación "después de enviar" me esperaría que rellenar todo elformulario, vuelva a cargar la página y entonces me lo haría saber que algo andaba mal.
Twitter elige un mejor momento para detenerme - no hay duda sobre eso.La respuesta inmediata de la forma me ahorra una pérdida masiva de tiempo (sí, incluso hoy 3 minutos es una pérdida masiva).
Y lo que es aún más sorprendente - Twitter está en realidad tratando de tener una conversación en este momento críticode nuestra relación. Gracias a en línea de validación, me pueden ofrecer de inmediato algunas de las opciones. Tal vez yo soy el dueño de la cuenta registrada con el correo electrónico y que sólo quería ingresar. ¿Quién sabe - tal vez he olvidó la contraseña?.
Esto no sólo es una gran forma de validación, lo que añade mucho al tipo de conversión; es también un servicio al cliente de primeracategoría.
2. Lugar adecuado

El lugar del mensaje de validación es tan importante como el momento adecuado de demostrarlo. Por ejemplo Twitter discutido - si el mensaje no estaba al lado del campo, pero colocado en algún lugar más adelante, yo no consigo notar rápidamente. Si yo no me di cuenta que ... bueno, eso sería confuso y peligrosamente cerca de obligarme a dejar el formulario sinterminar el proceso.
Cuando usted se está preguntando qué lugar elegir para sus mensajes de validación, siga esta regla de oro - coloque siempre el mensaje en el contexto de la acción. Si desea informar al usuario acerca de un error que se produce en un campo particular - mostrarlo junto al campo. Si el error es de carácter general (por ejemplo, un problema con el envío de datos al servidor) y no...