Técnicas de desarrollo de informes basados ​​en web en LuckyTemplates

En este tutorial, le mostraré cómo diseñar un informe en LuckyTemplates que se vea y se sienta como una aplicación de informes basada en web. Aprenderá cómo crear experiencias de navegación únicas dentro de sus informes, usar el nuevo generador de temas de LuckyTemplates para duplicar su velocidad de desarrollo y desarrollar plantillas reutilizables para escalar la creación de informes entre sus equipos. Puedes ver el video completo de este tutorial en la parte inferior de este blog.

Recientemente, LuckyTemplates ha agregado características y funcionalidades que nos han permitido crear informes muy atractivos y aplicaciones de informes basadas en web. Quiero mostrarle cómo puede tomar un informe antiguo o incluso comenzar desde cero y hacer que se vea mucho mejor y mucho más interactivo.

Aquellos de ustedes que nos conocen bastante bien saben que tenemos el enfoque de los cuatro pilares. Este es nuestro marco para desarrollar informes de LuckyTemplates. El primer pilar es cargar y transformar datos. El segundo pilar es el modelado de datos. El tercer pilar son los cálculos DAX y el cuarto son los informes y las visualizaciones. Hoy, nos estamos saltando los tres primeros pilares y realmente nos estamos sumergiendo en el pilar cuatro.

Tabla de contenido

• Cómo crear un informe basado en web en LuckyTemplates
  • Tema de color de informe
  • Navegación de la página del informe basado en la Web
  • Información sobre herramientas en un informe basado en la Web
• Más técnicas y consejos de visualización para un informe basado en la web
• Conclusión

Cómo crear un informe basado en web en LuckyTemplates

En este ejemplo, creé un modelo simple usando la técnica de cascada, donde tenemos nuestras tablas de búsqueda en la parte superior que fluyen hacia nuestra tabla de hechos. Este es un conjunto de datos simple. Tenemos una organización que vende cosas y una tabla de hechos con todas las diferentes transacciones que han estado ocurriendo dentro del negocio.

Tema de color de informe

Lo primero que creo que es absolutamente esencial al desarrollar estas aplicaciones de generación de informes es que debe tener la temática correcta. Tiene que obtener un tema de color uniforme y coherente dentro de sus informes.

Es posible que ya tenga un tema que se alinee con su organización y eso es genial. Tal vez alguien haya creado una plantilla para ti. Pero si no lo ha hecho, le mostraré cómo puede crear algo bastante efectivo dentro de LuckyTemplates en combinación con algunas de las herramientas que tenemos en nuestra propia aplicación llamada Analyst .

En la cinta Ver , tenemos este menú desplegable con nuestra selección de temas, y verá que tenemos una amplia gama de temas listos para usar. Sin embargo, creo que todos estos son temas de color no tan convincentes, por lo que realmente no uso ninguno de ellos.

Tienes que hacer que tus colores se destaquen y que funcionen bien juntos. Solía ​​​​cambiar individualmente los colores de cada uno de estos diferentes elementos, pero ahora personalizo mi tema de color. En la cinta Ver, desplácese hacia abajo y verá la opción Personalizar tema actual . Haz clic en eso y obtendrás esta ventana emergente.

Tienes un montón de formas de personalizar tu tema aquí. Puede cambiar los colores generales del tema, pero también puede cambiar los diferentes elementos, como sus títulos, sus etiquetas de datos, texto, imágenes, etc. También puede crear colores para el Panel de filtros.

Esta es una excelente opción para crear temas, pero otra forma de hacerlo rápidamente es a través del Analyst Hub, ¡y es gratis! Todos tienen acceso al Analyst Hub. Nuestro objetivo es mantenerlo mucho más simple y fácil de entender para todos nuestros usuarios.

En Analyst Hub, tenemos un Generador de temas de color . Hay algunas maneras en las que puede crear su tema de color aquí. Personalmente, me encanta el Color Fan. Lo que pasa con los temas es que no desea complicar demasiado los colores en su informe para crear un tema uniforme. Tener una paleta similar, pero solo tonos diferentes, funciona muy bien en los diseños de informes.

