Diseño de informes para la navegación

Hay muchas acciones de botón disponibles para ayudar a configurar experiencias de navegación del informe. Aunque los botones habilitan la navegación, el diseño del informe y del botón son fundamentales para garantizar que los consumidores del informe puedan navegar de forma eficaz por el informe.

Los botones deben colocarse en ubicaciones relevantes y uniformes. Un botón solo resulta útil si es fácil de encontrar. Para fomentar la facilidad de detección, asegúrese de que los botones se colocan en una ubicación relevante y uniforme en la página del informe.

En el ejemplo siguiente, los botones que se encuentran por el lado izquierdo de la página del informe permiten a los consumidores del informe navegar entre páginas. Lo que es más importante, se colocan en la misma ubicación y en el mismo orden en todas las páginas del informe. El botón que representa la página actual tiene un formato que resalta el icono.

Cuando un botón solo afecta a una sección de un informe, puede colocarlo en esa sección, de modo que quede claro para los consumidores del informe que la acción solo se aplica a esa sección.

En la imagen siguiente, hay dos botones en la esquina superior derecha de una sección que permite al consumidor del informe cambiar entre tipos de objeto visual.

De forma similar, si una acción obtiene detalles de una página, colóquela lo más cerca posible del objeto visual que la activa.

En la imagen siguiente, el botón Obtener detalles se encuentra encima del objeto visual que lo activa.

En la página de obtención de detalles, asegúrese de que haya un botón de retroceso que proporcione una forma sencilla de volver al lugar desde el que se ha iniciado la acción para obtener detalles. Una convención establecida consiste en usar un icono de flecha que apunta a la izquierda para el botón.

Los botones deben ser claramente interactivos. Si un botón no da la impresión de ser interactivo, es posible que el consumidor del informe no lo perciba. Para ayudarles, se pueden aplicar dos opciones de formato: al pasar el ratón y la información sobre herramientas descriptivas.

Al pasar el ratón

Puede configurar botones para cambiar su estado cuando sea posible usar la opción de paso de ratón. Cuando el consumidor del informe mantiene el cursor sobre un botón, el icono del cursor cambia a un dedo señalador, lo que indica que el botón se puede seleccionar. En este ejemplo, el texto del botón Tabular es gris claro de forma predeterminada, pero cuando mantiene el cursor sobre él, se oscurece a negro.

Información sobre herramientas descriptivas

Además del formato pasando el ratón, puede configurar la información sobre herramientas para comunicar lo que hace el botón de forma concisa.