Tecniche di progettazione del layout del cruscotto

Oggi stiamo iniziando una serie sui passaggi pratici che possiamo fare per migliorare la progettazione dei report, la trasparenza dei report e l'esperienza dell'utente finale. Per la prima parte di questa serie sullo sviluppo della trasparenza dei report, mi concentrerò su tecniche di base ma efficaci per la progettazione del layout del dashboard che possono essere facilmente implementate nei report di LuckyTemplates.

Inoltre, condividerò alcuni dei miei pensieri sul processo di sviluppo del report . Esamineremo la componente più tecnica dello sviluppo di report BI ma, allo stesso tempo, affronteremo anche l'approccio generale e le intenzioni alla base di ogni aspetto della progettazione del report.

In primo luogo, consentitemi di fornirvi una visione d'insieme di ciò che verrà discusso durante questa serie sulla trasparenza dei rapporti.

Quando penso alla progettazione generale dei report e alla trasparenza dei report, cerco di suddividerli in quattro pilastri rilevanti: progettazione del layout , navigazione , formule DAX e altre funzionalità .

La progettazione del layout include aspetti come la scelta di una dimensione o una risoluzione del report adeguate, l'applicazione di sfondi o modelli aggiuntivi e la modellazione di una struttura del report separando diverse aree come la sezione KPI, gli elementi visivi principali e i riquadri dei filtri di navigazione.

La creazione di una navigazione user-friendly richiede passaggi come la scelta di una posizione adatta per i pulsanti, il ripensamento dell'applicazione di detti pulsanti e l'applicazione di diversi effetti visivi per rendere la navigazione più interattiva e vibrante.

Quindi abbiamo le formule DAX che aiutano gli sviluppatori di BI a creare report trasparenti e approfonditi. Esistono molte tecniche DAX che possono aiutarci a risparmiare una grande quantità di spazio, evidenziare elementi specifici di determinati elementi visivi e introdurre informazioni dinamiche.

Ultimo ma non meno importante, abbiamo anche altre funzionalità che possono portare la progettazione del report al livello successivo, come i suggerimenti personalizzati.

Quando tutti questi fattori si sommano, può avere un impatto sostanziale sulla leggibilità del report. Ora esamineremo ciascuno dei seguenti pilastri evidenziando alcuni esempi specifici. Il primo di cui parleremo è il design del layout , mentre gli altri argomenti saranno discussi in futuri post sul blog.

Sommario

• Progettazione del layout del cruscotto
• Personalizza la risoluzione della pagina del rapporto
• Due approcci per la progettazione di layout pre-pianificati
• Crea una struttura di report aggiungendo forme
• Come strutturare le pagine dei report nel design del layout della dashboard
• Conclusione

Progettazione del layout del cruscotto

Il primo elemento importante da considerare è la dimensione della pagina o la risoluzione . La risoluzione standard predefinita della pagina è impostata su 1280 per 720, ovvero 16:9 in termini di larghezza e altezza del report.

Questa risoluzione funziona perfettamente in molti scenari, ma personalmente trovo utile aumentare la risoluzione a qualsiasi punto che va dalla dimensione predefinita della risoluzione a circa 1900 x 1100 mantenendo il rapporto allo stesso livello di 16:9.

Dal mio punto di vista, quel valore finale è ottimale quando si creano report che devono essere letti e analizzati su laptop o monitor di PC. Il vantaggio principale di una risoluzione più elevata è aumentare la quantità di spazio per elementi visivi ed elementi aggiuntivi.

Tuttavia, l'aumento della risoluzione a livelli eccessivamente elevati può comportare una minore leggibilità del report. Ecco perché consiglio questa risoluzione, tenendo presente che i rapporti mostrati sulle dimensioni del telefono dovrebbero essere regolati intorno al minimo di 11-12 pixel.

Un'altra considerazione importante è mantenere la risoluzione della pagina coerente in ogni pagina se il contesto del report non richiede varietà.

Personalizza la risoluzione della pagina del rapporto

Ora tuffiamoci nel file PBX. Ti mostrerò come personalizzare facilmente la risoluzione della pagina del report. Innanzitutto, crea una nuova pagina, vai al riquadro di visualizzazione, scegli Formato pagina , quindi Impostazioni tela . Dall'elenco a discesa, puoi scegliere il tuo formato preferito dal rapporto 16:9 a personalizzato.