Una vez que haya elegido su tema de color, simplemente puede copiar el color y pegarlo en su informe. Personalmente, me gusta tener un fondo más oscuro y letras blancas.

Por lo tanto, puede hacer clic en el color de su elección y luego copiarlo y pegarlo en la opción Personalizar colores del tema en LuckyTemplates.

Tiene toda la flexibilidad de personalización aquí para su informe en términos de temas, incluidos el texto, las fuentes, la información sobre herramientas, los encabezados, etc. Y luego, en su informe, puede realizar más ajustes como los colores, la transparencia, etc. También me encanta usar Format Painter, y también puedes hacer una selección múltiple para acelerar las cosas.

Ahora que tenemos nuestro tema configurado, procedamos a la navegación de la página.

Navegación de la página del informe basado en la Web

Al crear un informe, desea permitir que el usuario navegue por su informe exactamente como lo desea. No descargue todo en una página y luego deje que el usuario haga clic en todas estas diferentes segmentaciones y páginas. Desea llevar al usuario a través de la historia que desea contarle mediante el uso de técnicas de navegación que realmente pueden permitirlo.

Lo primero que haría sería agregar formas e íconos . Por lo general, obtengo mis íconos de un sitio web llamado Flaticons . Me suscribí y descargué algunos de los íconos, que son bastante útiles cuando estoy haciendo informes como este.

A continuación, puede traer estos iconos al informe. Puede formatearlos, cambiar el color, cambiar su tamaño y arrastrarlos a donde desee colocarlos.

A continuación, necesita una forma de indicar en qué página se encuentra realmente en un momento dado. Para demostrar esto, crearé otro rectángulo o simplemente copiaré y pegaré el que ya he creado. Puedo superponer las formas entre sí. Luego, solo duplico la página y coloco una funcionalidad similar en la página siguiente y en la página siguiente, etc.

Personalmente, no quiero que todos mis filtros se bajen en mi página. Quiero ser mucho más inteligente sobre cómo utilizo los filtros. Por lo tanto, generalmente creo un cuadro de filtrado dinámico que aparecerá en función de un clic. Para hacer eso, necesitamos usar marcadores y selecciones .

Voy a agregar un ícono, que será mi imagen de filtrado. Entonces, cuando alguien haga clic en esto, quiero que aparezca un cuadro. Y luego, quiero que ese cuadro me permita filtrar por fecha, por ejemplo. Voy a empezar a construir esta caja antes de hacer cualquier otra cosa. Puedo personalizarlo a mi gusto.

El panel de selección nos da una lista de cada elemento en nuestro informe. Podemos manipular esto también. Podemos aislar algunas partes de nuestro informe. Podemos mostrarlos y ocultarlos.

Ahora, puedo agregar algunas segmentaciones, imágenes o cualquier elemento visual en el cuadro. También puedo agrupar estos elementos, por ejemplo, como mi grupo de filtros. Al hacerlo, puedo simplemente seleccionar el grupo en lugar de seleccionar los elementos individualmente.

A continuación, voy a crear dos marcadores. Uno es Mostrar filtros y el otro es Ocultar filtros. Todo lo que necesito hacer en este punto es vincular estos marcadores a las selecciones de estas imágenes. Para hacerlo, haré clic en la imagen y luego iré a Acción en el panel Formato de imagen y lo encenderé. Seleccionaré Marcadores para Tipo y Mostrar filtros para Marcador.

Luego puedo agregar rápidamente algunas imágenes y crear ideas para el informe.

Después de eso, duplicaré esta página como Clientes, Ubicaciones y Productos. También me aseguro de ocultar estas páginas porque no quiero que mis usuarios las vean en la parte inferior de nuestro informe. Quiero que naveguen directamente a través de la barra de navegación que he creado.

Para incrustar la navegación en la barra de navegación, simplemente seleccione el icono, luego vaya a Formato de imagen y coloque las acciones correspondientes.

Ahora, voy a hacer los cambios necesarios para cada página que duplicamos. Por ejemplo, para la página Clientes, cambiaré el título de la página a Análisis de clientes. También ajustaré el ícono para los clientes en la barra de navegación y eliminaré o colocaré las imágenes relevantes.

Información sobre herramientas en un informe basado en la Web

