Esperienza di navigazione dei report di LuckyTemplates di alta qualità

In questo blog, ti mostrerò un report di LuckyTemplates di alta qualità. Questo esempio è il risultato di una sfida di LuckyTemplates eseguita in LuckyTemplates. Ho progettato questo. Volevo davvero mettermi alla prova per creare un'esperienza di navigazione dei report di LuckyTemplates superiore. Puoi guardare il video completo di questo tutorial in fondo a questo blog.

Con LuckyTemplates, puoi letteralmente creare i più incredibili report simili ad applicazioni.

Consiglio vivamente di approfondire come può funzionare perché può migliorare notevolmente l'esperienza dei tuoi consumatori. Quindi, andiamo al punto.

Sommario

• Funzionalità di navigazione dei report di LuckyTemplates
• Progettazione della navigazione dei report di LuckyTemplates
• Creazione della navigazione del report LuckyTemplates
• Segnala l'ispirazione per il design
• Conclusione

Funzionalità di navigazione dei report di LuckyTemplates

Se dai un'occhiata all'intero rapporto, non sembra che ci siano pagine separate all'interno del rapporto. Sembra un'applicazione web senza soluzione di continuità.

Ho creato questo aspetto interessante in cui posso fare clic all'interno del mio rapporto per accedere a diverse pagine del rapporto , proprio come faresti in un'applicazione web. Il modo in cui l'ho strutturato con cose davvero piccole che ho fatto su ogni pagina diversa rende il rapporto davvero avvincente.

Ho raggruppato le sezioni per poter fare clic anche in diverse aree della mia domanda di report. Quindi, ho creato una sezione diversa chiamata Actions .

Ho anche creato una sezione diversa chiamata Details .

Nota che ci sono solo piccole cose che cambiano quando vado a queste diverse selezioni. Ho cambiato il contorno delle caselle blu (sezioni) per indicare in quale pagina ti trovi.

Ho anche creato l' area Impostazioni , che è univoca per LuckyTemplates. Puoi creare pagine come questa che assomigliano a pagine di indice. Quindi, invece di dover cambiare la data su ogni pagina, o dichiarare la selezione principale su ogni pagina, lo porterò alla pagina Impostazioni e farò selezioni come questa (solo nord-est e sud).

Con questa tecnica, questi filtri sono ora sovrapposti al resto di questo report. Come puoi vedere nell'angolo in alto a destra della pagina, la mappa mostra solo le regioni che abbiamo scelto nelle Impostazioni, Nordest e Sud.

Progettazione della navigazione dei report di LuckyTemplates

Ora esaminiamo rapidamente alcune delle tecniche che ho usato qui. Vedrai in fondo che ho praticamente nascosto ogni pagina.

Quindi, quando lo visualizzi online, sembra che non ci siano altre pagine. Puoi vedere solo una pagina, che è la panoramica dei reclami .

Puoi impostare l'aspetto di queste pagine con forme o impostare le posizioni di particolari elementi sulla pagina. Apporterai solo piccoli cambiamenti. Ad esempio, prendi questa linea orizzontale qui; Ho appena aggiunto la linea blu per indicare in quale pagina del rapporto mi trovo.

Ho preso ispirazione da alcuni progetti web che ho visto e ho messo insieme una serie di cose per rendere questo aspetto davvero avvincente.

Una cosa che ho fatto, che ho pensato fosse una buona idea di tipo web che ho rubato, è stata posizionare queste due frecce qui, così posso fare clic su una per portarmi a diversi rapporti. In questo modo l' esperienza di navigazione nei report di LuckyTemplates risulta perfetta.

Creazione della navigazione del report LuckyTemplates

Per impostarlo, fai clic su un elemento, pronuncia questa piccola freccia indietro, quindi vai all'area Azione e inserisci semplicemente Navigazione pagina come Tipo e la pagina a cui vuoi andare ( Destinazione ).

Non è nemmeno più necessario creare segnalibri per l'esperienza di navigazione nei report di LuckyTemplates. È così che puoi creare quella navigazione senza dover mostrare tutte le pagine nell'effettiva esperienza online.

E quello che ho fatto per questi nomi di report (Riepilogo, Broker, Clienti), su ogni casella di testo, ho sovrapposto un rettangolo trasparente, che è poi sovrapposto alle parole. Quindi, ho impostato anche la Destinazione, rispettivamente.

Se vai su Impostazioni, puoi sincronizzare i tuoi filtri su pagine diverse. Per farlo, vai alla scheda Visualizza e fai clic su Sincronizza affettatrici . Vedrai che puoi avere un'affettatrice o più su una pagina, ma poi sincronizzarle con tutte le altre pagine.

Una cosa importante che ho aggiunto nella pagina è la data per mantenere il rapporto informativo. L'utente o il consumatore deve comunque conoscere la selezione della data effettiva nel report.

Segnala l'ispirazione per il design

Per ulteriori ispirazioni per i report, vai alla nostra pagina KB). È qui che ho tratto l'ispirazione per questo particolare progetto di navigazione dei report di LuckyTemplates. Raccogliamo molti report e idee da qualsiasi cosa, non solo da LuckyTemplates. Ci sono molti ottimi siti web e li abbiamo raccolti in questa sezione: .

Troverai così tanti rapporti sorprendenti lì. Questo è un esempio di un ottimo progetto di report, realizzato da un partecipante a una delle nostre sfide.

E questa è l'ispirazione progettuale per l'esempio di navigazione del report di LuckyTemplates che ho realizzato. Questo non è LuckyTemplates, ma puoi creare facilmente un rapporto LuckyTemplates simile a questo.

Creazione di un sistema di creazione di report con LuckyTemplates
Tecniche di creazione di report di LuckyTemplates: impostazione di report di tipo applicativo
Elementi visivi personalizzati di LuckyTemplates: creazione di un'applicazione di creazione di report

Conclusione

Questo è qualcosa che potresti trovare su un sito Web ben progettato e ora possiamo farlo all'interno di LuckyTemplates. Ci vuole solo un po' di creatività e fantasia.

È possibile creare facilmente report che abbiano esattamente questo aspetto in LuckyTemplates. Abbiamo tutte le forme e i colori disponibili, nonché tutte le visualizzazioni di cui hai bisogno. Devi solo essere innovativo e la nostra ispirazione per la progettazione di report è di grande aiuto per te.

Saluti,