Tablero en LuckyTemplates: mejores prácticas de diseño

En este tutorial, aprenderá algunas prácticas de diseño fundamentales que pueden ayudarlo a contar una mejor historia basada en datos para su tablero en LuckyTemplates. Los paneles de LuckyTemplates se utilizan para comunicar información. Cuenta una historia a través de visualizaciones . Por lo tanto, es vital contar con la visualización de datos adecuada para resaltar de manera eficiente las ideas para su audiencia.

Tabla de contenido

• Definición de colores para su tablero en LuckyTemplates
• Organización de elementos visuales en sus paneles de LuckyTemplates
• Elección de las visualizaciones adecuadas para su tablero en LuckyTemplates 
• Adición de información sobre herramientas para su panel en LuckyTemplates
• Creación de información sobre herramientas personalizada
• Adición de una página de obtención de detalles para su panel en LuckyTemplates
• Agregar información adicional para su visualización
• Uso de un número mínimo de rebanadores
• Conclusión

Definición de colores para su tablero en LuckyTemplates

Lo primero que debe tener en cuenta es usar colores consistentes como lo hice en mi informe aquí. Como puede ver, usé 1 color para mis encabezados. 

Los colores que utilicé son los mismos en las otras páginas de mi informe.

Si usa varias combinaciones de colores en su informe, se verá como el trabajo de un niño en su libro para colorear. A veces, la historia que quieres contar se mezcla entre todos los colores. Por lo tanto, es muy importante usar un máximo de 2 a 4 colores en su informe. 

En caso de que quieras usar un solo color, puedes usar uno con diferentes tonalidades. Por ejemplo, aquí puede ver que el color de la barra más a la izquierda es un color más oscuro. Luego, la siguiente barra tiene un color más claro. Sin embargo, todos pertenecen a la misma familia de colores.

Si está tratando de usar diferentes colores, asegúrese de definir explícitamente lo que significan esos colores. Por ejemplo, en este informe, utilicé diferentes colores para la visualización. El otro es más claro, el otro es rojo y la línea de abajo es un poco más oscura. 

Aunque tienen diferentes colores, los definí explícitamente aquí. El color más claro corresponde a una cantidad de clientes satisfechos, el color rojo es para datos de encuestas y el color más oscuro es para la cantidad de clientes insatisfechos.

Aquí hay otro ejemplo en el que definí explícitamente el año 2018 con el color amarillo, 2019 con el color gris y 2020 con el color rojo en la página del informe. 

También usé una mezcla de esos colores en este encabezado aquí. Esto le dará a la gente la idea de que estos colores se usan para definir colores individuales en este informe.

Aquí hay otro ejemplo que está relacionado con el anterior. Como puede ver, utilicé un color amarillo para los datos de Defectos . 

Luego, usé el color rojo o rosado para definir los datos de tiempo de inactividad .

En este botón de navegación, utilicé un color degradado con una combinación de colores amarillo, rojo y rosa. Esto corresponde a los colores que usé en este informe. 

Y así es como puede definir los colores en su informe.

Organización de elementos visuales en sus paneles de LuckyTemplates

La siguiente buena práctica de diseño de tableros que quiero discutir es la organización de sus elementos visuales y cómo siempre debe interactuar con los otros elementos visuales en su informe. 

Por ejemplo, esta parte de mi informe representa la tendencia general del número de encuestas realizadas.

Por otro lado, esta es la tendencia individual en toda la categoría de producto .

Como puede ver, la tendencia individual está interactuando con todas las imágenes en esta página de informe. 

Aquí hay otro ejemplo en el que muestro la tendencia por tipo de material . Esto indica los 3 peores materiales principales que tienen el mayor número de defectos y su tendencia.

Los 3 materiales principales se encuentran en esta sección, que son Materias primas , Corrugado y Película .

También se pueden cambiar dinámicamente. Por ejemplo, si cambio el año a 2018 , verá que los 3 materiales principales ahora son Corrugado , Materias primas y Etiquetas .

También verá que la tendencia cambió según la salida del Tipo de material . Por lo tanto, estas imágenes interactúan entre sí. 

Elección de las visualizaciones adecuadas para su tablero en LuckyTemplates 

Otro aspecto importante que debe tener en cuenta es conocer los tipos de visualizaciones que va a utilizar. Por ejemplo, es posible que tenga muchas categorías, como mi tabla aquí, donde tengo 318 proveedores . 

Si uso un gráfico de líneas e indico el número de proveedores a través de una leyenda, se llenará demasiado. El gráfico de líneas no podrá admitir esa cantidad de categorías. 

Como ejemplo, creé una página aquí donde usé un gráfico de líneas para mostrar mis proveedores. En consecuencia, indicó que hay demasiados valores y no muestra todos mis datos. Esta visualización no es tan buena ni útil porque no hay ninguna historia o información en absoluto.

En casos como este, puede usar gráficos de dispersión en su lugar porque pueden tener muchos tipos de categorías.

Adición de información sobre herramientas para su panel en LuckyTemplates

Otra cosa que puede hacer al diseñar su panel de LuckyTemplates es agregar información sobre herramientas. Agregar información sobre herramientas también es útil cuando se usan gráficos de dispersión. Como puede ver en este ejemplo, no podemos ver ninguna información. 

Sin embargo, si paso el cursor sobre un determinado gráfico, puedo ver la información esencial sobre él porque agregué una información sobre herramientas.

