Ontwerptechnieken voor dashboardlay-out

Vandaag starten we een serie over de praktische stappen die we kunnen nemen om het rapportontwerp, de rapporttransparantie en de eindgebruikerservaring te verbeteren. Voor het eerste deel van deze serie over het ontwikkelen van rapporttransparantie, zal ik me concentreren op eenvoudige maar effectieve technieken voor het ontwerpen van dashboardlay-outs die eenvoudig kunnen worden geïmplementeerd in uw LuckyTemplates-rapporten.

Daarnaast zal ik enkele van mijn gedachten over het rapportontwikkelingsproces delen . We zullen de meer technische component van het ontwikkelen van BI-rapporten doornemen, maar tegelijkertijd zullen we ook ingaan op de algemene aanpak en intenties achter elk aspect van het rapportontwerp.

Laat me u eerst een globaal beeld geven van wat er tijdens deze serie over rapporttransparantie zal worden besproken.

Als ik nadenk over algemeen rapportontwerp en rapporttransparantie, probeer ik het te scheiden in vier relevante pijlers: lay-outontwerp , navigatie , DAX-formules en andere functionaliteiten .

Lay-outontwerp omvat aspecten zoals het kiezen van een geschikte rapportgrootte of resolutie, het toepassen van aanvullende achtergronden of sjablonen en het vormgeven van een rapportstructuur door verschillende gebieden te scheiden, zoals de KPI-sectie, de belangrijkste visuele elementen en de navigatiefiltervensters.

Het creëren van een gebruiksvriendelijke navigatie vereist stappen zoals het kiezen van een geschikte locatie voor knoppen, het heroverwegen van de toepassing van de genoemde knoppen en het toepassen van verschillende visuele effecten om de navigatie er interactiever en levendiger uit te laten zien.

Dan hebben we DAX-formules die BI-ontwikkelaars helpen om transparante en inzichtelijke rapporten te maken. Er zijn veel DAX-technieken die ons kunnen helpen veel ruimte te besparen, specifieke elementen van bepaalde beelden te benadrukken en dynamische informatie te introduceren.

Last but not least hebben we ook andere functionaliteiten die het rapportontwerp naar een hoger niveau kunnen tillen, zoals aangepaste tooltips.

Wanneer al deze factoren bij elkaar optellen, kan dit een aanzienlijke invloed hebben op de leesbaarheid van het rapport. Nu zullen we elk van de volgende pijlers doornemen door enkele specifieke voorbeelden te benadrukken. De eerste die we zullen bespreken is lay-outontwerp , terwijl de andere onderwerpen in toekomstige blogposts zullen worden besproken.

Inhoudsopgave

• Ontwerp van dashboardlay-out
• Pas de resolutie van de rapportpagina aan
• Twee benaderingen voor het ontwerpen van vooraf geplande lay-outs
• Maak een rapportstructuur door vormen toe te voegen
• Hoe u rapportpagina's structureert in uw dashboardlay-outontwerp
• Conclusie

Ontwerp van dashboardlay-out

Het eerste belangrijke element om rekening mee te houden is het paginaformaat of de resolutie . De standaard standaardpaginaresolutie is ingesteld op 1280 bij 720, wat 16:9 is in termen van breedte en hoogte van het rapport.

Deze resolutie werkt prima in veel scenario's, maar ik vind het persoonlijk handig om de resolutie te verhogen tot elk punt, variërend van de standaardgrootte van de resolutie tot ergens rond 1900 x 1100, terwijl de verhouding op hetzelfde niveau van 16:9 blijft.

Vanuit mijn perspectief is die eindwaarde optimaal bij het maken van rapporten die bedoeld zijn om te lezen en te analyseren op laptops of pc-monitorschermen. Het belangrijkste voordeel van een hogere resolutie is dat er meer ruimte is voor afbeeldingen en aanvullende elementen.

Het verhogen van de resolutie tot te hoge niveaus kan echter leiden tot verminderde leesbaarheid van het rapport. Daarom raad ik deze resolutie aan, rekening houdend met het feit dat rapporten die op telefoonformaten worden weergegeven, moeten worden aangepast rond het minimum van 11 tot 12 pixels.

Een andere belangrijke overweging is om de paginaresolutie op elke pagina consistent te houden als de rapportcontext geen variatie vereist.

Pas de resolutie van de rapportpagina aan

Laten we nu in het PBX-bestand duiken. Ik zal u laten zien hoe u de resolutie van de rapportpagina eenvoudig kunt aanpassen. Maak eerst een nieuwe pagina aan, ga naar het visualisatievenster, kies Pagina opmaken en vervolgens Canvasinstellingen . In de vervolgkeuzelijst kunt u het gewenste formaat kiezen, van 16:9-verhouding tot aangepast.

