Personalizzazione dell’aspetto Studio

Informazioni su Personalizzazione dell’aspetto Studio

È possibile modificare l’aspetto di Studio per riflettere il branding dell’organizzazione. L’aspetto personalizzato si applica a tutti gli utenti dell’account principale. Sono disponibili le seguenti opzioni di personalizzazione:

• Logo personalizzato: modificare il logo (in tutto lo Studio).
• Branding personalizzato: modificare i colori dell’interfaccia utente (al di fuori dei widget).
• Visualizzazione conversazione: personalizzare il modo in cui le interazioni vengono visualizzate in Explorer documento e nel widget Feedback.
• Tavolozze dei colori: modificare i colori dei rapporti (all’interno dei widget).

Logo personalizzato

È possibile personalizzare l’aspetto di Studio modificando o rimuovendo il logo del sito. Il logo viene visualizzato nell’intestazione di Studio ed è visibile su ogni pagina. Facendo clic sul logo si apre la pagina iniziale di Studio. Quando gli utenti salvano o distribuiscono i propri cruscotti come PDF, anche i file di esportazione contengono il logo.

Dimensioni logo consigliate

Studio ridimensionerà automaticamente l’immagine per adattarla allo spazio riservato per una visualizzazione ottimale sia nelle esportazioni Studio che PDF. Si consigliano queste dimensioni per i loghi:

• Larghezza: Minore o uguale a 300 pixel.
• Altezza: Minore o uguale a 60 pixel.

Modifica del logo

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Nella pagina Impostazioni account, selezionare la scheda Aspetto.
   
5. Attivare lo switch Branding personalizzato su Attivato per attivare il branding personalizzato, se necessario. Se il branding personalizzato è già attivato, è sufficiente procedere alla fase successiva.
   
6. Nella sezione Branding personalizzato, fare clic sul pulsante di upload del file in Modifica logo per eseguire l’upload del file di immagine del logo.
   

Rimozione del logo

Oltre a sostituire il logo con la propria immagine, è possibile rimuovere completamente il logo Studio. Quando il logo viene rimosso, Studio visualizza invece un titolo di testo della sezione corrente dell’utente. Facendo clic sul titolo si apre Dashboard Explorer (lo stesso comportamento di fare clic sul logo).

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Nella pagina Impostazioni account, selezionare la scheda Aspetto.
   
5. Nella sezione Branding personalizzato, fare clic sull’icona del cestino in Modifica logo per rimuovere il logo.
   

Applicazione del marchio personalizzato

È possibile personalizzare l’aspetto di Studio modificando i colori degli elementi dell’interfaccia key user visualizzati in questa tabella:

Nella sezione Custom Branding è possibile modificare lo schema di colori e il logo di Studio. Per informazioni su come modificare il logo, vedere Modifica del logo.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Nella pagina Impostazioni account, selezionare la scheda Aspetto.
   
5. Nella sezione Branding personalizzato, attivare lo switch Branding personalizzato.
   
6. Fare clic sulla notazione esadecimale in Testata per personalizzare lo sfondo dell’intestazione di Studio.
   
7. Utilizzare la selezione colori o specificare una notazione HEX diversa.
   Consiglio Q: consulta la sezione Elementi di branding personalizzati di seguito per i dettagli degli elementi dell’interfaccia utente di Studio che possono essere personalizzati e colori predefiniti.
   Consiglio Q: Prima di modificare i colori, annota i codici colore esistenti in modo da poterli ripristinare in seguito. È possibile ripristinare i colori predefiniti in qualsiasi momento facendo clic su Reimposta predefinito.
   
8. Fai clic su Applica.
9. È possibile visualizzare in anteprima le modifiche nel mock-up Studio sul lato destro di Branding personalizzato.
   
   
10. Fare clic sulla notazione esadecimale in Azione per personalizzare i pulsanti di comando di Studio e altri elementi dell’interfaccia utente correlati all’azione, il testo nei pulsanti attivi e nei link e le voci di menu evidenziate.
    
11. Utilizzare la selezione colori o specificare una notazione HEX diversa.
12. Fai clic su Applica.
13. Fare clic sulla notazione esadecimale in Sfondo primario per personalizzare lo sfondo del corpo principale di Studio e lo sfondo del cruscotto.
    
14. Utilizzare la selezione colori o specificare una notazione HEX diversa.
    
15. Fai clic su Applica.
16. Seleziona la casella di controllo Usa colore più accessibile in modo che XM Discover possa migliorare automaticamente il colore dell’azione per garantire il contrasto dei colori appropriato in tutta l’interfaccia.
    
    Consiglio Q: Si consiglia di abilitare questa opzione per una migliore accessibilità.
