8 formas de crear mensajes de error inteligentes – Usabilidad web y seo

8 formas de crear mensajes de error inteligentes

Vistas: 26
0 0
Tiempo de lectura:6 Minutos, 11 Segundos

P: ¿Qué sucede cuando alguien se pierde en su sitio web, o cuando alguien encuentra un enlace incorrecto o falta contenido?

Respuesta: Verán su página 404.

Aquí está la pregunta real: ¿Es esta página 404 un huevo de Pascua bien pensado para guiar a los usuarios en su viaje, o se ha olvidado de agregar elementos de diseño o informativos?

Los mensajes de error inteligentes y las páginas 404 son el arte del diseño web. Algunos diseñadores esconden estas pequeñas pepitas para sorprender y deleitar a los usuarios. Hay una cosa en común: una buena microcopia de errores y diseño realmente puede ayudar a los usuarios a conectarse con el contenido cuando de otra manera podrían rebotar, por lo que es importante usar este elemento a su favor.

Los informes de errores deben ser breves y directos.

Los mensajes de error deben ser claros de un vistazo y parecer un “problema”. Una alarma roja es una señal obvia de que algo anda mal.

Si los usuarios tienen que trabajar demasiado cuando surge un problema, abandonarán el diseño.

Combine este elemento visual con un lenguaje directo y simple sobre el problema. Sea directo, pero trate de no exagerar. (Existe una línea muy fina entre una pantalla azul demasiado frustrante cuando algo sale mal y una página de documentación para ayudarlo a comenzar de nuevo. Ambos son muy frustrantes para la mayoría de las personas).

Lo mejor que puede hacer es dar una explicación sencilla del problema con una respuesta sencilla.

Si los usuarios tienen que trabajar demasiado cuando surge un problema, abandonarán el diseño. Piense en estos pequeños fragmentos de microcopia de errores y la última línea de defensa que puede salvar a un usuario antes de que abandone su sitio.

Un tono amable y servicial puede hacer maravillas aquí. Sea inteligente y use un lenguaje natural, pero manténgase alejado de las palabras tontas y más frustrantes.

Da el siguiente paso

Si el usuario hizo algo que generó un error, ayúdelo a llegar al lugar correcto.

Este es un proceso de dos pasos:

  • Muestre un mensaje con un pequeño bloque de texto para informarles que no se ha realizado la acción deseada. Tenga cuidado con este lenguaje para no culpar al usuario por el error. Mantenga su lenguaje neutral y útil.
  • Sugiera una solución. Recuerde usar la voz de su marca; puede ser tan fácil como “¿Necesitas ayuda con algo?” a “Quizás esto es lo que estás buscando” usando un botón o una lista de opciones.

Flywheel tiene un diseño simple con animaciones ingeniosas con una simple llamada a la acción: “Ven a casa”.

No les grites a los usuarios

No es necesario hablar de ello, pero sucede con demasiada frecuencia. No grites a los usuarios perdidos escribiendo todo en mayúsculas, negrita, rojo o subrayado. A menos que sea parte de su esquema de diseño general.

Recuerde que un usuario que encuentra un mensaje de error o una página 404 probablemente ya esté decepcionado. Los diseños y las palabras deben tener un tono tranquilizador, tranquilizador y útil para ayudarlos a completar lo que estaban tratando de hacer con el diseño.

Corrija los errores a medida que aparezcan (cuando pueda)

Piense en lo feliz que se siente cada vez que comienza a escribir una dirección que ya conoce la ciudad y el estado por código postal. ¿O tu ubicación al buscar direcciones? ¿O que ya has comprado un artículo? ¿O campos que saben qué tipo de tarjeta de crédito tienes solo por número? ¿O si escribió mal una palabra mientras buscaba pero aún así obtiene los mismos resultados?

A los usuarios les encantan estos pequeños surcos que hacen que todo sea más fácil, rápido y preciso.

Todas estas pequeñas cosas evitan errores debido a elecciones incorrectas, errores tipográficos o errores humanos comunes.

