Navigazione della pagina in LuckyTemplates con icone

Oggi vorrei mostrarti come utilizzare la navigazione delle pagine in LuckyTemplates utilizzando le icone in modo creativo per arricchire la tua storia e rivelarla solo quando necessario.

Inoltre, imparerai come creare una potente esperienza di navigazione partendo da un'icona creando un flusso di lavoro utente per i tuoi report LuckyTemplates .

Creeremo un ambiente di onboarding per gli utenti finali direttamente all'interno di LuckyTemplates.

Per cominciare, rivolgiamo la nostra attenzione all'esempio che ho creato per la mia presentazione . Ho passato parecchio tempo a raggiungere la perfezione per questo KPI e anche se sembra semplice, in realtà è pieno di sorprese.

In questo esempio, abbiamo una pagina di navigazione in LuckyTemplates con icone che rappresentano costi , vendite , trasporto e margine . Abbiamo anche una linea rossa che divide il margine dalle altre dimensioni. Il numero nella riga non è una carta, ma un pulsante.

Sommario

• Usando Un'icona Del Segnale Di Avvertimento
• Costruire l'icona di LuckyTemplates
• Conclusione

Usando Un'icona Del Segnale Di Avvertimento

Abbiamo questo segnale di avvertimento o l'icona della scheda di avvertimento. È dinamico perché scompare se il margine è positivo.

Scegliamo Account Manager 10 . Si noti che l'icona di avviso è scomparsa.

A questo punto, ti starai chiedendo perché ho creato un'icona dinamica per mostrare che il margine è negativo quando la linea rossa mostra già la stessa identica cosa.

La risposta è fornire ulteriori informazioni. Una carta ha il vantaggio di avere un tooltip, il che significa che quando il margine è negativo, abbiamo la possibilità di ulteriori approfondimenti. Questa è una tecnica speciale nella narrazione chiamata divulgazione progressiva .

Per mostrare questa funzione, passa il mouse sull'icona della scheda di avviso per visualizzare ulteriori informazioni. Questo è importante perché come utente finale, sarò interessato a ulteriori approfondimenti solo quando il margine è negativo.

La divulgazione progressiva è un modello di progettazione dell'interazione che mette in sequenza le informazioni e le azioni su più schermate e un flusso graduale. Lo scopo è ridurre le possibilità che gli utenti si sentano sopraffatti da ciò che incontrano.

Divulgando le informazioni progressivamente, i progettisti dell'interazione rivelano solo l'essenziale e aiutano gli utenti a gestire la complessità di siti Web o applicazioni complessi.

Questa è una tecnica che puoi usare per mantenere il tuo design semplice e le tue informazioni facili da digerire. Semplificherai per l'utente finale la navigazione e la ricerca delle informazioni che desidera. L'utente vivrà un'esperienza avvincente attraverso la navigazione delle pagine in LuckyTemplates.

Costruire l'icona di LuckyTemplates

Per crearlo da zero, inserisci un pulsante Vuoto nello schermo.

Disabilita tutte le funzionalità ad eccezione del Titolo .

Vai al testo del titolo , scegli Valore campo , scegli Formato margine e fai clic su OK .

Successivamente, aumentiamo la dimensione del KPI a 20 e cambiamo il colore in grigio.

Per la misura, ho utilizzato Format Margin e l'ho organizzato in modo da ottenere l'output che ho creato.

Il prossimo è andare su Fill e attivarlo. Seleziona quindi il valore Campo e basalo su un'altra misura denominata Colori KPI completati , quindi fai clic su OK .

Andiamo al riquadro Visualizzazioni e quindi selezioniamo l' icona Scheda .

Questa è la formula che ho creato per Warning Card . Significa che se il margine non ha valore, voglio un valore vuoto.

Ho anche usato un'istruzione SWITCH TRUE che dice se il valore è superiore o uguale a 20000 allora è Great . Se è superiore a zero e inferiore a 20000, allora è buono e se è inferiore a zero, è cattivo .

Quando il valore è Bad , voglio avere questa icona; altrimenti, non voglio alcuna icona.

La prossima cosa da fare è far scorrere l'icona e disattivare le diverse opzioni.

Per ridurre le dimensioni e il colore dell'icona, vai all'etichetta Dati , quindi impostala su 20 e cambia il colore in giallo.

In questo caso possiamo spostare l'icona di avviso accanto ai numeri e attivare il tooltip scegliendo la pagina in cui ho creato il KPI.

Finalmente, ora possiamo vedere le informazioni per il nostro KPI. Possiamo sicuramente includere ulteriori contesti su questo, come il riepilogo dei costi, delle vendite e del trasporto.

Icone personalizzate di LuckyTemplates | Tecnica di visualizzazione PBI
Sviluppo di report LuckyTemplates: creazione di temi, loghi aziendali, icone e sfondi
Come aggiungere icone LuckyTemplates personalizzate nei report

Conclusione

Comprendere le procedure consigliate per la creazione di icone e come utilizzarle a vantaggio della tua storia può apportare un miglioramento significativo ai report di LuckyTemplates.

Con questo scopo in mente, puoi fare un ulteriore passo avanti utilizzando le icone in modo creativo e offrendo una potente esperienza di navigazione ai tuoi utenti finali.

Spero che tu possa applicare queste tecniche al tuo lavoro di sviluppo e ai tuoi scenari organizzativi.

Ti auguro il meglio,