Ma szeretném megmutatni, hogyan használhatod az oldalnavigációt a LuckyTemplates alkalmazásban ikonok segítségével kreatív módon, hogy gazdagítsd történetedet, és csak szükség esetén fedd fel azt.
Ezenkívül megtanulja, hogyan hozhat létre hatékony navigációs élményt egy ikonból kiindulva, ha felhasználói munkafolyamatot hoz létre a .
Közvetlenül a LuckyTemplates-en belül létrehozunk egy bevezető környezetet a végfelhasználók számára.

Kezdésként irányítsuk figyelmünket arra a példára, amelyet a beadványomhoz készítettem. Elég sok időt töltöttem azzal, hogy tökéletesítsem ezt a KPI-t, és bár egyszerűnek tűnik, a valóságban tele van meglepetésekkel.
Ebben a példában van egy oldalnavigáció a LuckyTemplates-ben a költségeket , eladásokat , szállítást és árrést jelző ikonokkal . Van egy piros vonal is, amely elválasztja a margót a többi mérettől. A sorban lévő szám nem kártya, hanem gomb.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Tartalomjegyzék
Figyelmeztető jel Ikon használata
Van ez a figyelmeztető tábla vagy figyelmeztető kártya ikon. Dinamikus, mert eltűnik, ha a margó pozitív.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Válasszuk a Fiókkezelő 10 lehetőséget . Figyelje meg, hogy a figyelmeztető ikon eltűnt.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Ezen a ponton elgondolkodhat azon, hogy miért hoztam létre egy dinamikus ikont, amely megmutatja, hogy a margó negatív, amikor a piros vonal már pontosan ugyanazt mutatja.
A válasz a további információk megadása. A kártya előnye, hogy van egy eszköztippje, ami azt jelenti, hogy ha a margó negatív, lehetőségünk van további betekintésre. Ez a történetmesélés egy speciális technikája, az úgynevezett progresszív feltárás .
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
A funkció bemutatásához vigye az egeret a figyelmeztető kártya ikonjára a további információk megtekintéséhez. Ez azért fontos, mert végfelhasználóként csak akkor leszek kíváncsi a további betekintésekre, ha az árrés negatív.
A progresszív közzététel egy olyan interakciós tervezési minta, amely több képernyőn és lépésről lépésre szekvenciálja az információkat és a műveleteket. A cél az, hogy csökkentse annak esélyét, hogy a felhasználók túlterheltek legyenek attól, amivel találkoznak.
Az információk fokozatos nyilvánosságra hozatalával az interakciótervezők csak a lényegeseket fedik fel, és segítenek a felhasználóknak kezelni a gazdag webhelyek vagy alkalmazások összetettségét.
Ezt a technikát használhatja annak érdekében, hogy a tervezés egyszerű és az információ könnyen megemészthető legyen. Ezzel megkönnyíti a végfelhasználók számára a navigációt, és megtalálja a kívánt betekintést. A felhasználónak lenyűgöző élményben lesz része a LuckyTemplates oldalnavigációja révén.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
A LuckyTemplates ikon építése
Az alapoktól való felépítéshez helyezzen be egy Üres gombot a képernyőre.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Tiltsa le az összes funkciót, kivéve a Címet .
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Lépjen a Cím szöveghez , válassza a Mezőérték lehetőséget , válassza a Margó formázása lehetőséget , majd kattintson az OK gombra .
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Ezt követően növeljük a KPI méretét 20-ra, és változtassuk a színt szürkére.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
A mértékhez a Format Margin-t használtam, és úgy rendeztem el, hogy elérjem az általam létrehozott kimenetet.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Következő lépésként lépjen a Kitöltés elemre , és aktiválja azt. Ezután válassza ki a Mező értéket , és alapozza meg egy másik, a Teljes KPI-színek nevű mérőszámot , majd kattintson az OK gombra .
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Lépjünk a Vizualizációk panelre, majd válasszuk a Kártya ikont.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Ez a képlet, amelyet a Figyelmeztető kártyához készítettem . Ez azt jelenti, hogy ha a Margónak nincs értéke, akkor üres értéket akarok.
Használtam egy SWITCH TRUE utasítást is, amely szerint ha az érték 20000 felett van vagy egyenlő, akkor az nagyszerű . Ha nulla felett és 20000 alatt van, akkor jó , ha pedig nulla alatt van, akkor rossz .
Ha az érték Bad , akkor ezt az ikont szeretném látni; különben nem akarok semmilyen ikont.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
A következő lépés az ikon elcsúsztatása, és a különböző lehetőségek kikapcsolása.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Az ikon méretének és színének csökkentéséhez lépjen az Adatcímkére , majd állítsa 20-ra, és módosítsa a színt sárgára.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Ebben az esetben a figyelmeztető ikont áthelyezhetjük a számok mellé, és aktiválhatjuk az eszköztippet, ha kiválasztjuk azt az oldalt, ahol a KPI-t létrehoztam.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Végül most láthatjuk a KPI-nk adatait. Ehhez mindenképpen további összefüggéseket is beilleszthetünk, mint például a költségek összegzése, az eladások és a szállítás.
![Oldalnavigáció a LuckyTemplates ikonokkal Oldalnavigáció a LuckyTemplates ikonokkal]()
Következtetés
Ha megérti a bevált gyakorlatokat, és hogyan használhatja őket a történeted javára, jelentős javulást jelenthet a LuckyTemplates jelentések terén.
Ezt a célt szem előtt tartva, egy lépéssel tovább léphet, ha kreatív módon használja az ikonokat, és a végfelhasználóknak ad.
Remélem, alkalmazni tudja ezeket a technikákat saját fejlesztési munkájában és szervezeti forgatókönyveiben.
Minden jót,