HeaderPanel
Uso
Descripción general
El encabezado abarca todo el ancho de la ventana gráfica y es el elemento superior de la ventana del navegador. Persiste durante toda la experiencia del producto, lo que garantiza la coherencia en la navegación. Como componente compuesto flexible, el encabezado puede incluir varios elementos según el caso de uso. Actualmente, como punto de partida, utilizamos el patrón de encabezado para mantener la alineación y la coherencia en todos los productos.
Cuándo se debe utilizar
El encabezado global es un elemento obligatorio en todas las aplicaciones, ya que garantiza una navegación coherente y una experiencia de usuario unificada en todos los productos.
Anatomía
El encabezado suele constar de los siguientes elementos:
- Nombre del producto/logotipo: Representa la marca o aplicación.
- Barra de búsqueda: Permite a los usuarios encontrar contenido rápidamente.
- Acciones globales: Pueden incluir ayuda, notificaciones, ajustes y perfil de usuario.
No todos los elementos son obligatorios. Solo lo necesario para su caso de uso específico. El encabezado es un componente abierto y flexible que puede incluir varios elementos en función de casos de uso específicos. Los equipos pueden personalizarlo agregando diferentes componentes, herramientas y funcionalidades según sea necesario, al tiempo que mantienen una experiencia optimizada.
Prácticas recomendadas
- El encabezado global siempre debe incluir un nombre de producto. El nombre del producto tanto en el encabezado como en el panel de navegación debe ser idéntico y con mayúsculas como se usan en los títulos.
- El tipo de logotipo “G” de Guidewire funciona como botón. Al hacer clic en él, se redirigirá a los usuarios a la página de aterrizaje.
Capacidad de ser responsive
- El encabezado global está optimizado para pantallas estándares de computadoras de escritorio y tablets.
- En las tablets, el logotipo G de Guidewire y el nombre del producto están centrados, y el string de texto contextual está oculto. Los usuarios deben hacer clic en el ícono de configuración para ver la información contextual en un panel.