Lo bueno de la información sobre herramientas es que podemos usar información sobre herramientas personalizada del mercado, y las imágenes también se pueden diseñar en Charticulator. 

También puede cambiar el color de la información sobre herramientas. Para hacerlo, vaya a la sección Información sobre herramientas en el panel Formato . Aquí puede cambiar el fondo, la etiqueta y el color del valor de la información sobre herramientas.

Creación de información sobre herramientas personalizada

Una de las características interesantes de la información sobre herramientas es que puede crear una página de informe y convertirla en una información sobre herramientas personalizada, como se muestra en la imagen. 

Puede hacer esto creando una página separada. En la página separada, vaya al panel Formato y habilite la opción Información sobre herramientas en Información de la página . 

Luego, para que el tamaño sea similar a una información sobre herramientas, seleccione Información sobre herramientas para la opción Tipo en Tamaño de página .

Después de eso, vaya a la pestaña Ver y seleccione la opción Tamaño real en la vista Página para elegir una vista de información sobre herramientas.

De forma predeterminada, el tamaño de la información sobre herramientas es pequeño.

Para personalizar esto, solo ve a Tamaño de página nuevamente y selecciona el tipo Personalizado . 

A continuación, puede aumentar el ancho y el alto de la información sobre herramientas.

Ahora, esa página personalizada está lista para usarse como información sobre herramientas en su informe. Simplemente seleccione la imagen donde desea usarla. Luego, vaya al panel Formato . Busque la Información sobre herramientas , establezca el Tipo en la página Informe y seleccione el nombre de la página que desea usar como Información sobre herramientas en el campo Página .

Si cambia el tamaño de su información sobre herramientas personalizada, también cambiará automáticamente en la información sobre herramientas de su objeto visual. Por ejemplo, cambiaré el tamaño de la información sobre herramientas de esta página personalizada aquí.

Si paso el cursor sobre su gráfico correspondiente, verá que el tamaño de la información sobre herramientas también cambió.

Adición de una página de obtención de detalles para su panel en LuckyTemplates

La obtención de detalles se utiliza para crear una página en su informe que se centre en una entidad específica para que las personas puedan obtener detalles filtrados para ese contexto.

Para agregar una obtención de detalles en su informe, puede usar un botón para mostrar al usuario final que debe hacer clic en ese botón para trabajar en la página de obtención de detalles. 

También puede hacer clic con el botón derecho en un dato y seleccionar Explorar a través . 

O bien, puede seleccionar estos datos en particular y luego hacer clic en el botón para ir a la página de obtención de detalles. 

No es difícil configurar una página de obtención de detalles. Simplemente vaya a la pestaña Insertar y haga clic en el botón En blanco . 

Luego, defínalo en el campo Texto del botón en el panel Visualizaciones . 

Después de eso, habilite la opción Acción , configure la opción Tipo para profundizar y configure el Destino .

Si aún no ha seleccionado nada, el botón se verá así.

Si selecciona un elemento o datos, se verá así. Esto indica que debe hacer clic en él para ir a la página de obtención de detalles.

También puede agregar una información sobre herramientas yendo a Habilitar información sobre herramientas en Acción . Por ejemplo, escribamos " Haga clic aquí ".

Si paso el cursor por aquí, puede ver que muestra " Haga clic aquí ". Con esto, el usuario final sabrá que necesita hacer clic aquí para ir a la página de obtención de detalles.

Agregar información adicional para su visualización

También puede dar detalles adicionales si su visualización es compleja. Por ejemplo, en esta página de informe aquí, es difícil entender lo que significa el Promedio de Días Abiertos .

Entonces, agregué un ícono que mostrará información adicional al hacer clic en él. 

También agregué ese icono de información en mi informe aquí. 

Uso de un número mínimo de rebanadores

Mantenga el número de segmentaciones al mínimo en la página del informe. Por lo general, trato de poner solo la segmentación más importante en el informe.

Por ejemplo, solo coloqué una segmentación en este informe.

Si voy a las otras páginas, puede ver que también se muestra solo una segmentación. 

Sin embargo, para informes con análisis detallados, he puesto mis segmentaciones en el panel de navegación aquí en caso de que el usuario final también quiera usarlas. 

Además, puede usar las imágenes en lugar de las segmentaciones para resumir los datos. El uso de imágenes también brinda más información. 

Si vuelvo a esta página, la parte resaltada actúa como una cortadora. Sin embargo, también está dando información al usuario final. Puedo simplemente hacer clic en él y filtrará los datos por mí.

También hice eso en mis otros informes como se muestra en este ejemplo. Las imágenes aquí también actúan como cortadores. Se ven mejor que las cortadoras y brindan mucha más información.

Recree una visualización en un tablero de LuckyTemplates
Diseño de tablero de LuckyTemplates: una impresionante idea de visualización de cambio de página
Tutorial de tablero de LuckyTemplates: cómo mejorar el diseño del tablero
 

Conclusión

Para concluir, estos consejos que te mencioné son las cosas que debes tener en cuenta a la hora de crear o preparar un informe.  

El potencial de los tableros en LuckyTemplates a menudo no se aprovecha por completo debido a los esfuerzos mínimos que se ponen en el diseño final. Tenga en cuenta que al diseñar correctamente sus tableros, puede hacer que la información más importante se destaque para su audiencia.

Consulte los enlaces a continuación para obtener más ejemplos y contenido relacionado.

¡Salud!

Mudassir