Profesia e Newired presentano un webinar che racconta come è possibile rivoluzionare il vostro processo di creazione dei contenuti del vostro sito web, consentendovi di semplificare concetti complessi, snellire i flussi di lavoro e fornire istruzioni passo-passo che coinvolgano e responsabilizzino realmente i vostri utenti.
In questo webinar di 30 minuti vedrai:
- best practice sulla DAS;
- consigli pratici;
- esempi reali che dimostrano come Newired possa elevare i vostri contenuti a nuovi livelli di chiarezza ed efficacia.
Vuoi provare Newired sulla tua applicazione? Scrivi a sales@profesia.it per una POC
Web content design: creare contenuti di qualità con Newired
1. Web content design:
creare contenuti di
qualità con Newired
Guido Pifferi
Newired, PM & UX Designer
Alessandra Leo
Profesia, Customer Success
Giorgio De Vita
Profesia, Sales Account
www.newired.com
www.profesia.it
3. Cosa fa
Aggiunge una guida
interattiva step-by-step a
qualsiasi applicazione web.
Lascia che le persone
imparino facendo.
Direttamente nell'app, senza
seguire alcun corso.
?
4. Cosa risolve ?
Applicazioni web: guida gli
utenti all'utilizzo di tool, senza
formazione:
Siti ecommerce: aumenta la
conversione aiutando l’utente a
completare in autonomia il
processo di acquisto
Portali istituzionali: migliora la user
experience degli utenti nella
fruizione dei servizi digitali
Portali Dipendenti: semplifica la
onboarding dei dipendenti
5. Digital Adoption Solution
La guida in-app è il
modo più efficace per
offrire formazione multi-
lingua a tutti gli utenti
La formazione tradizionale
viene sostituita da
quella contestuale: gli
utenti sono subito esperti
nell'uso del software,
migliorando la produttività
e la user experience
Riduce i costi e le
chiamate al supporto
durante la
onboarding
8. Dialogs
● Benvenuto
● Presentazione Journey
● Fornire informazioni cruciali in
un unico posto se non possono
essere diffuse in modo diverso
Dialog Steps sono delle bolle non contestuali che
appariranno al centro dello schermo, impedendo l'interazione
con l'applicazione target. Non è necessario che siano
collegate ad altri elementi. Adatte a:
9. Callouts
● Chiedere ai tuoi utenti di
interagire con elementi
specifici (pulsanti, menu, ecc.)
Callout Steps sono delle bolle contestuali che devono
essere agganciate a un elemento grafico specifico
sull'applicazione target e puntare a quell'elemento.
Adatte a:
10. Panels
● Fornire informazioni contestuali
per una vista specifica
● Fornire informazioni senza
impedire l'interazione con
l'applicazione di destinazione
Panel Steps sono delle bolle semi-contestuali che
appariranno in uno degli angoli dello schermo, permettendo
nel frattempo di interagire con l'applicazione di destinazione.
Adatte a:
11. Tips
● Fornire informazioni contestuali
su elementi specifici sullo
schermo
● Fornire informazioni che
possono essere mostrate
proprio quando l'utente ne ha
bisogno
● Creare avvisi
Tips sono fumetti contestuali che possono essere allegati a
elementi o icone personalizzate e verranno visualizzati sullo
schermo quando l'utente posiziona il cursore su di essi.
Adatti a:
12. Titoli brevi e concisi
Utilizza titoli brevi e lascia le informazioni
complesse nel corpo del testo.
I titoli dovrebbero essere in
maiuscolo/minuscolo.
Best practices
13. Scrivi l'azione da eseguire nel titolo
del Callout
Se il passaggio riguarda un'azione che deve
essere eseguita dall'utente (ad esempio un
pulsante su cui fare clic), scrivilo nel titolo.
Best practices
14. Corpo del testo conciso e
informativo
I Newired Journeys sono pensati per essere
una guida step-by-step per la tua app,
quindi devono fornire le informazioni giuste
al momento giusto, senza perdere la
concentrazione sul processo.
Il corpo del testo dovrebbe contenere
alcune parole, ma non più di alcune frasi.
Utilizza il testo in grassetto per evidenziare
solo gli elementi più importanti del tuo
passaggio.
Best practices
15. Fornire informazioni in
modo graduale e contestuale
Fornisci informazioni solo se legate
al contesto (non anticipare
informazioni che verranno
visualizzate nei passaggi
successivi).
Best practices
16. Utilizza una larghezza coerente
Scegli una larghezza per i tuoi passi che sia
abbastanza grande da contenere tutti i tuoi
contenuti.
Per un journey che comprende molti
passaggi, mantieni una larghezza coerente
per tutti.
Best practices
17. Non sovrapporre l'elemento al
passaggio
Per i callout che puntano a un elemento
piccolo, ricorda di scegliere una posizione e
una dimensione della bolla che non si
sovrapponga in alcun modo.
Best practices
18. Elenco delle transizioni disponibili:
● Clic
● Fare clic sul pulsante "Avanti"
● Modifica input
● Cambiamento di valore
● Passa il mouse
● Multiplo
● Tempistica
● Modifica dell'URL
Transizioni
20. Quando utilizzare il pulsante di
transizione "Next"?
La transizione del pulsante "Next" è
molto utile quando non vuoi che gli
utenti interagiscano direttamente con
l'applicazione di destinazione, ma vuoi
solo mostrarla sommariamente (ad
esempio per i tour del software).
Puoi anche forzare gli utenti a fare clic
sul pulsante "Next" per procedere.
Best practices
21. Utilizzo dell'azione del
passaggio "Vai all'URL".
● Risparmia tempo passando
direttamente ad una pagina
specifica se i tuoi utenti sanno già
cosa fare.
● Crea journey senza soluzione di
continuità tornando alla home
page per ricominciare a navigare
in una nuova sottosezione
Best practices
22. I 3 principali punti chiave
● Fornire informazioni in modo
graduale e contestuale
23. I 3 principali punti chiave
● Fornire informazioni in modo
graduale e contestuale
● Scrivi l'azione da eseguire nel
titolo del callout
24. I 3 principali punti chiave
● Fornire informazioni in modo
graduale e contestuale
● Scrivi l'azione da eseguire nel
titolo del callout
● Crea tour del prodotto
utilizzando il pulsante di
transizione "Next".