Web-alapú jelentéskészítési technikák a LuckyTemplatesben

Ebben az oktatóanyagban megmutatom, hogyan készíthet olyan jelentést a LuckyTemplates alkalmazásban, amely úgy néz ki, mint egy webalapú jelentéskészítő alkalmazás. Megtanulhatja, hogyan hozhat létre egyedi navigációs élményeket a jelentésekben, hogyan használhatja a LuckyTemplates új témagenerátorát a fejlesztési sebesség megduplázására, és újrafelhasználható sablonokat fejleszthet a jelentések létrehozásának méretezéséhez csapatai között. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

A közelmúltban a LuckyTemplates olyan funkciókkal és funkciókkal bővült, amelyek lehetővé tették számunkra, hogy nagyon lenyűgöző jelentéseket és webalapú jelentéskészítő alkalmazásokat készítsünk. Szeretném megmutatni, hogyan készíthetsz egy régi jelentést, vagy akár a nulláról kezdheted el, és hogyan nézhetsz ki sokkal jobban és sokkal interaktívabbá.

Azok, akik jól ismernek minket, tudják, hogy a négy pilléren alapuló megközelítést alkalmazzuk. Ez a keretünk a LuckyTemplates jelentések fejlesztéséhez. Az első pillér az adatok betöltése és átalakítása. A második pillér az adatmodellezés. A harmadik pillér a DAX számítások, a negyedik pedig a jelentések és vizualizációk. Ma kihagyjuk az első három pillért, és valóban a negyedik pillérbe merülünk.

Tartalomjegyzék

• Hogyan készítsünk webalapú jelentést a LuckyTemplates alkalmazásban
  • Színes téma jelentése
  • Web-alapú navigáció a jelentésoldalon
  • Eszköztippek egy web alapú jelentéshez
• További technikák és vizualizációs tippek webalapú jelentésekhez
• Következtetés

Hogyan készítsünk webalapú jelentést a LuckyTemplates alkalmazásban

Ebben a példában egy egyszerű modellt hoztam létre a vízesés technikával, ahol a keresési táblázataink a tetején vannak, amelyek lefolynak a ténytáblánkba. Ez egy egyszerű adatkészlet. Van egy szervezetünk, amely dolgokat értékesít, és egy ténytáblázatunk az üzleten belül lezajlott összes tranzakcióval.

Színes téma jelentése

Az első dolog, ami szerintem elengedhetetlen ezeknek a jelentéskészítő alkalmazásoknak a fejlesztése során, az az, hogy megfelelő témát kell kialakítani. Zökkenőmentes és koherens színtémát kell tartalmaznia a jelentésekben.

Lehet, hogy már van egy témája, amely illeszkedik a szervezetéhez, és ez nagyszerű. Lehet, hogy valaki készített neked egy sablont. De ha még nem tette meg, megmutatom, hogyan hozhat létre valami egészen hatékonyat a LuckyTemplatesben néhány olyan eszközzel kombinálva, amelyek a saját alkalmazásunkban találhatók..

A Nézet szalagon található ez a legördülő menü a témaválasztással, és látni fogja, hogy számos készen lévő témánk található. Viszont szerintem ezek mind nem túl meggyőző színtémák, így nem igazán használom egyiket sem.

Valóban kitűnnie kell a színeknek, és igazán jól kell működniük együtt. Korábban egyenként változtattam a színeket ezekhez a különböző elemekhez, de most személyre szabom a színtémát. A Nézet szalagon görgessen lefelé, és megjelenik az Aktuális téma testreszabása opció. Kattintson rá, és megjelenik ez a felugró ablak.

Itt rengeteg módja van a téma testreszabására. Módosíthatja az általános témaszíneket, de módosíthatja a különböző elemeket is, például a címeket, az adatcímkéket, a szöveget, a látványelemeket stb. A Szűrőpanel színeit is létrehozhatja.

Ez egy nagyszerű lehetőség a tématervezésre, de ennek másik módja az elemzői központ, amely ingyenes! Mindenki hozzáférhet az Analyst Hubhoz. Célunk, hogy ez sokkal egyszerűbb és könnyebben érthető legyen minden felhasználónk számára.

Az Analyst Hubban van egy Színtéma-generátorunk . Itt több módon is létrehozhat színtémát. Én személy szerint szeretem a Color Fan-t. A témáknál az a helyzet, hogy nem akarja túlbonyolítani a jelentés színeit, hogy zökkenőmentes témát hozzon létre. A hasonló paletta, de csak a különböző árnyalatok valóban jól működik a jelentéskészítési tervekben.

Miután kiválasztotta a színtémát, egyszerűen kimásolhatja a színt, és beillesztheti a jelentésébe. Én személy szerint szeretem a sötétebb hátteret és a fehér betűket.

