Prototipo de pantalla de contenidos

LIBP-0236 (Libro de pautas)

El prototipo de pantalla de contenidos permite mostrar al usuario información de cualquier tipo.

Pautas

TítuloCarácter
Diseño de la pantallaObligatoria
ImplementaciónRecomendada

Diseño de la pantalla

Una pantalla de contenido debe mostrar al usuario la información que pretende transmitir de la forma más clara posible, utilizando para ello texto e imágenes si se consideran adecuadas.

En la siguiente imagen puede verse un ejemplo, que coincide con el diseño de la pantalla de ayuda:

AyudaAyuda

Además, las pantallas de contenidos podrán incluir un menú vertical si se considerase adecuado.

Implementación

Implementar la pantalla de contenidos empleando los artefactos suministrados con el caso práctico. 

En el caso práctico se encuentran las siguientes opciones:

a) Pantalla de contenido sin menú vertical. Se compone de:

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

b) Pantalla de contenido con menú vertical. Se compone de:

  • Plantilla: plantillaConMenu.xhtml
  • Fichero: contenidoMenu.xhtml
  • Backing Bean: ninguno 

 

Principales soluciones que implementan:

  • 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