Zodra we de paginaresolutie hebben gedefinieerd, kunnen we achtergronden of sjablonen voor ons LuckyTemplates-rapport maken en ontwerpen.

Hier zijn voorbeelden van zelfgemaakte lay-outs. De bovenste twee lay-outs lijken meer vaste ruimte te hebben in het hoofdgedeelte, terwijl de onderste twee een meer vaste structuur hebben met meer vormen en secties.

Hoe we onze lay-outs ontwerpen en bouwen, hangt van een paar dingen af, maar de belangrijkste is de rapporttoepassing. Bijvoorbeeld of het gebruikt gaat worden als portfolio of demo, of als het gebruikt gaat worden door eindgebruikers en klanten.

We kunnen mooiere en complexere rapporten maken voor persoonlijk of commercieel gebruik, zoals portfolio's en demo's. Voor professionele, operationele of financiële rapporten met real-life scenario's kunnen we een meer simplistische benadering kiezen.

Twee benaderingen voor het ontwerpen van vooraf geplande lay-outs

Bij het ontwerpen van vooraf geplande lay-outs heb ik twee benaderingen met behulp van Microsoft PowerPoint. De eerste benadering is om een ​​lay-out te bouwen met een vaste structuur en meteen alle objecten en vormen erin te verwerken.

De tweede benadering, waar ik naar toe ga, is om structurele lagen te bouwen en tegelijkertijd de muren van de ruimte stevig te houden.

In dit scenario wordt de structuur rechtstreeks in LuckyTemplates gebouwd door vormen zoals rechthoeken toe te voegen. Op deze manier kunnen we onze structuur eenvoudig aanpassen en aanpassen aan de beelden die we in ons rapport zullen implementeren.

De grootte van visuals varieert sterk en is afhankelijk van veel dingen, zoals het aantal categorieën dat we op een bepaalde visual willen weergeven.

Het is beter om een ​​flexibele aanpak te hebben in plaats van veel vergelijkbare lay-outs te maken, heen en weer te gaan van het PBX-bestand naar het grafische programma en elke lay-outpagina aan te passen.

Hier is nog een voorbeeld van hoe gemakkelijk je kunt ontwerpen door gewoon verschillende vormen en verschillende kleuren toe te voegen. In dit specifieke geval zijn er verschillende rechthoeken toegevoegd aan de bovenkant van de vooraf geplande lay-out om een ​​eenvoudige rasterstructuur voor de verschillende visuals te creëren.

Maak een rapportstructuur door vormen toe te voegen

Laten we in het PBX-bestand duiken en extra vormen toevoegen aan onze rapportlay-out, die we later zullen vullen met visualisaties. We kunnen naar Vormen invoegen gaan , een paar rechthoeken maken met donkerdere kleuren dan de eigenlijke paginalay-out, en de randen uitschakelen. Vervolgens kopiëren en plakken we ze en plaatsen ze op verschillende plaatsen.

Nu zijn we klaar om enkele visualisaties te implementeren. Voor dit voorbeeld hebben we een lichtere lay-out op een andere pagina. We voegen rechthoeken toe met witte vulling en grijze randen. Op deze manier kunnen we de structuur eenvoudig aanpassen door extra brede vormen zoals rechthoeken toe te voegen.

Hoe u rapportpagina's structureert in uw dashboardlay-outontwerp

Het structureren van een rapportpagina is afhankelijk van het rapporttype en de eindgebruikers.

Mijn algemene vuistregel is om de KPI-secties bovenaan in het midden of links bovenaan te plaatsen. De visuals, die de meest impactvolle inzichten genereren, worden linksboven geplaatst, terwijl de rechterkant wordt gebruikt voor het bedrijfslogo, titels, navigatie en slicers.

Nadat u enkele opvallende achtergronden hebt toegevoegd en de eerste structuur van het rapport hebt gemaakt, kunt u doorgaan met het ontwerpen van uw navigatievenster.

Conclusie

In dit bericht hebben we besproken hoe u het ontwerp van de dashboardlay-out van uw LuckyTemplates-rapport kunt optimaliseren . Als het gaat om het ontwerpaspect, is een duidelijke, beknopte lay-out met een uitgebalanceerde mix van beelden de juiste keuze.

Als je deze tutorial leuk vond, bekijk dan deze ruimte voor de voortzetting van deze serie over rapporttransparantie. In toekomstige blogposts gaan we dieper in op navigatie , DAX-formules en andere functionaliteiten .

Het allerbeste,
Gustaw Dudek