Sus visitantes están obligados a cometer errores ocasionales al completar sus formularios en línea . Por ejemplo, cuando se trata de formularios de envío o registro, hay varios campos de formulario que un visitante debe completar. Y seamos sinceros, su visitante puede no estar emocionado por tener que ingresar su dirección, información de tarjeta de crédito y más, y por lo tanto, pueden moverse a través de su formulario rápidamente. Es probable que algunos visitantes escriban incorrectamente algo, escriban un código postal incorrecto o pierdan un número en el campo de la tarjeta de crédito.

Quizás se esté preguntando cómo garantizar que sus visitantes sean eficientes y correctos para que no pierda el tiempo intentando localizar y corregir sus errores en sus formularios. También es posible que se pregunte cómo lograr esto para no perder su propio tiempo tratando de trabajar con información incorrecta o no válida.

Ingrese : Mensajes de error.

¿Por qué son importantes los mensajes de error?

Los mensajes de error juegan un papel importante en la experiencia del usuario de sus visitantes. Si alguien no puede enviar su formulario repetidamente y no tiene idea de por qué o cuál es el problema, existe una gran posibilidad de que se sienta frustrado, enojado o que simplemente abandone su sitio.

Agregando un error bien elaborado mensajes a sus formularios, su formulario se sentirá profesional y atento a sus visitantes. Lo más importante es que los mensajes de error mejorarán la experiencia de usuario de su formulario, y la excelente experiencia de usuario significa que es más probable que vea un aumento en las conversiones. También significa clientes más felices que probablemente vuelvan a su sitio y se conviertan en promotores para su negocio.

Para lograr una experiencia de usuario fantástica, no puede simplemente implementar ningún mensaje de error en sus formularios. De hecho, hay muchas formas por ahí que incluyen mensajes de error que no son reflexivos o efectivos. En esta publicación, cubriremos algunos de los errores de mensaje de error más frecuentes.

Diseño de mensaje de error: 6 errores que deben evitarse y buenos ejemplos a seguir

Revisemos seis errores comunes que querrá evitar mientras crea. mensajes de error para sus formularios web y seis ejemplos preferibles que puede implementar en su lugar.

1. Ubicación del mensaje de error

La ubicación de su mensaje de error es crucial. Si alguien envía su formulario y luego ve un cuadro rojo con el mensaje "Su formulario contiene errores", en realidad no sabría dónde se encuentran los errores. En su lugar, evite que sus visitantes se sientan confundidos colocando el mensaje junto al error.

Error: mala colocación del mensaje de error

 pobre-error-mensaje-reemplazo

Fuente

Este es un ejemplo de colocación de mensajes de error imprecisos y poco útiles. Sería excepcionalmente difícil para alguien conocer automáticamente la ubicación exacta del error con un mensaje tan poco claro ubicado en un cuadro emergente.

Buen ejemplo: excelente ubicación de mensaje de error

Lo último que quiere hacer es apuntar a su visitante y hacer que se sientan mal o menospreciados. Nunca los culpe por el error en el formulario (incluso si realmente causaron el problema).

También debes evitar frases negativas e imprecisas como "¡Ups!" O "Algo salió mal". Tener que corregir un error o dos puede ser un proceso frustrante para una persona apurada o alguien que ya ha trabajado. varios otros errores en la misma forma. Y seamos sinceros, el lenguaje negativo no va a hacer que sus visitantes se entusiasmen con la corrección de sus errores, simplemente tampoco es nada útil.

 culpa al usuario en mensajes de error

Fuente

Buen ejemplo: no culpes a nadie ni a nada

 mensajes de no culpar al usuario en error

Fuente

En sus mensajes de error, quiere sonar positivo, tranquilo y directo. También debes evitar culpar a alguien o cualquier cosa. Insertar palabras y frases de cortesía como "por favor" también es una forma agradable y profesional de pedir a los visitantes que corrijan sus errores al mismo tiempo que causan una buena impresión.

3. Copia del mensaje de error

Su copia del mensaje de error (lo que realmente dice el mensaje de error) es importante. De lo contrario, ¿cómo entendería su visitante qué es realmente el error o cómo solucionarlo? El uso de un lenguaje claro y directo ayudará a sus visitantes a comprender qué causó su error en primer lugar y cómo deberían hacerlo para corregirlo.

Error: falta de claridad

La copia de su mensaje no solo debe ser clara, concisa y explicar el problema en cuestión, sino que también debe proporcionar al visitante instrucciones sencillas sobre cómo corregir el error. De esta manera, se mantienen productivos y tanto su compañía como su forma se sienten profesionales y considerados.

4. Claridad del mensaje de error

La copia del mensaje de error es una gran ventaja para un error común similar: falta de claridad en el mensaje de error. Su mensaje debe ser tan claro que un estudiante de la escuela primaria podría entenderlo y saber cómo corregir el error.