17. Attivare lo switch Consenti agli utenti di attivare il tema scuro su Attivato per consentire agli utenti Studio di passare al tema di colore scuro nelle preferenze dell’utente, che sostituisce tutto il branding personalizzato in Studio.
18. Fare clic su Salva per applicare le modifiche.
19. Fai clic su Resetta modifiche per annullare le modifiche e ripristinare l’ultima versione salvata dei colori del tuo brand.
20. Fare clic su Reimposta predefinito per ripristinare i colori predefiniti.
21. Aggiornare il browser affinché le modifiche abbiano effetto.

Customizing visualizzazione conversazione

È possibile adattare le impostazioni di visualizzazione delle conversazioni per personalizzare il modo in cui le interazioni vengono visualizzate nell’Explorer documenti e nei widget feedback. È possibile impostare le impostazioni di visualizzazione su 2 livelli: impostazioni predefinite per l’intero conto e impostazioni specifiche del progetto. Le impostazioni specifiche del progetto sostituiscono i valori predefiniti a livello di account.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Nella pagina Impostazioni account, selezionare la scheda Aspetto.
   
5. Vai a Visualizzazione conversazione.
   
   
6. Impostazione di impostazioni specifiche del progetto:
   
   
   • Selezionare il content provider dal Content Provider
     Qtip: È necessario selezionare un provider di contenuti, un account e un progetto solo se si è membri di più di uno di questi.
   • Selezionare il conto dal menu Account.
   • Selezionare il progetto dal menu Progetto.
   • Fare clic sulla sezione Nuova visualizzazione.
7. Per impostare i valori predefiniti relativi all’account:
   
   • Espandere il menu delle azioni per un progetto predefinito o un progetto personalizzato.
   • Selezionare Modifica.
8. Nella finestra Visualizzazione conversazione, in Nomi visualizzati, è possibile personalizzare le etichette per i seguenti partecipanti alla conversazione. Questa fase è facoltativa.
   
   • Agente: un partecipante identificato come rappresentante aziendale.
   • Cliente: un partecipante identificato come client.
   • Bot: un partecipante identificato come chatbot o un bot Interactive Voice Response (IVR).
   • Partecipante: un partecipante non identificato come uno dei tipi di cui sopra.
9. Deselezionare la casella di controllo Usa titolo automatico accanto al partecipante alla conversazione per personalizzare l’etichetta.
10. Immettere un’etichetta personalizzata con un massimo di 20 caratteri nella casella.
11. Per utilizzare l’etichetta predefinita per un partecipante alla conversazione, mantenere selezionate le caselle di controllo Usa titolo automatico.
12. Attivare Arricchimento lane partecipante per abilitare gli arricchimenti nella lane di conversazione principale.
    
13. Selezionare un arricchimento dal menu.
14. In Colore di visualizzazione, selezionare la rappresentazione dei colori per l’arricchimento selezionato dal menu.
    
15. Nella sezione lane, è possibile aggiungere fino a 3 lane con ulteriori arricchimenti per portare ulteriore contesto alla conversazione.
    
16. Per aggiungere un lane, fare clic sull’icona più ( + ).
17. Per rimuovere un lane, fare clic sull’icona meno ( – ).
18. Espandere il menu alla voce Solo i valori Default di sistema eMetriche sono disponibili per la selezione per il Progetto predefinito. Questi valori verranno applicati per impostazione predefinita a tutti i progetti. I valori Predefinito di sistema, Argomenti, Metriche e PNL sono disponibili per la selezione per un progetto personalizzato.
    
19. Selezionare Sistema Predefinito dal menu.
    
20. Selezionare uno stile di icona dal menu in Stile lane per evidenziare le frasi che corrispondono a un determinato tipo di frase. Ciò include le menzioni del cliente di Tenure, Churn, Cry for Help, Not Recommend; le menzioni dell’agente di Don’t Know, Disclosure, Mini-Miranda, Transfer, Hold; e le menzioni di Request di chiunque.
21. Selezionare Argomenti dal menu.
    
22. Seleziona un modello categoria per evidenziare frasi che contengono argomenti correlati.
    
23. In alternativa, è possibile immettere un modello categoria nella casella Trova per trovare un modello categoria.
24. Fare clic sull’icona a forma di ingranaggio accanto al modello selezionato per selezionare manualmente gli argomenti da visualizzare.
    
25. Nella finestra Impostazioni, selezionare Foglia dal menu Livello.
    
26. È possibile selezionare la casella di spunta accanto a un argomento per visualizzarlo.
27. In alternativa, è possibile fare clic su Seleziona tutto per selezionare tutti gli argomenti.
28. Fare clic su Aggiorna.
29. Selezionare uno stile di icona dal menu in Stile lane per evidenziare le frasi che corrispondono al tipo di frase.
    
30. Fare clic sul quadrato del colore in Colore di visualizzazione.
31. Utilizzare la selezione colori o specificare un codice HEX per il colore personalizzato.
    
