Usted está aquí:
Organizar páginas de panel con jerarquía visual
Organice cada página de panel de modo que los usuarios la lean en un orden natural, desde la imagen completa hasta el detalle.
Utilice páginas de panel para contar una historia en capas en un único panel en vez de crear muchos paneles separados. Las páginas también mejoran el tiempo de carga, ya que solo se ejecutan las consultas en la página predeterminada cuando se abre el panel.
Candidato con un titular, luego cuerpo, luego detalles
- Titular. Coloque las mediciones clave y las conclusiones en la parte superior, donde los usuarios buscan primero.
- Cuerpo. Debajo del titular, muestre los gráficos que explican y desglosan esas mediciones.
- Detalles. Coloque las tablas granulares y la información de referencia en último lugar, para usuarios que necesitan profundizar.
Seleccione un patrón de formato que guíe la vista
- Patrón F. Los usuarios escanean por la parte superior, luego por el lado izquierdo. Utilícelo para paneles densos en contenido con muchos widgets.
- Patrón Z. El ojo se mueve de arriba a la izquierda y de arriba a la derecha, luego diagonalmente a la parte inferior. Utilícelo para paneles más sencillos con una llamada a la acción clara.
- De lado a lado. Coloque vistas relacionadas una junto a la otra para admitir la comparación directa, como este periodo frente al último periodo.
Agrupar y alinear para mayor claridad
- Utilice widgets de contenedor para agrupar widgets relacionados y para separar secciones.
- Alinee widgets con una cuadrícula coherente y mantenga el espaciado uniforme.
- Utilice etiquetas y colores de sección para reforzar la agrupación.
- Deje espacio en blanco de modo que cada sección sea fácil de distinguir.
Diseño para la ubicación de visualización del panel
- Muestre detalles completos en una aplicación independiente.
- Muestre menos mediciones de nivel superior cuando integre un panel en una página de registro o la página Inicio.
Consulte también:
¿Resolvió este artículo su problema?
¡Háganos saber cómo podemos mejorar!
