Pulsanti di navigazione di LuckyTemplates

Nella maggior parte dei casi, le icone vengono utilizzate anche insieme ai pulsanti di navigazione di LuckyTemplates quando si creano report di LuckyTemplates. Se vedi un'icona home, facendo clic su di essa tornerai a casa alla pagina di destinazione.

Un'icona di informazioni ti fornirà più contesto su un grafico o una pagina specifici. Un'icona di LinkedIn o Twitter ti indirizzerà all'account del designer.

Vogliamo utilizzare icone facili da identificare, ma questo non è sufficiente, motivo per cui dovremmo sempre fornire ai nostri utenti un contesto aggiuntivo .

Dal punto di vista della storia dei dati, dobbiamo controllare l'esperienza dell'utente.

In qualità di designer, siamo responsabili di cosa mostrare all'utente, quando mostrarlo all'utente, anticipare le domande, fornire interazioni e navigazione chiare e fornire un contesto aggiuntivo.

Dovremmo sempre avere uno scopo per il nostro rapporto, come guidare il cambiamento, fornire consigli e altro ancora. Se utilizziamo icone con interazioni specifiche o pulsanti di navigazione di LuckyTemplates e l'utente non lo vede o non lo capisce, la nostra storia è persa.

L'utente finale non vedrà una parte della tua analisi che porta a una conclusione specifica. Ancora una volta, il contesto è estremamente importante. Non vuoi mai aggiungere un'icona solo per aggiungerla sullo schermo.

Lo vuoi per uno scopo specifico e se tale scopo non è chiaro all'utente finale, assicurati di aggiungere un contesto.

Quando utilizzi un'icona home come pulsante, chiedi agli utenti di fare clic su di essa per tornare alla pagina di destinazione. Se si tratta di un pulsante di informazioni, indicare agli utenti di passare il mouse sopra per visualizzare le informazioni sulla descrizione del dashboard.

Se utilizzi un pulsante icona di Twitter o LinkedIn, aggiungi anche questa descrizione. Teniamo presente che dobbiamo fornire un contesto per le aree che richiedono l'interazione dell'utente.

Sommario

• Report di LuckyTemplates con pulsanti di navigazione
• Utilizzo delle descrizioni comandi nei report di LuckyTemplates
• Pulsanti di navigazione di LuckyTemplates indirizzati ai siti Web
• Aggiunta di icone accanto ai KPI
• Aggiunta di bande come KPI
• Conclusione

Report di LuckyTemplates con pulsanti di navigazione

Passiamo ora all'interno di LuckyTemplates e vediamo alcuni esempi di vita reale.

Per questo rapporto, ho posizionato le icone vicino ai pulsanti di navigazione. Li ho associati secondo il principio della somiglianza per lo stile del capo e la vicinanza tra i bottoni.

La posizione sulla pagina, lo spazio negativo e il colore sul contorno del primo elemento attirano l'attenzione e indicano che si tratta di pulsanti di navigazione di LuckyTemplates.

Non è presente alcuna etichetta all'interno o vicino al pulsante che funga da identificatore; quindi, inserire un contesto aggiuntivo sarà utile per gli utenti in modo che sappiano a quale pagina saranno indirizzati .

Utilizzo delle descrizioni comandi nei report di LuckyTemplates

Le informazioni visualizzate in una descrizione comando quando si passa il mouse sopra il pulsante sono una buona funzionalità durante la creazione di report.

Se non utilizzi questa funzionalità, non dimenticare di disabilitare questa opzione perché conferisce un aspetto grezzo ai report durante la pubblicazione sul servizio.

Per illustrare quanto sia facile mantenere i suggerimenti attivati ​​e disattivati, aggiungiamo un pulsante vuoto alla pagina.

Sotto il pulsante Azione , l' opzione Nessun suggerimento non è attiva per impostazione predefinita.

Significa che quando passi con il mouse su questo pulsante, vedrai il messaggio " CTRL+clic qui per andare alla pagina precedente in questo rapporto ", il che non è carino.

Quindi, dobbiamo attivarlo per scomparire. Il mio consiglio è di mantenere abilitati i tooltip se li stai usando; in caso contrario, disabilitali.

Pulsanti di navigazione di LuckyTemplates indirizzati ai siti Web

Un altro modo in cui possiamo utilizzare le icone è indirizzare gli utenti a pagine specifiche del sito. Ad esempio, facendo clic sul logo dell'azienda si accederà direttamente al sito Web.