32. Fai clic su Applica.
33. Selezionare Metriche dal menu.
    
34. Selezionare una delle seguenti metriche per evidenziare frasi con una fascia di metrica correlata (ad esempio, con sentiment negativo o hard Effort):
    
    • Sforzo (3 bande)
    • Sforzo (5 bande)
    • Intensità emotiva
    • Opinione (3 fasce)
    • Opinione (5 fasce)
35. Fare clic sull’icona a forma di ingranaggio accanto alla metrica selezionata.
    
36. Nella finestra Impostazioni, selezionare il livello o i livelli di intensità emotiva da includere.
    
37. Fare clic su Aggiorna.
    
38. Selezionare uno stile di icona dal menu in Stile lane per evidenziare le frasi che corrispondono al tipo di frase.
    
39. Selezionare PNL dal menu.
    
40. Seleziona un raggruppamento NLP per evidenziare frasi che contengono valori correlati derivati automaticamente da feedback non strutturati dal motore XM Discover Natural Language Processing (NLP).
    
41. Fare clic sull’icona a forma di ingranaggio accanto al raggruppamento selezionato.
    
42. Nella finestra Impostazioni, scegliere i valori da includere dal raggruppamento NLP selezionato.
    
43. Fare clic su Aggiorna.
    
44. Fare clic sul riquadro colore sotto Colore di visualizzazione.
    
    
45. Utilizzare la selezione colori o specificare un codice HEX per il colore personalizzato che si desidera utilizzare per visualizzare un arricchimento selezionato.
    
46. Fai clic su Applica.
47. Attiva Punteggio intelligente (non conta per il limite di 3 corsie).
    
    Consiglio Q: disponibile solo per i clienti con Punteggio intelligente.
48. Fare clic su Salva in basso a destra di Visualizzazione conversazione.
    Consiglio Q: per reimpostare le impostazioni di visualizzazione della conversazione sui valori predefiniti, espandere il menu Azioni accanto al progetto predefinito e selezionare Reimposta predefinito.

Tavolozze dei colori

Oltre a utilizzare tavolozze di colori di sistema predefinite, è possibile personalizzare i report Studio creando tavolozze dei colori personalizzate con un massimo di 10 colori diversi.

È possibile eseguire queste azioni utilizzando le tavolozze dei colori:

• Crea una tavolozza di colori personalizzata
• Importa una tavolozza di colori
• Abilita una tavolozza di colori
• Disabilita una tavolozza di colori
• Duplicare una tavolozza di colori
• Sostituire una tavolozza di colori con un’altra
• Imposta una tavolozza di colori predefinita
• Elimina tavolozza di colori

Creazione di una tavolozza di colori personalizzata

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Selezionare la scheda Aspetto.
   
5. Scorrere verso il basso fino alla sezione Tavolozze dei colori.
   
6. Fare clic su Nuova tavolozza.
7. Nella finestra Crea immettere un nome descrittivo per la tavolozza di colori nella casella Nome tavolozza.
   
8. Fare clic sul pulsante più ( + ) per aggiungere un colore alla tavolozza di colori.
   Consiglio Q: È possibile aggiungere fino a 10 colori alla vostra tavolozza di colori.
9. Fare clic sul quadrato nero.
   
10. Utilizzare la selezione colori o specificare un codice HEX per il colore personalizzato.
    
11. Fare clic su Applica.
12. Trascinare i quadrati colorati per modificarne l’ordine su una tavolozza. Questa fase è facoltativa.
    
    Consiglio Q: i colori più a sinistra vengono visualizzati nei report più spesso e vengono utilizzati per elementi più importanti.
13. Per copiare i codici HEX dei colori attualmente selezionati, fare clic sul pulsante Copia tavolozza negli Appunti. È possibile riutilizzare questi colori importando una tavolozza. Questa fase è facoltativa.
14. Fai clic su Salva. In questo modo si aggiunge la nuova tavolozza di colori alla sezione Tavolozze dei colori. Per utilizzarla, è necessario attivare la tavolozza di colori.

Importazione di una tavolozza di colori

È possibile importare una tavolozza di colori fornendo fino a 10 codici colore HEX separati da virgole.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Seleziona Aspetto.
   
   
5. Scorri verso il basso fino a Tavolozze dei colori.
6. Individuare la tavolozza di colori da importare.
   Consiglio Q: È possibile immettere il nome della tavolozza di colori nella casella Trova tavolozze di colori per trovarlo.
7. Espandere il menu delle azioni per la tavolozza dei colori.
   
8. Selezionare Modifica.
9. Nella finestra Modifica, fare clic su Copia tavolozza negli Appunti per copiare i codici colore HEX.
   
