Tehnici de dezvoltare a rapoartelor bazate pe web în LuckyTemplates

În acest tutorial, vă voi arăta cum să proiectați un raport în LuckyTemplates care arată și se simte ca o aplicație de raportare bazată pe web. Veți învăța cum să creați experiențe de navigare unice în cadrul rapoartelor dvs., să utilizați noul generator de teme LuckyTemplates pentru a vă dubla viteza de dezvoltare și să dezvoltați șabloane reutilizabile pentru a scala crearea de rapoarte în echipele dvs. Puteți viziona videoclipul complet al acestui tutorial în partea de jos a acestui blog.

Recent, LuckyTemplates a adăugat caracteristici și funcționalități care ne-au permis să creăm rapoarte foarte convingătoare și aplicații de raportare bazate pe web. Vreau să vă arăt cum puteți lua un raport vechi sau chiar să începeți de la zero și să îl faceți să arate mult mai bine și mult mai interactiv.

Cei dintre voi care ne cunoașteți destul de bine știți că avem abordarea celor patru piloni. Acesta este cadrul nostru pentru dezvoltarea rapoartelor LuckyTemplates. Primul pilon este încărcarea și transformarea datelor. Al doilea pilon este modelarea datelor. Al treilea pilon sunt calculele DAX, iar al patrulea sunt rapoartele și vizualizările. Astăzi, sărim peste primii trei piloni și ne scufundăm cu adevărat în pilonul patru.

Cuprins

• Cum se creează un raport bazat pe web în LuckyTemplates
  • Raportați tema de culoare
  • Navigare în pagina de raport pe web
  • Sfaturi instrumente pe un raport bazat pe web
• Mai multe tehnici și sfaturi de vizualizare pentru un raport bazat pe web
• Concluzie

Cum se creează un raport bazat pe web în LuckyTemplates

În acest exemplu, am creat un model simplu folosind tehnica cascadei, unde avem tabelele noastre de căutare în partea de sus care curge în jos către tabelul nostru de fapte. Acesta este un set de date simplu. Avem o organizație care vinde lucruri și un tabel cu toate tranzacțiile diferite care au avut loc în cadrul afacerii.

Raportați tema de culoare

Primul lucru care cred că este absolut esențial atunci când dezvoltați aceste aplicații de raportare este că trebuie să vă faceți bine tematica. Trebuie să obțineți o temă de culoare uniformă și coerentă în rapoartele dvs.

Este posibil să aveți deja o temă care se aliniază cu organizația dvs. și asta este grozav. Poate cineva a creat un șablon pentru tine. Dar dacă nu ați făcut-o, vă voi arăta cum puteți crea ceva destul de eficient în LuckyTemplates în combinație cu unele dintre instrumentele pe care le avem în propria noastră aplicație, numită Analyst .

În panglica Vizualizare , avem acest meniu derulant cu selecția noastră de teme și veți vedea că avem o gamă întreagă de teme ieșite din cutie. Cu toate acestea, cred că toate acestea sunt teme de culoare nu atât de convingătoare, așa că nu prea folosesc niciuna dintre ele.

Trebuie să-ți scoți cu adevărat culorile în evidență și trebuie să funcționeze foarte bine împreună. Obișnuiam să schimb individual culorile pentru fiecare dintre aceste elemente diferite, dar acum îmi personalizez tema de culoare. În panglica Vizualizare, derulați în jos și veți vedea opțiunea Personalizare tema curentă . Faceți clic pe acesta și veți primi acest pop-up.

Aveți o mulțime de moduri de a vă personaliza tema aici. Puteți schimba culorile generale ale temei, dar puteți modifica și diferitele elemente, cum ar fi titlurile, etichetele de date, textul, elementele vizuale etc. De asemenea, puteți crea culori pentru panoul de filtrare.

Aceasta este o opțiune grozavă pentru a face tematică, dar o altă modalitate de a face acest lucru rapid este prin intermediul Centrului de analist și este gratuit! Toată lumea are acces la Hubul pentru analiști. Scopul nostru este să fie mult mai simplu și mai ușor de înțeles pentru toți utilizatorii noștri.

În Centrul pentru analiști, avem un generator de teme de culoare . Există câteva moduri prin care vă puteți crea tema de culoare aici. Iubesc personal ventilatorul Color. Problema cu temele este că nu doriți să complicați prea mult culorile din raport pentru a crea o temă perfectă. Având o paletă similară, dar doar nuanțe diferite, funcționează foarte bine în modelele de raportare.

După ce ați ales tema de culoare, puteți pur și simplu să copiați culoarea și să o lipiți în raport. Mie personal îmi place să am un fundal mai închis și litere albe.