Para determinar el nivel de claridad de su mensaje de error, debe echar un vistazo a los requisitos de su campo de formulario. Por ejemplo, si tiene una lista de requisitos poco claros y aparece un mensaje de error en el formulario, sus visitantes tendrán dificultades para entender cómo se supone que deben solucionar el problema.

Error: No enumerar los requisitos del campo del formulario [19659050] no-formulario-campo-requisitos-en-error-mensajes ” width=”1500″ style=”width: 1500px;margin: 0px auto”>

Fuente

Si su formulario tiene requisitos de contraseña pero no los menciona claramente en ninguna parte, su visitante probablemente le resulte difícil crear una contraseña válida. Tendrán que usar el proceso de eliminación para crear una contraseña con éxito, lo que podría llevar mucho tiempo. Nuevamente, hable sobre un proceso de agitación en el que sus visitantes simplemente no tienen tiempo para.

Buen ejemplo: lista de requisitos de campo de formulario

Al enumerar claramente los requisitos de campo de su formulario, como los requisitos exactos de su contraseña, proporciona a sus visitantes una solución para evitar cometer errores en su formulario. Y si aún aún cometen un error, pueden hojear rápidamente esos requisitos para aprender a corregir el problema

5. Descripciones concisas de los mensajes de error

Al completar su formulario, probablemente sea seguro asumir que sus visitantes no querrán sentarse a leer una descripción larga del mensaje de error. La lectura de descripciones largas y sinuosas sobre cualquier cosa puede resultar confusa y tediosa. Para evitar esto, las descripciones de sus mensajes de error deben explicar brevemente las acciones precisas que sus visitantes pueden tomar para corregir su error.

Error: Descripciones largas y confusas de los mensajes de error

 confusing-error-messages

Fuente

Las descripciones largas y confusas de los mensajes de error generalmente anulan el propósito de lo que está tratando de hacer (que es ayudar a su visitante a corregir su error). De hecho, pueden hacer que sea mucho más difícil descubrir el problema real y entender cómo solucionarlo.

Buen ejemplo: mantener los mensajes de error directos

 mensajes de error cortos y directos

Fuente

Cuando explique el motivo del error de su visitante, sea lo más directo y breve posible. Use un lenguaje que apunte al visitante directamente a su error y explique brevemente cómo solucionarlo para que puedan hacer la corrección por su cuenta sin ninguna duda o confusión de manera oportuna.

6. Mensajes de error obvios

Hacer que sus mensajes de error aparezcan de manera que sean fáciles de ver y leer es una forma sencilla de mejorar la experiencia de usuario (experiencia de usuario). Haga que sus mensajes de error sean claros, audaces y obvios para que sus visitantes puedan corregir rápidamente sus errores y seguir adelante con su envío. Para crear un mensaje de error obvio, considere cosas como el tamaño, el color, la fuente y otros factores que contribuyen a la apariencia general del mensaje.

Error: Haga que el mensaje de error sea difícil de ver

 difícil de ver-error mensajes

Fuente

Por lo general, los mensajes de error y las señales de advertencia son de color rojo. Este ejemplo de mensaje de error es verde … que es un color que a menudo señala el éxito. . Puede ver cómo esto podría llevar a algunos visitantes desconcertados.

Usar una fuente estrecha y de color claro sobre un fondo blanco también es un poco difícil de leer. Además, el botón de acción del mensaje, "OK", se destaca más que la palabra "ERROR" en la parte superior del cuadro de resumen. Y "Error" es posiblemente la parte más importante de este mensaje porque es lo que realmente le dice a los visitantes que hay un problema con su envío.

Buen ejemplo: haga que el mensaje de error sea fácil de identificar

 fácil de identificar-error- mensajes

Fuente

Al crear su mensaje de error, use señales intuitivas relacionadas con el error (como el color rojo) para llamar la atención del error.

Algunos pueden decir que una gran cantidad de rojo brillante en una página podría abrumar a un visitante o hacer que se sienta como un objetivo. Sin embargo, la incorporación de neutros como el blanco o el negro, o incluso un tono de rojo descolorido o menos abrasivo, ayuda a equilibrar su mensaje. Este mensaje de error también usa iconos de señales de advertencia que dirigen a los visitantes a las ubicaciones en las que existen los errores, una fuente legible y un botón de acción fácil de ver que indica claramente que puede volver a enviar o "Enviar", su formulario nuevamente. [19659009] Back To You

Incluir mensajes de error bien diseñados en sus formularios web es una excelente manera de mejorar su experiencia de usuario y, por lo tanto, aumentar sus conversiones. Hay varias formas de evitar los errores más comunes en los mensajes de error que pueden hacer que sus visitantes se sientan frustrados, enojados o que abandonen su sitio por completo.

Al incorporar las soluciones rápidas a estos errores, sus formularios se sentirán profesionales y serios, iniciando una relación positiva con sus visitantes que los hará regresar a su sitio. Así que comience a crear grandes mensajes de error hoy con estas pautas fáciles de implementar que mejorarán su UX y aumentarán su número de clientes potenciales y conversiones.



Source link