Botones de navegación de LuckyTemplates

La mayoría de las veces, los íconos también se usan junto con los botones de navegación de LuckyTemplates al crear informes de LuckyTemplates. Si ve un icono de inicio, al hacer clic en él, volverá a la página de inicio.

Un icono de información le dará más contexto sobre un gráfico o página específicos. Un ícono de LinkedIn o Twitter lo dirigirá a la cuenta del diseñador.

Queremos usar íconos que sean fáciles de identificar, pero esto no es suficiente, por lo que siempre debemos proporcionar a nuestros usuarios un contexto adicional .

Desde el punto de vista de la historia de datos, necesitamos controlar la experiencia del usuario.

Como diseñador, somos responsables de qué mostrarle al usuario, cuándo mostrárselo, anticipar las preguntas, brindar interacciones y navegación claras y brindar contexto adicional.

Siempre debemos tener un propósito para nuestro informe, como impulsar el cambio, brindar recomendaciones y más. Si usamos iconos con interacciones específicas o botones de navegación de LuckyTemplates y el usuario no lo ve o no lo entiende, nuestra historia se pierde.

El usuario final no verá una parte de su análisis que lleve a una conclusión específica. Una vez más, el contexto es extremadamente importante. Nunca desea agregar un ícono solo para agregarlo en la pantalla.

Lo desea para un propósito específico y si ese propósito no está claro para el usuario final, asegúrese de agregar contexto.

Cuando utilice un icono de inicio como botón, dígales a sus usuarios que hagan clic en él para volver a la página de destino. Si se trata de un botón de información, indique a sus usuarios que pasen el cursor sobre la información de descripción del tablero.

Si está utilizando un botón de icono de Twitter o LinkedIn, agregue esta descripción también. Tengamos en cuenta que debemos proporcionar contexto para las áreas que requieren la interacción del usuario.

Tabla de contenido

• Informes de LuckyTemplates con botones de navegación
• Uso de información sobre herramientas en los informes de LuckyTemplates
• Botones de navegación de LuckyTemplates dirigidos a sitios web
• Adición de iconos junto a los KPI
• Adición de bandas como KPI
• Conclusión

Informes de LuckyTemplates con botones de navegación

Pasemos ahora a LuckyTemplates y veamos algunos ejemplos de la vida real.

Para este informe, coloqué los íconos cerca de los botones de navegación. Los asocié según el principio de similitud por el estilo del artículo y la proximidad entre los botones.

La posición en la página, el espacio negativo y el color del contorno del primer elemento llama la atención e indica que se trata de botones de navegación de LuckyTemplates.

No hay ninguna etiqueta dentro o cerca del botón que actúe como identificador; por lo tanto, colocar contexto adicional será útil para que los usuarios sepan a qué página serán dirigidos .

Uso de información sobre herramientas en los informes de LuckyTemplates

La información que se muestra en una información sobre herramientas al pasar el mouse sobre el botón es una buena funcionalidad al crear informes.

Si no usa esta funcionalidad, no olvide deshabilitar esta opción porque le da un aspecto sin pulir a los informes cuando se publican en el servicio.

Para ilustrar lo fácil que es mantener la información sobre herramientas activada y desactivada, agreguemos un botón en blanco a la página.

En el botón Acción , la opción Sin información sobre herramientas no está activa de forma predeterminada.

Significa que cuando pasa el cursor sobre este botón, verá el mensaje " CTRL+clic aquí para ir a la página anterior de este informe ", lo cual no es agradable.

De ahí que tengamos que activarlo para que desaparezca. Mi consejo es mantener habilitada la información sobre herramientas si las está utilizando; si no, simplemente deshabilítelos.

Botones de navegación de LuckyTemplates dirigidos a sitios web

Otra forma en que podemos usar íconos es dirigir a los usuarios a páginas específicas del sitio. Por ejemplo, hacer clic en el logotipo de la empresa lo llevará directamente al sitio web.

En este informe, tengo el logotipo de JIRA y también tengo este botón invisible con la información sobre herramientas activada. Vamos a desactivarlo para que se vea mejor.

Si hago clic en el botón del logotipo de JIRA, se me dirigirá al sitio web de la empresa, que en este caso es .

