Hoogwaardige LuckyTemplates-rapportnavigatie-ervaring

In deze blog laat ik je een hoogwaardig LuckyTemplates-rapport zien. Dit voorbeeld kwam voort uit een LuckyTemplates-uitdaging die we uitvoeren in LuckyTemplates. Ik heb deze ontworpen. Ik wilde mezelf echt uitdagen om een ​​superieure LuckyTemplates-rapportnavigatie-ervaring op te bouwen. Je kunt de volledige video van deze tutorial onderaan deze blog bekijken.

Met LuckyTemplates kunt u letterlijk de meest ongelooflijke applicatie-achtige rapporten bouwen.

Ik raad je ten zeerste aan om je te verdiepen in hoe dit kan werken, omdat het de ervaring van je consumenten enorm kan verbeteren. Laten we er dus naar toe gaan.

Inhoudsopgave

• Navigatiefuncties voor LuckyTemplates-rapporten
• Navigatieontwerp voor LuckyTemplates-rapporten
• De LuckyTemplates-rapportnavigatie maken
• Rapport Ontwerpinspiratie
• Conclusie

Navigatiefuncties voor LuckyTemplates-rapporten

Als u dit volledige rapport bekijkt, lijkt het niet alsof er afzonderlijke pagina's in het rapport zijn. Het ziet eruit als één naadloze webapplicatie.

Ik heb deze interessante look gemaakt waar ik in mijn rapport naar verschillende rapportpagina's kan klikken , net zoals je zou doen in een webapplicatie. De manier waarop ik het heb uiteengezet met heel kleine dingen die ik op elke afzonderlijke pagina heb gedaan, maakt het rapport echt boeiend.

Ik heb secties gegroepeerd om ook in verschillende gebieden van mijn rapportapplicatie te kunnen klikken. Daarom heb ik een andere sectie gemaakt met de naam Acties .

Ik heb ook een andere sectie gemaakt met de naam Details .

Merk op dat er slechts kleine dingen veranderen als ik naar deze verschillende selecties ga. Ik heb de omtrek van de blauwe vakken (secties) gewijzigd om aan te geven op welke pagina u zich bevindt.

Ik heb ook het gebied Instellingen gemaakt , dat uniek is voor LuckyTemplates. U kunt op deze manier pagina's maken die eruitzien als indexpagina's. Dus in plaats van de datum op elke pagina te moeten wijzigen, of de hoofdselectie op elke pagina te vermelden, ga ik deze naar de pagina Instellingen brengen en selecties zoals deze maken (alleen Noordoost en Zuid).

Met deze techniek worden die filters nu over de rest van dit rapport gelegd. Zoals u in de rechterbovenhoek van de pagina kunt zien, toont de kaart alleen de regio's die we hebben gekozen in de instellingen, Noordoost en Zuid.

Navigatieontwerp voor LuckyTemplates-rapporten

Laten we nu snel enkele van de technieken doornemen die ik hier heb gebruikt. Je zult onderaan zien dat ik eigenlijk elke pagina heb verborgen.

Dus als je het online bekijkt, lijkt het alsof er geen andere pagina's zijn. U ziet maar één pagina, namelijk het Klachtenoverzicht .

U kunt het uiterlijk van deze pagina's instellen met vormen of de posities van bepaalde items op de pagina instellen. Je maakt alleen hele kleine veranderingen. Neem bijvoorbeeld deze horizontale lijn hier; Ik heb zojuist de blauwe lijn toegevoegd om aan te geven op welke rapportpagina ik ben.

Ik heb me laten inspireren door enkele webontwerpen die ik zag, en ik heb gewoon een aantal dingen samengesteld om dit er echt aantrekkelijk uit te laten zien.

Eén ding dat ik deed, waarvan ik dacht dat het een goed webachtig idee was dat ik had gestolen, was dat ik deze twee pijlen hier plaatste, zodat ik op een ervan kan klikken om naar verschillende rapporten te gaan. Hierdoor ziet de navigatie-ervaring van LuckyTemplates-rapporten er naadloos uit.

De LuckyTemplates-rapportnavigatie maken

Om dit in te stellen, klikt u gewoon op een item, zegt u deze kleine terugpijl, gaat u naar het actiegebied en stelt u gewoon Paginanavigatie in als Type en de pagina waarnaar u wilt gaan ( Bestemming ).

U hoeft zelfs geen bladwijzers meer te maken voor de LuckyTemplates-rapportnavigatie-ervaring. Zo kunt u die navigatie creëren zonder dat u alle pagina's in de daadwerkelijke online ervaring hoeft te tonen.

En wat ik deed voor deze rapportnamen (Samenvatting, Makelaars, Klanten), op elk tekstvak legde ik een transparante rechthoek, die vervolgens op de woorden werd gelegd. Vervolgens heb ik respectievelijk de Bestemming ingesteld.

Als u naar Instellingen gaat, kunt u uw filters op verschillende pagina's synchroniseren. Ga hiervoor naar het tabblad Weergave en klik op Slicers synchroniseren . U zult zien dat u een of meer slicers op één pagina kunt hebben, maar ze vervolgens kunt synchroniseren met alle andere pagina's.

Een belangrijk ding dat ik op de pagina heb toegevoegd, is de datum om het rapport informatief te houden. De gebruiker of consument moet nog steeds weten wat de daadwerkelijke datumselectie in het rapport is.

Rapport Ontwerpinspiratie

Ga voor meer rapportinspiratie naar onze KB) pagina. Hier kreeg ik de inspiratie voor dit specifieke LuckyTemplates-rapportnavigatieontwerp. We verzamelen veel rapporten en ideeën van alles, niet alleen van LuckyTemplates. Er zijn veel geweldige websites en we hebben ze verzameld in deze sectie: .

Je zult daar zoveel geweldige rapporten vinden. Dit is een voorbeeld van een geweldig rapportontwerp, gemaakt door een deelnemer aan een van onze uitdagingen.

En dit is de ontwerpinspiratie voor het LuckyTemplates-rapportnavigatievoorbeeld dat ik heb gemaakt. Dit is geen LuckyTemplates, maar je kunt een LuckyTemplates-rapport er vrij eenvoudig zo uit laten zien.

Een rapportagesysteem bouwen met LuckyTemplates
LuckyTemplates-rapportagetechnieken: applicatie-achtige rapporten opzetten
LuckyTemplates aangepaste visuals – Bouw een rapportage-applicatie

Conclusie

Dit is iets dat je misschien tegenkomt op een goed ontworpen website en dat kunnen we nu doen binnen LuckyTemplates. Er is maar een beetje creativiteit en fantasie voor nodig.

In LuckyTemplates kunt u eenvoudig rapporten maken die er precies zo uitzien. We hebben alle vormen en kleuren beschikbaar, evenals alle visualisaties die u nodig heeft. U hoeft alleen maar innovatief te worden en onze Report Design Inspiration is een enorme hulp voor u.

Proost,