Todas estas pequeñas cosas solucionan errores potenciales antes de que sucedan.

Y cuando se encuentra con estas soluciones inteligentes, su vida en línea es mucho más fácil. A los usuarios les encantan estos pequeños surcos que hacen que todo sea más fácil, rápido y preciso.

Al planificar el diseño de su sitio web, considere cómo podría utilizar algunos de estos conceptos para deleitar a los usuarios y ayudarlos a navegar y completar con éxito acciones en su sitio web más rápido y sin errores.

Usar botones

Los botones son ligeros. Los usuarios saben qué hacer con ellos. Úselos para ayudar a guiar las acciones en caso de un error.

Si bien los enlaces de texto son útiles, los botones brindan un poco más de acción implícita para tener éxito. También son especialmente útiles para los usuarios de dispositivos móviles, ya que los enlaces de texto pueden ser un poco más incómodos o ser víctimas de los dedos gordos.

La página 404 debe parecerse a su sitio web

¿Por qué parece que tantas páginas 404 están simplemente atascadas en un mapa del sitio? (Probablemente porque lo fueron).

Una buena página 404 se ve como el resto de su sitio web: usa el mismo encabezado y pie de página, pero también usa elementos de imagen y una copia para que coincida con otro contenido. No olvides tu voz y estilo característicos aquí. Esto es tan importante en la página 404 como en la página de inicio.

Southwest informa a los usuarios cuando se pierden y luego proporciona enlaces rápidos para ayudar a los viajeros a registrarse o encontrar información de vuelos. Aprovechan la oportunidad para que las personas sigan haciendo clic.

Olvídese de Ups y Ups en 404 páginas

Un título alegre de 404 páginas como “oh” u “oh” se ha escrito tantas veces que ahora parece flojo.

Si no puede pensar en algo inteligente, no siempre tendrá algo que decir al instante, use imágenes de marca excelentes, discúlpese por las molestias e invite a los usuarios a hacer algo.

Si quieres ser inteligente, relaciona tu mensaje con tu marca y con lo que haces. Apartment Therapy hace que la página 404 sea muy fácil, pero la mensajería es perfecta para lo que los usuarios del sitio web esperan.

Es la combinación perfecta de informativo, útil e inteligente. (Es por eso que el diseño de la página 404 funciona). Y sí, dicen “Ups”, pero el titular principal es tan inteligente que esta vez los perdonaremos.

Cree una estrategia de diseño de errores

Como ocurre con cualquier desafío y solución de diseño, una estrategia sólida es la base del éxito. Desarrolle una estrategia de diseño defectuosa durante las etapas de planificación.

Aquí está su lista de verificación para comenzar:

  • ¿Cuáles son los problemas típicos que espera que los usuarios encuentren en su sitio?
  • ¿Cómo se pueden solucionar estos problemas?
  • ¿Cómo se verá una página 404?
  • ¿Qué voz y tono se adapta a tu audiencia?
  • ¿Qué soluciones sugerirías? Botones, búsqueda, ¿algo más?
  • ¿Qué arquitectura permite a los usuarios pasar por el proceso de remediación?
  • ¿Quién en su equipo puede anticipar problemas y está más capacitado para escribir soluciones de microcopia asombrosas?

Conclusión

La solución inteligente al problema de un usuario es una combinación de voluntad de ayudar, atención y soluciones rápidas. Si alguien tiene problemas de diseño, una respuesta sencilla probablemente lo ayudará a mantenerlo en su sitio web y avanzar en la ruta de conversión exitosa.

Planifique elementos de microcopia y diseño para estas fallas, y trabaje para que funcionen con su marca y el resto de su diseño para que los usuarios sepan qué hacer a continuación.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post ¿Empiezo por el contenido o la estrategia SEO?
Next post El punto ciego de los investigadores de UX. Trabajas en una organización con … | Zombor Varnagi-Thoth | Noviembre de 2021

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta