Categorías: Diseño, Sin categoría, Usabilidad

¿Cómo optimizar los errores?

Publicado el 26 enero 2012 por .

Errores 404, errores de formularios, resultados no encontrados, avisos de no disponibilidad del producto. Son algunos de los mensajes que nos pueden aparecer en un sitio web para informarnos que ha habido un error. ¿Cómo tratarlos? ¿Cómo no perder al usuario y sacar provecho de ello? En este artículo os voy a hablar de los trucos que he aprendido leyendo Defensive Design for the Web del equipo de 37signals.

Errores 404

Primero hay que tener control sobre cuántas y cuáles de las páginas nos dan error 404. Lo podemos ver fácilmente desde Google Webmaster Tools, entrando en Diagnóstico y Errores de rastreo. Además de un listado de páginas no encontradas, vemos también dónde se encuentran los enlaces a ellas.

Google Webmaster Tools errores 404

Si en cambio queremos tener información sobre las páginas 404 en Google Analytics, os recomiendo 3 métodos: a través de una URL única, a través de pagename personalizado o implementando un evento. Todo muy bien explicado en trucosgoogleanalytics.com en el post Controlar los errores 404 con Google Analytics. Una vez lo tengamos en Google Analytics, os sugiero también crear alarmas para que no se nos escape este tema.

Pues bien, tenemos todo configurado, tenemos toda la información que necesitamos sobre este tipo de errores y ahora toca aplicar algunas buenas prácticas para optimizar las páginas de error 404:

  • Reducir el número y corregir los enlaces rotos tanto en nuestra web como en las fuentes externas. Puede parecer muy obvio, pero no hay que olvidarlo! :)
  • Crear páginas graciosas. No hay nada mejor que utilizar el humor para dispersar la irritación del usuario. Aquí os pongo un ejemplo de la web Fryewiles.com que a mi me gusta particularmente.

Fryewiles página de error 404

  • Mantener el mismo diseño que en el resto del site para no despistar al usuario.
  • Incluir el logo de la empresa.
  • Explicar por qué el usuario está viendo esta página. Poner ejemplo de errores más comunes.
  • Dar posibilidades de seguir navegando. Proponer enlaces a la home, a una página relevante, incluir el buscador, emails o otras vías de contacto con la empresa.
  • Y por último, redireccionar las URLs mal deletreadas. Por ejemplo cuando un usuario pone un “w” más (wwww.ejemplo.com) o uno menos (ww.ejemplo.com).

Errores en formularios

Para mi los errores en los formularios son unos de los puntos más críticos en la web. Sobre todo si el objetivo principal de un site se consigue rellenando un formulario (ecommerce, leads, suscripciones). Mi compañero Dani Rodríguez en su artículo 12 Trucos para el diseño de formularios web habla de cómo diseñar un buen formulario. Es vital para evitar que los usuarios no obtengan demasiados avisos de errores. Aquí os dejo unas reglas para seguir:

    • Destacar los campos con errores y/o poner el mensaje de error justo al lado de ellos. Este es un ejemplo de mensajes de error desvinculados de los campos a los cuales se refieren.

ejemplo errores formulario

  • Marcar campos obligatorios u opcionales con asterisco, texto o negrita.
  • Validar los campos automaticamente para no obligar al usuario a volver a repasar todo el formulario.
  • Aceptar diferentes formatos de datos, por ejemplo, el formato del código postal, fechas, tarjetas de crédito, etc. O indicar claramente que formato se requiere.
  • Eliminar botones “Reset”.
  • Ofrecer texto de ayuda para los campos más complicados o un desplegable para sugerir opciones

Búsquedas sin resultados

Jakob Nielsen en su artículo Search: Visible and Simple dice que si un usuario no encuentra lo que busca en la primera búsqueda, las probabilidades de que logre encontrarlo con las siguientes búsquedas está disminuyendo. La conclusión: mejorar el motor de búsqueda y la página de resultados. ¿Cómo?

  • Explicar por qué no hay resultados. En el libro Defensive Design for the Web se presenta un caso de Sears. Buscando la palabra “Nike” aparece la información que los calzados no están disponibles en la tienda online.
  • Anticipar errores comunes y ofrecer sugerencias tanto para las búsquedas mal deletreadas como para los sinónimos.
  • Incluir el campo de búsqueda para facilitar al usuario hacer los cambios en los términos que busca o en el alcance de la búsqueda.
  • Ofrecer filtros para refinar los resultados.

No disponibilidad del producto

¿Os ha pasado alguna vez que estabais a punto de comprar un producto, pero sólo después de añadirlo al carrito resultaba que no estaba disponible? A mi sí. Y no ha sido una experiencia agradable. Además siempre me estaba preguntando: “¿Y cuándo podré comprarlo?”. En estos momentos me gustaría que todos los site siguieran estas reglas:

  • Dejar claro que el producto no está disponible ahora mismo. Y mejor si lo marcamos ya en el listado de los productos.
  • Informar cuándo estará disponible de nuevo
  • Aceptar pedidos anticipados
  • Ofrecer notificaciones por correo electrónico
  • Ofrecer alternativas / productos similares

¿Necesitas ayuda con la usabilidad de tu web?

En web-analytics.es tenemos expertos en usabilidad web que estarían encantados de revisar tu web y darte las recomendaciones sobre cómo se pueden resolver las incidencias. ¡Contáctanos para obtener más detalles!

Tags: , ,

Deja tu comentario

Síguenos en Twitter