Tecniche di sviluppo di report basati sul Web in LuckyTemplates

In questo tutorial, ti mostrerò come progettare un report in LuckyTemplates che assomigli a un'applicazione di report basata sul Web. Imparerai come creare esperienze di navigazione uniche all'interno dei tuoi report, utilizzare il nuovo generatore di temi di LuckyTemplates per raddoppiare la velocità di sviluppo e sviluppare modelli riutilizzabili per ridimensionare la creazione di report tra i tuoi team. Puoi guardare il video completo di questo tutorial in fondo a questo blog.

Di recente, LuckyTemplates ha aggiunto caratteristiche e funzionalità che ci hanno consentito di creare report molto accattivanti e applicazioni di reportistica basate sul Web. Voglio mostrarti come puoi prendere un vecchio rapporto o anche iniziare da zero e renderlo molto migliore e molto più interattivo.

Quelli di voi che ci conoscono abbastanza bene sanno che abbiamo l'approccio dei quattro pilastri. Questo è il nostro framework per lo sviluppo di report LuckyTemplates. Il primo pilastro è il caricamento e la trasformazione dei dati. Il secondo pilastro è la modellazione dei dati. Il terzo pilastro sono i calcoli DAX e il quarto sono i report e le visualizzazioni. Oggi stiamo saltando i primi tre pilastri e ci stiamo davvero tuffando nel quarto pilastro.

Sommario

• Come creare un report basato sul Web in LuckyTemplates
  • Segnala tema colore
  • Navigazione nella pagina dei report basata sul Web
  • Descrizioni comandi su un report basato sul Web
• Altre tecniche e suggerimenti per la visualizzazione per un report basato sul Web
• Conclusione

Come creare un report basato sul Web in LuckyTemplates

In questo esempio, ho creato un modello semplice utilizzando la tecnica a cascata, in cui abbiamo le nostre tabelle di ricerca in alto che scorrono verso il basso verso la nostra tabella dei fatti. Questo è un semplice set di dati. Abbiamo un'organizzazione che vende cose e una tabella dei fatti con tutte le diverse transazioni che si sono verificate all'interno dell'azienda.

Segnala tema colore

La prima cosa che penso sia assolutamente essenziale quando si sviluppano queste applicazioni di reportistica è che devi avere il tema giusto. Devi ottenere un tema di colore uniforme e coerente all'interno dei tuoi report.

Potresti già avere un tema che si allinea con la tua organizzazione ed è fantastico. Forse qualcuno ha creato un modello per te. Ma se non l'hai fatto, ti mostrerò come puoi creare qualcosa di abbastanza efficace all'interno di LuckyTemplates in combinazione con alcuni degli strumenti che abbiamo nella nostra applicazione chiamata Analyst .

Nella barra multifunzione Visualizza , abbiamo questo menu a discesa con la nostra selezione di temi e vedrai che abbiamo un'intera gamma di temi pronti all'uso. Tuttavia, penso che questi siano tutti temi cromatici non così convincenti, quindi non ne uso davvero nessuno.

Devi davvero far risaltare i tuoi colori e devono funzionare davvero bene insieme. Prima cambiavo individualmente i colori di ciascuno di questi diversi elementi, ma ora personalizzo il mio tema colore. Nella barra multifunzione Visualizza, scorri verso il basso e vedrai l' opzione Personalizza tema corrente . Fai clic su di esso e otterrai questo popup.

Hai un sacco di modi per personalizzare il tuo tema qui. Puoi modificare i colori del tema generale, ma puoi anche modificare i diversi elementi, come i titoli, le etichette dei dati, il testo, le immagini e così via. Puoi anche creare i colori per il riquadro dei filtri.

Questa è un'ottima opzione per creare temi, ma un altro modo per farlo rapidamente è attraverso l'hub degli analisti ed è gratuito! Tutti hanno accesso all'hub degli analisti. Miriamo a renderlo molto più semplice e facile da capire per tutti i nostri utenti.

In Analyst Hub, abbiamo un Color Theme Generator . Ci sono alcuni modi in cui puoi creare il tuo tema colore qui. Personalmente adoro il Color Fan. La cosa con i temi è che non vuoi complicare eccessivamente i colori nel tuo report per creare un tema senza soluzione di continuità. Avere una tavolozza simile, ma solo sfumature diverse, funziona molto bene nei progetti di reportistica.

