Laadukas LuckyTemplates -raporttinavigointikokemus

Tässä blogissa aion näyttää sinulle korkealaatuisen LuckyTemplates-raportin. Tämä esimerkki tuli LuckyTemplates-haasteesta, jonka suoritamme LuckyTemplatesissa. Suunnittelin tämän. Halusin todella haastaa itseni rakentamaan ylivoimaisen LuckyTemplates-raporttinavigointikokemuksen. Voit katsoa tämän opetusohjelman koko videon tämän blogin alaosasta.

LuckyTemplatesilla voit kirjaimellisesti rakentaa uskomattomimpia sovellusmaisia ​​raportteja.

Suosittelen, että tutustut siihen, miten tämä voi toimia, koska se voi parantaa huomattavasti kuluttajien kokemusta. Joten mennään asiaan.

Sisällysluettelo

• LuckyTemplates-raporttien navigointiominaisuudet
• LuckyTemplates-raporttinavigointisuunnittelu
• LuckyTemplates-raporttinavigoinnin luominen
• Raporttisuunnittelun inspiraatio
• Johtopäätös

LuckyTemplates-raporttien navigointiominaisuudet

Jos tarkastelet tätä raporttia kokonaisuudessaan, raportissa ei näytä olevan erillisiä sivuja. Se näyttää yhdeltä saumattomalta verkkosovellukselta.

Olen luonut tämän mielenkiintoisen ulkoasun, jossa voin napsauttaa raportissani eri raporttisivuille , aivan kuten verkkosovelluksessa. Tapa, jolla olen esittänyt sen todella pienillä asioilla, joita olen tehnyt jokaisella eri sivulla, tekee raportista todella vakuuttavan.

Olen ryhmitellyt osiot, jotta voin napsauttaa myös raporttisovellukseni eri alueita. Joten olen luonut toisen osion nimeltä Toiminnot .

Olen myös luonut toisen osion nimeltä Tiedot .

Huomaa, että on vain pieniä asioita, jotka muuttuvat, kun siirryn näihin eri valintoihin. Olen muuttanut sinisten ruutujen (osien) ääriviivaa osoittamaan, millä sivulla olet.

Loin myös Asetukset -alueen, joka on ainutlaatuinen LuckyTemplatesille. Voit luoda tällaisia ​​sivuja, jotka näyttävät hakemistosivuilta. Joten sen sijaan, että minun pitäisi muuttaa päivämäärää jokaisella sivulla tai ilmoittaa päävalinta jokaisella sivulla, tuon sen Asetukset-sivulle ja aion tehdä tämän kaltaisia ​​valintoja (vain koilliseen ja etelään).

Tällä tekniikalla nämä suodattimet ovat nyt tämän raportin muun osan päällä. Kuten näet sivun oikeasta yläkulmasta, kartta näyttää vain asetuksista valitsemamme alueet, Koillis ja Etelä.

LuckyTemplates-raporttinavigointisuunnittelu

Käydään nyt nopeasti läpi joitakin täällä käyttämiäni tekniikoita. Näet alareunassa, että olen periaatteessa piilottanut jokaisen sivun.

Joten kun katselet sitä verkossa, näyttää siltä, ​​​​että muita sivuja ei ole. Näet vain yhden sivun, joka on valitusten yleiskatsaus .

Voit määrittää näiden sivujen ulkoasun muodoilla tai määrittää tiettyjen kohteiden sijainnin sivulla. Teet vain todella pieniä muutoksia. Otetaan esimerkiksi tämä vaakaviiva tästä; Lisäsin juuri sinisen viivan osoittamaan, millä raporttisivulla olen.

Sain inspiraatiota joistakin näkemistäni verkkomalleista ja koonnut vain joukon asioita, jotta tämä näyttää todella houkuttelevalta.

Tein yhden asian, jonka uskoin olevan hyvä verkkotyyppinen idea, jonka varastin. Laitoin nämä kaksi nuolta tänne, jotta voin napsauttaa yhtä päästäkseni eri raportteihin. Tämä tekeenavigointikokemus näyttää saumattomalta.

LuckyTemplates-raporttinavigoinnin luominen

Määritä tämä napsauttamalla kohdetta, sanomalla tämä pieni taaksepäinnuoli, siirtymällä sitten Toiminto- alueelle ja yksinkertaisesti kirjoittamalla Sivunavigointi kohtaan Tyyppi ja sivu, jolle haluat siirtyä ( Kohde ).

Sinun ei enää tarvitse edes luoda kirjanmerkkejä LuckyTemplates-raporttien navigointikokemukseen. Näin voit luoda navigoinnin ilman, että sinun tarvitsee näyttää kaikkia sivuja todellisessa verkkokokemuksessa.

Ja mitä tein näille raporttinimille (yhteenveto, välittäjät, asiakkaat), peitin jokaisessa tekstiruudussa läpinäkyvän suorakulmion, joka peitetään sitten sanojen päällä. Sitten asetin vastaavasti myös määränpään.

Jos siirryt asetuksiin, voit synkronoida suodattimet eri sivuille. Voit tehdä tämän siirtymällä Näytä- välilehdelle ja napsauttamalla. Näet, että yhdellä sivulla voi olla leikkuri tai useampi, mutta synkronoi ne sitten kaikkien muiden sivujen kanssa.

Yksi tärkeä asia, jonka lisäsin sivulle, on päivämäärä, jolloin raportti pidetään informatiivisena. Käyttäjän tai kuluttajan on silti tiedettävä raportissa todellinen päivämäärävalinta.

Raporttisuunnittelun inspiraatio

Saat lisää inspiraatiota raporteistamme(KB) -sivulla. Täältä sain inspiraation tähän LuckyTemplates-raportin navigointisuunnitteluun. Keräämme paljon raportteja ja ideoita mistä tahansa, ei vain LuckyTemplatesista. On olemassa monia upeita verkkosivustoja, ja olemme koonneet ne tähän osioon:.

Sieltä löydät niin paljon upeita raportteja. Tämä on esimerkki hienosta raporttisuunnittelusta, jonka teki eräs haasteemme osallistuja.

Ja tämä on suunnittelu-inspiraatio LuckyTemplates-raportin navigointiesimerkille, jonka tein. Tämä ei ole LuckyTemplates, mutta voit saada LuckyTemplates-raportin näyttämään tältä melko helposti.

Johtopäätös

Tämä on jotain, jonka saatat löytää hyvin suunnitellulta verkkosivustolta, ja voimme nyt tehdä sen LuckyTemplatesissa. Se vaatii vain vähän luovuutta ja mielikuvitusta.

Voit helposti luoda raportteja, jotka näyttävät täsmälleen tältä LuckyTemplatesissa. Meillä on saatavilla kaikki muodot ja värit sekä kaikki tarvitsemasi visualisoinnit. Sinun tarvitsee vain innovoida, ja raporttisuunnittelun inspiraatiomme on valtava apu sinulle.

Kippis,