Deci, puteți să faceți clic pe culoarea dorită și apoi să o copiați și să o inserați în opțiunea Personalizare culori ale temei din LuckyTemplates.

Aveți toată flexibilitatea personalizării aici pentru raportul dvs. în ceea ce privește tematica, inclusiv textul, fonturile, sfaturile instrumente, anteturile etc. Și apoi, în raportul dvs., puteți face mai multe ajustări, cum ar fi culorile, transparența și așa mai departe. Îmi place să folosesc și Format Painter și puteți, de asemenea, să faceți selecție multiplă pentru a accelera lucrurile.

Acum că avem tema configurată, să trecem la navigarea paginii.

Navigare în pagina de raport pe web

Când creați un raport, doriți să permiteți utilizatorului să navigheze prin raportul dvs. exact așa cum doriți. Nu aruncați doar totul pe o pagină și apoi lăsați utilizatorul să facă clic pe toate aceste slicere și pagini diferite. Doriți să duceți utilizatorul prin povestea pe care doriți să i-o spuneți, folosind tehnici de navigare care pot activa acest lucru.

Primul lucru pe care l-aș face este să adaug forme și pictograme . De obicei îmi iau pictogramele de pe un site numit Flaticons . Am primit un abonament și am descărcat câteva dintre pictograme, care sunt destul de utile atunci când fac rapoarte de genul acesta.

Apoi puteți aduce aceste pictograme în raport. Puteți să le formatați, să schimbați culoarea, să le redimensionați și să le trageți acolo unde doriți să le plasați.

Apoi, aveți nevoie de o modalitate de a semnifica pe ce pagină vă aflați de fapt la un moment dat. Pentru a demonstra acest lucru, voi crea un alt dreptunghi sau pur și simplu îl voi copia și lipi pe cel pe care l-am creat deja. Pot stratifica formele una peste alta. Apoi, doar dublez pagina și pun funcționalități similare în pagina următoare și în pagina următoare etc.

Eu personal nu vreau ca toate filtrele mele să fie aruncate pe pagina mea. Vreau să fiu mult mai inteligent cu privire la modul în care folosesc filtrele. Deci, de obicei creez o casetă de filtrare dinamică care va apărea pe baza unui clic. Pentru a face asta, trebuie să folosim marcaje și selecții .

Voi adăuga o pictogramă, care va fi imaginea mea de filtrare. Deci, când cineva face clic pe aceasta, vreau să apară o casetă. Și apoi, vreau ca acea casetă să îmi permită să filtrez după dată, de exemplu. O să încep să construiesc această cutie înainte de a face altceva. Îl pot personaliza după cum îmi place.

Panoul de selecție ne oferă o listă cu fiecare element din raportul nostru. Putem manipula și asta. Putem izola unele părți din raportul nostru. Putem să le arătăm și să le ascundem.

Acum, pot adăuga câteva slicere, imagini sau orice obiect vizual în cutie. De asemenea, pot grupa aceste elemente împreună, să zicem ca grupul meu Filtre. Procedând astfel, pot doar să selectez grupul, mai degrabă decât să selectez elementele individual.

În continuare, voi crea două marcaje. Unul este Afișare filtre, iar celălalt este Ascundere filtre. Tot ce trebuie să fac în acest moment este să conectez aceste marcaje la selecțiile acestor imagini. Pentru a face asta, voi face clic pe imagine și apoi merg la Acțiune sub panoul Format imagine și îl voi activa. Voi selecta Marcaje pentru Tip și Afișează filtre pentru Marcaj.

Apoi pot adăuga rapid câteva elemente vizuale și pot crea perspective pentru raport.

După aceea, voi duplica această pagină ca Clienți, Locații și Produse. De asemenea, mă asigur că ascund aceste pagini, deoarece nu vreau ca utilizatorii mei să vadă aceste pagini în partea de jos a raportului nostru. Vreau să navigheze direct prin bara de navigare pe care am creat-o.

Pentru a încorpora navigarea în bara de navigare, trebuie doar să selectați pictograma, apoi să mergeți la Format imagine și plasați acțiunile în consecință.

Acum, voi face modificările necesare pentru fiecare pagină pe care am duplicat-o. De exemplu, pentru pagina Clienți, voi schimba titlul paginii în Analiza clienților. De asemenea, voi ajusta pictograma pentru clienți din bara de navigare și voi elimina sau plasez elementele vizuale relevante.

Sfaturi instrumente pe un raport bazat pe web