Tehát rákattinthat a választott színre, majd másolja és illessze be a LuckyTemplates Témaszínek testreszabása opciójába.

Itt minden rugalmasan testreszabhatja jelentését a tematika tekintetében, beleértve a szöveget, a betűtípusokat, az eszköztippeket, a fejlécet stb. A jelentésben további módosításokat végezhet, például a színeket, az átlátszóságot stb. Én is szeretem a Format Paintert használni, és a többszörös kijelöléssel is felgyorsíthatod a dolgokat.

Most, hogy beállítottuk a témát, folytassuk az oldalnavigációt.

Web-alapú navigáció a jelentésoldalon

A jelentés elkészítésekor lehetővé kell tenni, hogy a felhasználó pontosan úgy navigálhasson a jelentésben, ahogyan szeretné. Ne csak mindent kiírjon egy oldalra, és hagyja, hogy a felhasználó rákattintsa ezeket a különböző szeletelőket és oldalakat. Olyan navigációs technikák használatával akarja végigvezetni a felhasználót a történeten, amelyet el akar mondani neki.

Az első dolog, amit tennék, az alakzatok és ikonok hozzáadása . Az ikonjaimat általában egy Flaticons nevű webhelyről szerzem be . Előfizetésem van, és letöltöttem néhány ikont, amelyek nagyon hasznosak, amikor ilyen jelentéseket készítek.

Ezután ezeket az ikonokat beviheti a jelentésbe. Formázhatja őket, megváltoztathatja a színt, átméretezheti őket, és oda húzhatja, ahová el szeretné helyezni.

Ezután egy módra van szüksége annak jelzésére, hogy adott időpontban melyik oldalon tartózkodik valójában. Ennek demonstrálására létrehozok egy másik téglalapot, vagy egyszerűen kimásolom és beillesztem a már létrehozott téglalapot. A formákat egymásra tudom rétegezni. Ezután egyszerűen lemásolom az oldalt, és hasonló funkciókat helyezek el a következő oldalra és a következő oldalra stb.

Én személy szerint nem szeretném, ha az összes szűrőmet ledobnák az oldalamon. Sokkal okosabb szeretnék lenni a szűrők használatában. Tehát általában létrehozok egy dinamikus szűrődobozt, amely kattintás alapján jelenik meg. Ehhez könyvjelzőket és kijelöléseket kell használnunk .

Hozzáadok egy ikont, ami a szűrőképem lesz. Szóval, ha valaki rákattint, azt akarom, hogy megjelenjen egy doboz. Aztán szeretném, ha a doboz lehetővé tenné például a dátum szerinti szűrést. Elkezdem építeni ezt a dobozt, mielőtt bármi mást tennék. Testre szabhatom kedvem szerint.

A kijelölő ablakban listát kapunk a jelentésünk minden eleméről. Ezt is tudjuk manipulálni. Jelentésünk egyes részeit elkülöníthetjük. Megmutathatjuk és elrejthetjük őket.

Most hozzáadhatok néhány szeletelőt, képet vagy bármilyen látványt a dobozba. Ezeket az elemeket össze is csoportosíthatom, mondjuk szűrőcsoportként. Ezzel csak a csoportot választhatom ki, nem pedig az elemeket külön-külön.

Ezután két könyvjelzőt fogok létrehozni. Az egyik a Szűrők megjelenítése, a másik a Szűrők elrejtése. Ezen a ponton nem kell mást tennem, mint összekapcsolni ezeket a könyvjelzőket a kiválasztott képekhez. Ehhez rákattintok a képre, majd a Kép formázása ablaktáblában a Művelet elemre lépek , és bekapcsolom. Kiválasztom a Könyvjelzők típust és a Szűrők megjelenítése lehetőséget a könyvjelzőhöz.

Ezután gyorsan hozzáadhatok néhány látványelemet, és betekintést tudok készíteni a jelentéshez.

Ezt követően megismétlem ezt az oldalt Ügyfélként, Helyszínként és Termékként. Ezenkívül elrejtem ezeket az oldalakat, mert nem szeretném, ha a felhasználóim lássák ezeket az oldalakat jelentésünk alján. Azt akarom, hogy közvetlenül az általam létrehozott navigációs sávon keresztül navigáljanak.

A navigáció navigációs sávba való beágyazásához egyszerűen válassza ki az ikont, majd lépjen a Kép formázása lehetőségre, és ennek megfelelően helyezze el a műveleteket.

Most minden általunk sokszorosított oldalon elvégzem a szükséges módosításokat. Például az Ügyfelek oldalon az oldal címét Ügyfélelemzésre módosítom. Ezenkívül beállítom az ügyfelek ikonját a navigációs sávon, és eltávolítom vagy elhelyezem a releváns látványelemeket.