10. Fare clic su Annulla.
11. Per importare i codici colore HEX in una tavolozza di colori, espandere il menu Azioni accanto a quella tavolozza di colori.
    
12. Selezionare Modifica.
13. Incollare i codici colore HEX nella tavolozza Importa.
    
    Consiglio Q: I codici colore HEX devono essere preceduti da un hashtag (#). I codici non validi verranno ignorati.
14. Fai clic su Applica.
15. Fai clic su Salva.

Abilitazione e disabilitazione di una tavolozza di colori

Quando si crea per la prima volta una tavolozza di colori personalizzata, questa viene disabilitata, il che significa che è possibile continuare a modificarla senza influire su altri utenti. Una volta che la tavolozza dei colori è pronta, è possibile attivarla in modo che diventi disponibile nelle impostazioni dei colori del report.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Selezionare la scheda Aspetto.
   
5. Scorrere verso il basso fino alla sezione Tavolozze dei colori.
   
6. Immettere il nome della tavolozza di colori che si desidera abilitare nella casella Trova tavolozze colori per individuarla.
7. Attivare la tavolozza di colori per abilitarla.
   
8. Disattivare la tavolozza di colori per disabilitarla. Quando si disabilita una tavolozza di colori, questa non è più disponibile nelle impostazioni dei widget, ma qualsiasi widget impostato per utilizzarla continua a farlo.
   Consiglio Q: non è possibile disabilitare le tavolozze di sistema o una tavolozza di colori definita dall’utente impostata come predefinita.

Duplicazione di una tavolozza di colori

È possibile duplicare una tavolozza di colori esistente, il che può essere utile se si desidera modificare più colori o modificarne l’ordine.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Selezionare la scheda Aspetto.
   
5. Scorrere verso il basso fino alla sezione Tavolozze dei colori.
   
6. Individuare la tavolozza di colori che si desidera duplicare.
   Consiglio Q: immettere il nome della tavolozza di colori nella casella Trova tavolozze colori per trovarlo.
7. Espandere il menu Azioni accanto alla tavolozza di colori che si desidera duplicare.
   
8. Selezionare Duplica. In questo modo si aggiunge una copia disabilitata della tavolozza di colori alla sezione Tavolozze dei colori.

Sostituzione di una tavolozza di colori

È possibile sostituire una tavolozza di colori con un’altra in tutti i widget che la utilizzano.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Selezionare la scheda Aspetto.
   
5. Scorrere verso il basso fino alla sezione Tavolozze dei colori.
   
6. Individuare la tavolozza di colori che si desidera sostituire.
   Consiglio Q: immettere il nome della tavolozza di colori nella casella Trova tavolozze colori per trovarlo.
7. Espandere il menu delle azioni accanto alla tavolozza dei colori.
   
8. Selezionare Sostituisci.
9. Nella finestra Sostituisci, selezionare la tavolozza di colori di sostituzione dal menu Sostituisci con.
   
10. Fare clic su Sostituisci. In questo modo la tavolozza di sostituzione viene applicata a tutti i widget che utilizzavano la tavolozza originale.

Impostazione di una tavolozza di colori predefinita

È possibile impostare una tavolozza di colori predefinita per tutti i nuovi cruscotti nell’account master.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Selezionare la scheda Aspetto.
   
5. Scorrere verso il basso fino alla sezione Tavolozze dei colori.
   

6. Individuare la tavolozza di colori da utilizzare come predefinita.
   Consiglio Q: immettere il nome della tavolozza di colori nella casella Trova tavolozze colori per trovarlo.
7. Fare clic sul collegamento Usa come predefinito nella colonna Account predefinito per la tavolozza di colori che si desidera utilizzare come predefinita.
   
8. In alternativa, espandere il menu Azioni accanto alla tavolozza dei colori che si desidera utilizzare come impostazione predefinita.
   
9. Selezionare Utilizza come default account.

Eliminazione di una tavolozza di colori

È possibile eliminare le tavolozze dei colori personalizzate non più necessarie.

1. Accedi a Studio.
2. Espandere il menu dell’avatar utente nell’area di navigazione in alto.
   
3. Seleziona Impostazioni account.
4. Selezionare la scheda Aspetto.
   
5. Scorrere verso il basso fino alla sezione Tavolozze dei colori.
6. Individuare la tavolozza di colori che si desidera eliminare.
   
   Consiglio Q: immettere il nome della tavolozza di colori nella casella Trova tavolozze colori per trovarlo.
7. Espandere il menu Azioni accanto alla tavolozza di colori che si desidera eliminare.
   
8. Selezionare Elimina.
9. Nella finestra Elimina, selezionare la tavolozza di colori di sostituzione dal menu Sostituisci con.
   
10. Fare clic su Sostituisci. Questa operazione elimina la tavolozza di colori e la applica a tutti i widget che utilizzavano la tavolozza di colori eliminata.