Acestea sunt doar câteva dintre tehnicile pe care le puteți face în LuckyTemplates. Un alt lucru grozav pe care îl puteți folosi pentru raportul dvs. bazat pe web este sfaturile instrumente . Este o caracteristică uimitoare. Îl puteți personaliza pentru a o alinia cu tema noastră. Utilizarea tooltips este o modalitate excelentă pentru utilizatori de a detalia eficient și rapid cu putință detaliile raportului.

Deci, haideți să creăm un tooltip simplu. Pentru a face acest lucru, creați o pagină nouă și denumiți-o. Pentru acest exemplu, îl vom numi Customer Tooltip. O voi ascunde și pentru că nu vreau să arăt aceste sfaturi instrumente ca pagină în raport. Principalul lucru de reținut aici este că trebuie să activați Tooltip .

De asemenea, vă puteți personaliza sfaturile instrumente. Puteți ajusta dimensiunea și culorile și le puteți face la fel de fanteziste după cum doriți. Puteți crea tabele și diagrame, în funcție de modul în care doriți să apară detaliile pe măsură ce utilizatorii dvs. accesează raportul dvs.

După ce ați terminat de creat sfaturile instrumente, le puteți apoi încorpora în imaginile raportului dvs. Doar faceți clic pe vizualizare, mergeți la Paint Roller și apoi faceți clic pe Tooltip în jos.

Posibilitățile de personalizare sunt vaste. Puteți crea sfaturi mai complexe și puteți chiar să creați o pagină în cadrul unei pagini, dacă doriți. Puteți avea un grad mult mai mare de informații și o gamă întreagă de vizualizări diferite, toate într-un singur sfat.

Mai multe tehnici și sfaturi de vizualizare pentru un raport bazat pe web

Un alt lucru pe care aș dori să-l fac atunci când creez un raport pe web este să creez o pagină de pornire , unde pot face o mulțime de setări. Îmi place să am o pagină de pornire care este punctul central de navigare, care permite utilizatorilor să navigheze cu ușurință prin restul raportului meu.

Puteți fi creativ în construirea paginii dvs. de pornire. Utilizați pictograme sau imagini ca butoane pentru a vă duce utilizatorii către diferite pagini și apoi înapoi la pagina dvs. de pornire.

În câteva minute, puteți crea un raport excelent bazat pe web în LuckyTemplates, cu o experiență de navigare superbă și un aspect convingător.

În ceea ce privește vizualizarea, culorile sunt importante . Asigurați-vă că nu folosiți prea mult culorile. Un alt sfat important pentru vizualizare este să vă gândiți întotdeauna în grile la modul în care vă proiectați rapoartele și unde vă plasați vizualizările.

Asigurați-vă că aveți o navigare bună , ghidând utilizatorul prin povestea pe care doriți să i-o spuneți. Gândește-te în afara cutiei și fii mai creativ în acest sens. Cu toate acestea, nu abuzați de imaginile dvs. Puteți utiliza alte funcții pentru a economisi spațiu pe pagina dvs. Utilizați capacitatea de a ascunde filtrele dacă doriți. Utilizați capacitatea de a folosi sfaturi cu instrumente și detalii.

Dacă doriți să obțineți mai multe idei despre modelele de rapoarte, accesați site-ul nostru și vizitați noastră . Aici veți găsi unele dintre cele mai bine concepute rapoarte LuckyTemplates. Nu există așa ceva nicăieri online. Multe dintre aceste rapoarte au fost create recent de LuckyTemplates intern. Multe dintre acestea provin din comunitatea noastră și din provocările noastre.

Sfaturi de proiectare LuckyTemplates: Crearea de rapoarte asemănătoare aplicației
Tehnici de raportare LuckyTemplates: Configurarea rapoartelor asemănătoare aplicației
Cele mai bune exemple de rapoarte LuckyTemplates | Aplicații de raportare Formula 1

Concluzie

Acest tutorial s-a bazat pe un summit recent pe care l-am avut la LuckyTemplates. Puteți urmări videoclipul complet de mai jos pentru a vedea detalii despre cum am creat acest raport.

În acest tutorial, am trecut peste lucruri precum tehnici de navigare a paginilor, tematică, marcaje, sfaturi cu instrumente, detalii, crearea paginii de pornire etc. În plus, v-am arătat cum să creați șabloane de aplicații de raportare pe care le puteți utiliza printr-un public mai larg printre mai mulți utilizatori sau dezvoltatori în cadrul organizației dvs.

Unii folosesc PowerPoint, iar alții folosesc Canva, care sunt, de asemenea, instrumente excelente pentru a crea fundaluri și aspect convingător pentru rapoartele dvs. Avem disponibile tutoriale despre aceste instrumente și pe site-ul nostru web .

Noroc,