Dopo aver scelto il tema del colore, puoi semplicemente copiare il colore e incollarlo nel report. Personalmente mi piace avere uno sfondo più scuro e scritte bianche.

Quindi, puoi fare clic sul colore che preferisci, quindi copiarlo e incollarlo nell'opzione Personalizza colori tema in LuckyTemplates.

Hai tutta la flessibilità di personalizzazione qui per il tuo rapporto in termini di temi, inclusi testo, caratteri, descrizioni comandi, intestazioni, ecc. E poi, nel tuo rapporto, puoi apportare ulteriori regolazioni come i colori, la trasparenza e così via. Mi piace usare anche Format Painter e puoi anche eseguire la selezione multipla per velocizzare le cose.

Ora che abbiamo impostato il nostro tema, procediamo alla navigazione della pagina.

Navigazione nella pagina dei report basata sul Web

Quando si crea un rapporto, si desidera consentire all'utente di navigare nel rapporto esattamente come si desidera. Non limitarti a scaricare tutto su una pagina e quindi lasciare che l'utente faccia clic su tutte queste diverse affettatrici e pagine. Vuoi portare l'utente attraverso la storia che vuoi raccontargli utilizzando tecniche di navigazione che possono davvero abilitarlo.

La prima cosa che vorrei fare è aggiungere forme e icone . Di solito ottengo le mie icone da un sito web chiamato Flaticons . Ho un abbonamento e ho scaricato alcune delle icone, che sono molto utili quando creo rapporti come questo.

È quindi possibile inserire queste icone nel report. Puoi formattarli, cambiare il colore, ridimensionarli e trascinarli dove vuoi posizionarli.

Successivamente, hai bisogno di un modo per indicare su quale pagina ti trovi effettivamente in un dato momento. Per dimostrarlo, creerò un altro rettangolo o semplicemente copio e incollo quello che ho già creato. Posso sovrapporre le forme l'una sull'altra. Quindi, ho semplicemente duplicato la pagina e inserito funzionalità simili nella pagina successiva e nella pagina successiva, ecc.

Personalmente non voglio che tutti i miei filtri vengano buttati giù sulla mia pagina. Voglio essere molto più intelligente su come utilizzo i filtri. Quindi, di solito creo una casella di filtro dinamico che apparirà in base a un clic. Per fare ciò, dobbiamo utilizzare segnalibri e selezioni .

Aggiungerò un'icona, che sarà la mia immagine filtrante. Quindi, quando qualcuno fa clic su questo, voglio che appaia una casella. E poi, voglio che quella casella mi permetta di filtrare per data, per esempio. Inizierò a costruire questa scatola prima di fare qualsiasi altra cosa. Posso personalizzarlo come mi piace.

Il riquadro di selezione ci fornisce un elenco di tutti gli elementi del nostro rapporto. Possiamo manipolare anche questo. Possiamo isolare alcune parti del nostro rapporto. Possiamo mostrarli e nasconderli.

Ora posso aggiungere alcune affettatrici, immagini o qualsiasi elemento visivo nella scatola. Posso anche raggruppare questi elementi insieme, diciamo come il mio gruppo di filtri. In questo modo, posso semplicemente selezionare il gruppo piuttosto che selezionare gli elementi individualmente.

Successivamente, creerò due segnalibri. Uno è Mostra filtri e l'altro è Nascondi filtri. Tutto quello che devo fare a questo punto è collegare questi segnalibri alle selezioni di queste immagini. Per farlo, farò clic sull'immagine, quindi andrò su Azione nel riquadro Formato immagine e lo accendo. Selezionerò Segnalibri per Tipo e Mostra filtri per Segnalibro.

Posso quindi aggiungere rapidamente alcuni elementi visivi e creare approfondimenti per il rapporto.

Successivamente, duplicherò questa pagina come Clienti, Località e Prodotti. Mi assicuro anche di nascondere queste pagine perché non voglio che i miei utenti vedano queste pagine in fondo al nostro rapporto. Voglio che navighino direttamente attraverso la barra di navigazione che ho creato.

Per incorporare la navigazione nella barra di navigazione, basta selezionare l'icona, quindi andare su Formato immagine e posizionare le azioni di conseguenza.

Ora apporterò le modifiche necessarie per ogni pagina che abbiamo duplicato. Ad esempio, per la pagina Clienti, cambierò il titolo della pagina in Analisi cliente. Regolerò anche l'icona per i clienti sulla barra di navigazione e rimuoverò o posizionerò gli elementi visivi pertinenti.