Una volta definita la risoluzione della pagina, possiamo creare e progettare sfondi o modelli per il nostro report LuckyTemplates.

Ecco alcuni esempi di layout fatti da te. I due layout superiori sembrano avere una maggiore quantità di spazio solido nella sezione principale, mentre i due inferiori presentano una struttura più fissa con una maggiore quantità di forme e sezioni.

Il modo in cui progettiamo e costruiamo i nostri layout dipende da alcune cose, ma la principale è l'applicazione del report. Ad esempio, se verrà utilizzato come portfolio o demo o se verrà utilizzato da utenti finali e clienti.

Possiamo creare report più fantasiosi e complessi per uso personale o commerciale, come portfolio e demo. Per report professionali, operativi o finanziari con scenari di vita reale, possiamo adottare un approccio più semplicistico.

Due approcci per la progettazione di layout pre-pianificati

Durante la progettazione di layout pre-pianificati, ho due approcci utilizzando Microsoft PowerPoint. Il primo approccio consiste nel costruire un layout con una struttura fissa e tutti gli oggetti e le forme inclusi immediatamente.

Il secondo approccio, che è il mio punto di riferimento, è quello di costruire strati strutturali mantenendo allo stesso tempo solide le pareti dello spazio.

In questo scenario, la struttura viene creata direttamente in LuckyTemplates aggiungendo forme come rettangoli. In questo modo, possiamo facilmente modificare e adattare la nostra struttura agli elementi visivi che implementeremo nel nostro report.

La dimensione degli oggetti visivi varia molto e dipenderà da molti fattori, come il numero di categorie che vogliamo visualizzare su un dato oggetto visivo.

È meglio avere un approccio flessibile invece di creare molti layout simili, andare avanti e indietro dal file PBX al programma grafico e modificare ogni pagina del layout.

Ecco un altro esempio di quanto facilmente puoi progettare semplicemente aggiungendo forme e colori diversi. In questo caso particolare, sono stati aggiunti diversi rettangoli nella parte superiore del layout pre-pianificato per creare una semplice struttura a griglia per le diverse immagini.

Crea una struttura di report aggiungendo forme

Immergiamoci nel file PBX e aggiungiamo ulteriori forme al layout del nostro report, che in seguito riempiremo con le visualizzazioni. Possiamo andare a Inserisci forme , creare un paio di rettangoli con colori più scuri rispetto al layout di pagina effettivo e disattivare i bordi. Quindi copiamo e incolliamo e li mettiamo in posti diversi.

Ora siamo pronti per implementare alcune visualizzazioni. Per questo esempio, abbiamo un layout più leggero su una pagina diversa. Aggiungeremo rettangoli con riempimento bianco e bordi grigi. In questo modo, possiamo facilmente modificare la struttura aggiungendo ulteriori forme larghe come rettangoli.

Come strutturare le pagine dei report nel design del layout della dashboard

La strutturazione di una pagina di report dipende dal tipo di report e dagli utenti finali.

La mia regola generale è posizionare le sezioni KPI nella sezione centrale in alto o nella sezione in alto a sinistra. Gli elementi visivi, che guidano gli approfondimenti di maggior impatto, sono posizionati in alto a sinistra, mentre il lato destro viene utilizzato per il logo dell'azienda, i titoli, le navigazioni e gli slicer.

Dopo aver aggiunto alcuni sfondi sorprendenti e aver creato la struttura iniziale del report, puoi procedere alla progettazione del riquadro di navigazione.

Conclusione

In questo post, abbiamo discusso su come ottimizzare la progettazione del layout del dashboard del report di LuckyTemplates . Quando si tratta dell'aspetto del design, avere un layout chiaro e conciso con un mix equilibrato di elementi visivi è la strada da percorrere.

Se ti è piaciuto questo tutorial, guarda questo spazio per la continuazione di questa serie sulla trasparenza dei report. Approfondiremo la navigazione , le formule DAX e altre funzionalità nei futuri post del blog.

Ti auguro il meglio,
Gustaw Dudek