Eszköztippek egy web alapú jelentéshez

Ez csak néhány a LuckyTemplates technikái közül. Egy másik nagyszerű dolog, amelyet webalapú jelentéséhez használhat, az eszköztippek . Ez egy csodálatos tulajdonság. Testreszabhatja, hogy igazodjon a témánkhoz. Az eszköztippek használata nagyszerű módja annak, hogy a felhasználók hatékonyan és leggyorsabban részletezzenek a jelentés részleteit.

Tehát hozzunk létre egy egyszerű elemleírást. Ehhez hozzon létre egy új oldalt, és nevezze el. Ebben a példában Ügyféleszköztippnek hívjuk. El is fogom rejteni, mert nem szeretném ezeket az eszköztippeket oldalként megjeleníteni a jelentésben. A legfontosabb dolog, amit itt meg kell jegyezni, az az, hogy be kell kapcsolnia az Eszköztippet .

Testreszabhatja az eszköztippeket is. Beállíthatja a méretet és a színeket, és tetszés szerint tetszetőssé teheti őket. Táblázatokat és diagramokat készíthet attól függően, hogy hogyan szeretné megjeleníteni a részleteket, miközben a felhasználók a jelentéshez nyúlnak.

Ha elkészült az eszköztippek létrehozásával, beágyazhatja azokat a jelentés vizualizációjába. Csak kattintson a vizualizációra, lépjen a festőhengerre, majd kattintson az eszköztippre alul.

A testreszabási lehetőségek szélesek. Létrehozhat összetettebb eszköztippeket, és akár oldalt is létrehozhat egy oldalon belül, ha úgy tetszik. Sokkal több információval és különféle vizualizációkkal rendelkezhet, mindezt egyetlen elemleíráson belül.

További technikák és vizualizációs tippek webalapú jelentésekhez

Egy másik dolog, amit szeretnék tenni, amikor webalapú jelentést készítek, az az, hogy létrehozok egy kezdőlapot , ahol sok beállítást megadhatok. Szeretem, ha van egy kezdőlap, amely a központi navigációs pont, amely lehetővé teszi a felhasználók számára, hogy könnyen navigálhassanak a jelentésem többi részében.

Kreatív lehetsz a kezdőlapod felépítésében. Használjon ikonokat vagy képeket gombként, hogy a felhasználókat különböző oldalakra irányítsa, majd visszatérjen a kezdőlapjára.

Perceken belül kiváló webalapú jelentést készíthet a LuckyTemplates alkalmazásban, kiváló navigációs élménnyel és lenyűgöző megjelenéssel.

A megjelenítés szempontjából a színek fontosak . Ügyeljen arra, hogy ne használja túl a színeket. Egy másik fontos tipp a vizualizációhoz, hogy mindig gondoljon rácsokban a jelentések tervezésére és a vizualizációk elhelyezésére.

Győződjön meg arról , hogy megfelelő navigációval rendelkezik , és végigvezeti a felhasználót az elmesélni kívánt történeten. Gondolkozz a kereteken kívül, és légy kreatívabb ezen a téren. Azonban ne használd túl a vizualitást . Más funkciókat is használhat, hogy helyet takarítson meg az oldalon. Ha akarja, használja a szűrők elrejtésének lehetőségét . Használja ki az eszköztippek és az átfúrás lehetőségét.

Ha további ötleteket szeretne kapni a jelentéstervezésről, látogasson el oldalunkra, és látogasson el a . Itt megtalálja a legjobban megtervezett LuckyTemplates jelentéseket. A neten sehol nincs ilyen. Sok ilyen jelentést a LuckyTemplates belsőleg hozott létre a közelmúltban. Ezek közül sok a közösségünkből és a mi kihívásainkból származik.

Következtetés

Ez az oktatóanyag a LuckyTemplates legutóbbi csúcstalálkozóján alapult. Az alábbi teljes videóban megtekintheti a jelentés elkészítésének részleteit.

Ebben az oktatóanyagban áttekintettünk olyan dolgokat, mint az oldalnavigációs technikák, tematika, könyvjelzők, eszköztippek, átfúrás, kezdőlap létrehozása stb. Ezen túlmenően megmutattam, hogyan hozhat létre jelentéskészítő alkalmazássablonokat, amelyeket szélesebb közönség számára használhat. több felhasználó vagy fejlesztő a szervezeten belül.

Vannak, akik PowerPointot, mások pedig a Canvát használják, amelyek szintén nagyszerű eszközök a jelentések hátterének és lenyűgöző megjelenésének létrehozásához. Ezekről az eszközökről is elérhető oktatóanyagunk a webhelyünkön.

Egészségére,