Descrizioni comandi su un report basato sul Web

Queste sono solo alcune delle tecniche che puoi eseguire in LuckyTemplates. Un'altra grande cosa che puoi usare per il tuo rapporto basato sul Web sono i suggerimenti . È una caratteristica incredibile. Puoi personalizzarlo per allinearlo al nostro tema. L'utilizzo dei suggerimenti è un ottimo modo per gli utenti di approfondire in modo efficiente e rapido i dettagli del report.

Quindi, creiamo un semplice tooltip. Per fare ciò, crea una nuova pagina e assegnale un nome. Per questo esempio, lo chiameremo Customer Tooltip. Lo nasconderò anche perché non voglio mostrare questi suggerimenti come pagina nel report. La cosa fondamentale da notare qui è che devi attivare Tooltip .

Puoi anche personalizzare i tuoi suggerimenti. Puoi regolare le dimensioni e i colori e renderli fantasiosi come preferisci. Puoi creare tabelle e grafici, a seconda di come desideri che i dettagli appaiano mentre gli utenti eseguono il drill-down del rapporto.

Una volta che hai finito di creare i tuoi suggerimenti, puoi incorporarli negli elementi visivi del tuo report. Basta fare clic sulla visualizzazione, andare su Paint Roller, quindi fare clic su Tooltip in basso.

Le possibilità di personalizzazione sono ampie. Puoi creare suggerimenti più complessi e puoi persino creare una pagina all'interno di una pagina, se lo desideri. Puoi avere un livello di informazioni molto maggiore e un'intera gamma di visualizzazioni diverse, il tutto all'interno di un tooltip.

Altre tecniche e suggerimenti per la visualizzazione per un report basato sul Web

Un'altra cosa che vorrei fare quando creo un rapporto basato sul Web è creare una home page , dove posso configurare molte impostazioni. Mi piace avere una home page che sia il punto di navigazione centrale, che consente agli utenti di navigare facilmente nel resto del mio rapporto.

Puoi essere creativo nella creazione della tua home page. Usa icone o immagini come pulsanti per portare i tuoi utenti su pagine diverse e poi tornare alla tua home page.

In pochi minuti, puoi creare un eccellente report basato sul Web in LuckyTemplates con un'esperienza di navigazione eccezionale e un aspetto accattivante.

In termini di visualizzazione, i colori sono importanti . Assicurati di non abusare dei colori. Un altro suggerimento importante per la visualizzazione è pensare sempre in griglie su come si progettano i report e dove si posizionano le visualizzazioni.

Assicurati di avere una buona navigazione , guidando l'utente attraverso la storia che vuoi raccontargli. Pensa fuori dagli schemi e sii più creativo al riguardo. Tuttavia, non abusare delle tue immagini . Puoi utilizzare altre funzionalità per risparmiare spazio sulla tua pagina. Utilizza la possibilità di nascondere i filtri , se lo desideri. Sfrutta la possibilità di utilizzare i suggerimenti e il drill-through.

Se vuoi avere più idee sui design dei report, vai sul nostro e visita la nostra . Qui troverai alcuni dei report di LuckyTemplates meglio progettati. Non c'è niente di simile da nessuna parte online. Molti di questi report sono stati creati internamente da LuckyTemplates di recente. Molti di questi provengono dalla nostra comunità e dalle nostre sfide.

Suggerimenti per la progettazione di LuckyTemplates: creazione di report di tipo applicazione
Tecniche di creazione di report di LuckyTemplates: impostazione di report di tipo applicazione
Migliori esempi di report di LuckyTemplates | App di segnalazione di Formula 1

Conclusione

Questo tutorial era basato su un recente summit che abbiamo avuto a LuckyTemplates. Puoi guardare il video completo qui sotto per vedere i dettagli di come ho creato questo rapporto.

In questo tutorial, abbiamo esaminato cose come le tecniche di navigazione delle pagine, i temi, i segnalibri, i suggerimenti, il drill-through, la creazione della home page, ecc. più utenti o sviluppatori all'interno della tua organizzazione.

Alcuni usano PowerPoint e altri Canva, che sono anche ottimi strumenti per creare sfondi e look accattivanti per i tuoi report. Abbiamo anche tutorial disponibili su questi strumenti sul nostro sito web .

Saluti,