Prototipo de pantalla de error

LIBP-0161 (Libro de pautas)

En este libro se establecen las pautas relacionadas con el formato de pantalla para la visualización de mensajes de error en una aplicación.

Se distinguen aquí dos tipos de errores:

  • Error generado por una acción: se utilizará la misma pantalla que ha producido el error añadiendo el mensaje de error en un apartado reservado encima del formulario.
  • Error producido por algo ajeno a una acción del usuario (p.e. fallo en la Base de datos): se mostrará a pantalla el formato de pantalla siguiente:

ErrorError

Pautas

TítuloCarácter
Mensaje de error informativoObligatoria
ImplementaciónRecomendada

Mensaje de error informativo

Se deberá mostrar una pantalla simple en el que se describa claramente el mensaje asociado al error que se ha generado en el sistema.

Un error en el sistema provocará que el usuario sea redireccionado a una pantalla de error donde se mostrará información sobre el origen del problema y la posibles acciones a realizar a continuación.

Esta pantalla debe ser simple y mostrar de forma resaltada el mensaje de error para que el usuario pueda identificarlo claramente.

Implementación

Implementar la pantalla de mensajes de error e información empleando los artefactos suministrados con el caso práctico. 

En el caso práctico se ofrece un ejemplo de este tipo de pantalla que se compone de:

  • Plantilla: plantilla.xhtml
  • Fichero: formularioEnviado.xhtml
  • Backing Bean: ninguno

Principales soluciones que implementa:

  • Cumplimiento de pautas de accesibilidad y usabilidad
  • En la plantilla, eliminación de atributos no válidos para scripts generados por RichFaces, a través de jQuery
  • Enlace a la página actual con un botón tipo "submit" para evitar error de accesibilidad al no disponer de botón de envío de formulario 

Contenidos relacionados

Recursos
Área: Interfaz de usuario » Normalización de Interfaces
Código Título Tipo Carácter
RECU-0524 Caso práctico Ejemplo Recomendado