Sin embargo, la mayoría de los usuarios no sabrán que existe esta interacción. Peor aún, podrían esperar que funcione como un botón de inicio. Es muy común que en los sitios web cuando hace clic en el logotipo, se le dirija a la página de destino.

No nos olvidemos de la percepción del usuario. El usuario puede estar acostumbrado a este tipo de navegación desde otros sitios web y la mejor manera es tener una información sobre herramientas que diga: "Conectémonos o vayamos al sitio web".

Adición de iconos junto a los KPI

Pasemos a otro ejemplo. 

De acuerdo con el principio de proximidad y similitud, también puede utilizar iconos junto a los KPI que se pueden asociar a los botones manteniendo un estilo similar entre ellos. Además, la etiqueta de los KPI son los identificadores de los íconos, por lo que no hay necesidad de contexto adicional.

Adición de bandas como KPI

Los KPI también se conocen como bandas. En este caso, el tipo de bandas que estamos viendo son las principales métricas que brindan una gran información para el seguimiento de la actividad. Contamos con el Tiempo Promedio de Entrega , Materiales , PO , Toneladas No Ordenadas y Clientes .

Sin embargo, ¿esos números son buenos o malos? Y si son malos, ¿los números son malos para un mes específico o hay una mala dinámica? ¿La tendencia va hacia arriba o hacia abajo? ¿Por qué debería preocuparme por esto?

Al mirar este informe desde el principio, me di cuenta de que, como usuario final, necesito trabajar, explorar y descubrir por mí mismo la información o el mensaje que el diseñador quería crear.

Cuando paso el cursor del primer KPI al tercer KPI, no hay información adicional. Pero en el cuarto KPI, encontramos información muy interesante que muestra el PO total sobreentregado .

Luego, cuando vamos a Clientes , podemos ver el Margen por cliente , que es muy importante.

Además, podemos ver que el 80% del margen total proviene de solo 11 materiales. Esta información es genial.

En este tutorial , expliqué cómo los usuarios escanean la pantalla en un patrón Z de izquierda a derecha y de arriba a abajo.

Mis dos KPI principales están situados en la parte inferior de la pantalla. Esta es una mala elección de diseño ya que esos son los únicos dos KPI creados con información adicional.

Permítanme ponerme en los zapatos de la audiencia. Si quisiera explorar los datos por mí mismo, ¿por qué me molestaría en pedirle a un desarrollador de LuckyTemplates que creara el informe?

Es divertido porque fui yo quien creó este informe. Esta es una de mis primeras presentaciones para organizado por LuckyTemplates el año pasado.

Estoy criticando mi propio trabajo inicial. En nuestro viaje para mejorar nuestros informes, todos cometemos errores y aprendemos de ellos .

Agregar íconos al lado del KPI es genial porque le da un aspecto profesional, pero no es suficiente para crear un KPI. Cuando creas un KPI, lo primero que debes preguntarte es “¿y qué?”

Puede agregar una referencia, hacer una comparación con un presupuesto del pronóstico del año pasado o mostrar cuánto tiempo ha sido bueno o malo agregando una tendencia.

Si es realmente malo, anticipe las preguntas del usuario final . Por ejemplo, si uno de los KPI llamó la atención de un usuario, entonces deberá profundizar en los detalles. Puede agregar contexto adicional o profundizar para proporcionar más detalles al usuario .

Una vez que el usuario tiene información detallada, ¿qué debe hacer al respecto? Ahí es donde el usuario debe estar en el momento en que presente sus recomendaciones para un plan de acción.

Iconos personalizados de LuckyTemplates | Técnica de visualización de PBI
Desarrollo de informes de LuckyTemplates: creación de temas, logotipos de empresas, iconos y fondos
Cómo agregar iconos de LuckyTemplates personalizados a sus informes

Conclusión

Espero que a través de estos ejemplos entiendas una lección importante sobre los botones de navegación en la narración.

Hacer las preguntas correctas sobre los KPI y colocar un contexto adicional en los botones de navegación ayuda a que la narración se vuelva más poderosa.

Como diseñador, siempre tenga en cuenta que no solo estamos creando informes; estamos teniendo un impacto real.

Mis mejores deseos,