Estas son solo algunas de las técnicas que puede realizar en LuckyTemplates. Otra gran cosa que puede usar para su informe basado en la web es la información sobre herramientas . Es una característica asombrosa. Puede personalizarlo para alinearlo con nuestro tema. El uso de información sobre herramientas es una excelente manera para que los usuarios profundicen de manera eficiente y rápida en los detalles del informe.

Por lo tanto, vamos a crear una información sobre herramientas simple. Para hacerlo, cree una nueva página y asígnele un nombre. Para este ejemplo, lo llamaremos Información sobre herramientas para el cliente. Voy a ocultarlo también porque no quiero mostrar esta información sobre herramientas como una página en el informe. La clave a tener en cuenta aquí es que debe activar Tooltip .

También puede personalizar su información sobre herramientas. Puede ajustar el tamaño y los colores y hacerlos tan elegantes como desee. Puede crear tablas y gráficos, según cómo desee que aparezcan los detalles a medida que los usuarios profundizan en su informe.

Una vez que haya terminado de crear su información sobre herramientas, puede incrustarla en las imágenes de su informe. Simplemente haga clic en la visualización, vaya al rodillo de pintura y luego haga clic en Información sobre herramientas en la parte inferior.

Las posibilidades de personalización son amplias. Puede crear información sobre herramientas más compleja e incluso puede crear una página dentro de una página si lo desea. Puede tener un grado mucho mayor de información y una amplia gama de visualizaciones diferentes, todo dentro de una información sobre herramientas.

Más técnicas y consejos de visualización para un informe basado en la web

Otra cosa que me gustaría hacer cuando estoy creando un informe basado en la web es crear una página de inicio , donde puedo hacer muchas configuraciones. Me encanta tener una página de inicio que sea el punto central de navegación, lo que permite a los usuarios navegar fácilmente por el resto de mi informe.

Puede ser creativo en la construcción de su página de inicio. Utilice iconos o imágenes como botones para llevar a sus usuarios a diferentes páginas y luego a su página de inicio.

En cuestión de minutos, puede crear un excelente informe basado en web en LuckyTemplates con una excelente experiencia de navegación y una apariencia atractiva.

En términos de visualización, los colores son importantes . Asegúrate de no abusar de los colores. Otro consejo importante para la visualización es pensar siempre en cuadrículas sobre cómo diseña sus informes y dónde coloca sus visualizaciones.

Asegúrate de tener una buena navegación , llevando al usuario a través de la historia que quieres contarle. Piense fuera de la caja y sea más creativo al respecto. Sin embargo, no abuses de tus imágenes . Puede utilizar otras funciones para ahorrar espacio en su página. Utilice la capacidad de ocultar filtros si lo desea. Utilice la capacidad de utilizar la información sobre herramientas y la obtención de detalles.

Si desea obtener más ideas sobre diseños de informes, visite nuestro y visite nuestro . Aquí encontrará algunos de los informes de LuckyTemplates mejor diseñados. No hay nada como esto en ninguna parte en línea. Muchos de estos informes han sido creados internamente por LuckyTemplates recientemente. Muchos de estos son de nuestra comunidad y nuestros desafíos.

Sugerencias de diseño de LuckyTemplates: creación de informes similares a aplicaciones
Técnicas de generación de informes de LuckyTemplates: configuración de informes similares a aplicaciones
Mejores ejemplos de informes de LuckyTemplates | Aplicaciones de informes de Fórmula 1

Conclusión

Este tutorial se basó en una cumbre reciente que tuvimos en LuckyTemplates. Puede ver el video completo a continuación para ver los detalles de cómo creé este informe.

En este tutorial, repasamos cosas como técnicas de navegación de páginas, temas, marcadores, información sobre herramientas, obtención de detalles, creación de páginas de inicio, etc. Además, le mostré cómo crear plantillas de aplicaciones de informes que podría usar a través de una audiencia más amplia más usuarios o desarrolladores dentro de su organización.

Algunos usan PowerPoint y otros Canva, que también son excelentes herramientas para crear fondos y apariencias atractivas para sus informes. También tenemos tutoriales disponibles sobre estas herramientas en nuestro sitio web .

Salud,