In questo report ho il logo JIRA e ho anche questo pulsante invisibile con il tooltip attivato. Disattiviamolo per avere un aspetto migliore.

Se clicco sul pulsante del logo JIRA, verrò indirizzato al sito Web dell'azienda, che in questo caso è .

Tuttavia, la maggior parte degli utenti non saprà che questa interazione esiste. Ancora peggio, potrebbero aspettarsi che funzioni come un pulsante home. È molto comune che sui siti Web quando si fa clic sul logo, si venga indirizzati alla pagina di destinazione.

Non dimentichiamoci della percezione dell'utente. L'utente potrebbe essere abituato a questo tipo di navigazione da altri siti Web e il modo migliore è avere un suggerimento che dica: "Connettiti o vai al sito Web".

Aggiunta di icone accanto ai KPI

Passiamo a un altro esempio. 

Secondo il principio di prossimità e similitudine, puoi anche utilizzare icone accanto ai KPI che possono essere associate ai pulsanti mantenendo uno stile simile tra loro. Inoltre, l'etichetta dei KPI sono gli identificatori per le icone, quindi non è necessario un contesto aggiuntivo.

Aggiunta di bande come KPI

I KPI sono noti anche come bande. In questo caso, il tipo di bande che stiamo vedendo sono le metriche principali che forniscono ottime informazioni per tracciare l'attività. Abbiamo il tempo medio di consegna , i materiali , l'ordine di acquisto , le tonnellate non ordinate e i clienti .

Tuttavia, questi numeri sono buoni o cattivi? E se sono cattivi, i numeri sono cattivi per un mese specifico o c'è una cattiva dinamica? Il trend sta salendo o scendendo? Perché dovrei preoccuparmi di questo?

Guardando questo rapporto dall'inizio, ho notato che come utente finale ho bisogno di lavorare, esplorare e scoprire da solo le informazioni o il messaggio che il designer voleva creare.

Quando passo il mouse dal primo KPI al terzo KPI, non ci sono informazioni aggiuntive. Ma sul quarto KPI, troviamo alcune informazioni molto interessanti che mostrano il PO totale oltre consegnato .

Quindi, quando andiamo su Clienti , possiamo vedere il Margine per cliente , che è molto importante.

Inoltre, possiamo vedere che l'80% del margine totale proviene da soli 11 materiali. Questa informazione è fantastica.

In questo tutorial , ho spiegato come gli utenti eseguono la scansione dello schermo con uno schema a Z da sinistra a destra e dall'alto verso il basso.

I miei due KPI principali si trovano nella parte inferiore dello schermo. Questa è una cattiva scelta di progettazione poiché questi sono gli unici due KPI creati con informazioni aggiuntive.

Lascia che mi metta nei panni del pubblico. Se volessi esplorare i dati da solo, perché dovrei preoccuparmi di chiedere a uno sviluppatore di LuckyTemplates di creare il report?

È divertente perché sono stato io a creare questo rapporto. Questa è una delle mie prime proposte per organizzata da LuckyTemplates l'anno scorso.

Sto criticando i miei primi lavori. Nel nostro viaggio per migliorare i nostri rapporti, tutti commettiamo errori e impariamo da essi .

L'aggiunta di icone accanto al KPI è interessante perché conferisce un aspetto professionale, ma non è sufficiente per creare un KPI. Quando crei un KPI, la prima cosa che devi chiederti è "e allora?"

Puoi aggiungere un riferimento, fare un confronto con un budget delle previsioni dell'anno scorso o mostrare quanto tempo è andato bene o male aggiungendo una tendenza.

Se è davvero brutto, anticipa le domande dell'utente finale . Ad esempio, se uno dei KPI ha attirato l'attenzione di un utente, sarà necessario scavare nei dettagli. È possibile aggiungere ulteriore contesto o eseguire il drill-down per fornire maggiori dettagli all'utente .

Una volta che l'utente ha informazioni dettagliate, cosa dovrebbe fare al riguardo? È lì che l'utente deve trovarsi quando presenterai i tuoi consigli per un piano d'azione.

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

Spero che attraverso questi esempi capirai un'importante lezione sui pulsanti di navigazione nello storytelling.

Porre le domande giuste sui KPI e inserire un contesto aggiuntivo nei pulsanti di navigazione aiuta la narrazione a diventare più potente.

In qualità di designer, tieni sempre presente che non stiamo solo creando report; stiamo avendo un impatto reale.

Ti auguro il meglio,