Passa al contenuto principale
Loading...
Skip to article
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Core XM
    Core XM
  • Design XM
    Design XM

Stile e modalità del sondaggio


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


Informazioni su Survey Style & Motion

Lo stile del tuo sondaggio è importante per garantire che agli intervistati piaccia partecipare al sondaggio. Ciò include il carattere del sondaggio, i colori, la spaziatura delle domande e qualsiasi CSS personalizzato che desideri aggiungere. Puoi anche personalizzare il modo in cui il tuo sondaggio si sposta, dall’impostazione di un’animazione di transizione di pagina all’avanzamento automatico degli intervistati attraverso il sondaggio quando rispondono alle domande.

Attenzione: Layout semplice utilizza una struttura di pagina diversa al fine di supportare meglio l’accessibilità e la progettazione iniziale mobile, che fa funzionare il CSS personalizzato in modo diverso. Quando Simple Layout è abilitato, gli elementi del CSS personalizzato (ad esempio html, classi css e id) dovranno essere aggiornati per funzionare correttamente.

Caratteri

È possibile modificare il carattere delle domande e delle scelte di risposta nella sezione Stile del menu Look & feel. Per modificare il carattere, fare clic sul menu a discesa Carattere e selezionare un carattere tipografico.

lopzione del carattere nella sezione di stile di look & feel

Puoi anche personalizzare le dimensioni del carattere del sondaggio. Ciò include il grassetto del carattere, oltre a fornire domande e risposte al sondaggio di dimensioni diverse.

Per modificare la dimensione del carattere, digitare la dimensione desiderata (in pixel) nella casella relativa alle dimensioni del carattere. Fare clic sull’icona B a destra della dimensione del carattere per visualizzare il testo in grassetto.
le opzioni del testo della domanda e del testo della risposta nellaspetto e nellamplificatore; possibilità di cambiare la dimensione del carattere e il grassetto

Caratteri predefiniti

L’elenco a discesa per la selezione del carattere presenta un’opzione per un carattere predefinito. A seconda del layout selezionato, il carattere predefinito è diverso:

  • Il layout Flat utilizza Poppins come carattere tipografico.
  • Il layout moderno utilizza Open Sans come carattere tipografico.
  • Il layout classico utilizza Helvetica Neue come carattere tipografico.

Colori

È possibile modificare il colore degli elementi all’interno del sondaggio nella sezione Stile del menu Look & feel. Da questa sezione puoi personalizzare i colori primario e secondario del sondaggio.

le opzioni di colore primario e secondario nella sezione di stile di look & feel

Colore primario

Il colore principale del sondaggio si applica agli elementi principali del sondaggio. Questo cambia a seconda del layout del sondaggio, ma in genere si applica ai colori di funzioni come la barra di avanzamento e le evidenziazioni delle domande.

lopzione di colore principale in look & feel. la barra di avanzamento e levidenziazione delle domande sono interessate da questa opzione

Colore secondario

Il colore secondario del sondaggio si applica agli elementi secondari del sondaggio. Questo cambia a seconda del layout del sondaggio, ma in genere si applica a funzioni come i pulsanti Avanti e Indietro.
lopzione colore secondaria nellaspetto. Il pulsante Avanti è influenzato da questa opzione

Aggiungi CSS personalizzato

Attenzione: Il seguente codice è fornito così com’è e richiede conoscenze di programmazione per l’implementazione. Il Supporto Qualtrics non offre assistenza o consulenza riguardo alla programmazione personalizzata. Puoi invece provare a domandare alla nostra community di utenti esperti.
Attenzione: quando il layout semplice è abilitato, gli elementi del CSS personalizzato (ad esempio html, classi css e id) dovranno essere aggiornati per funzionare correttamente.

A volte potresti voler modificare l’aspetto & sentire del tuo sondaggio oltre le semplici opzioni di formattazione “click-to-change” disponibili. Per quelle persone esperte di tecnologia che vogliono immergersi nella codifica del layout del loro sondaggio, offriamo la possibilità di aggiungere CSS personalizzati.

Cascading Style Sheets (CSS) è un linguaggio di codifica utilizzato per modellare le pagine del sito web. Con la funzionalità Aggiungi CSS personalizzato, è possibile digitare il proprio CSS direttamente nell’editor CSS o puntare a un file CSS ospitato online.

Per aggiungere CSS personalizzato al sondaggio:

  1. Durante la modifica del sondaggio, apri il menu Aspetto & sentiti.
    passare alla sezione di stile dellaspetto e utilizzare le due opzioni css nella parte inferiore della scheda
  2. Fare clic sulla sezione Stile.
  3. Immettere il proprio CSS nella casella CSS personalizzato.
    Qtip: se è necessario più spazio per creare il CSS, fare clic su Modifica sotto la casella CSS personalizzato per richiamare l’editor CSS.
  4. Se si utilizza un CSS ospitato online, immettere l’URL dell’host online nella casella CSS esterno.
  5. Fare clic su Applica.

Qtip: il seguente bit di codice consente di rimuovere il logo predefinito sul tema. A tale scopo, copiare il seguente codice CSS nell’editor CSS personalizzato:

html .Skin #Logo {display: none;}

Contrasto primo piano

Il contrasto in primo piano determina il livello di contrasto tra il primo piano (testo, caselle di testo, ecc.) e l’immagine di sfondo. È possibile scegliere tra Basso, Medio e Alto contrasto. Se il testo del sondaggio è difficile da leggere sullo sfondo del sondaggio, aumentare il contrasto in primo piano può aiutare a migliorare la leggibilità.

Per determinare questo, selezioniamo un colore in scala grigia che aderisce a un rapporto di contrasto corretto di 4.5, che è conforme a WCAG. Per aumentare il contrasto tra il testo e lo sfondo, modificarlo in Medio o Alto. Alto è sempre bianco o nero. Teniamo conto anche dell’immagine di sfondo e del colore/opacità in sovrapposizione quando determiniamo il colore di primo piano appropriato. Questa impostazione è la stessa del contrasto primo piano presente nella sezione Sfondo.

lopzione di contrasto in primo piano nella sezione dello stile dellaspetto

Spaziatura domande

La spaziatura delle domande determina la quantità di spazio che separa le domande del sondaggio. È possibile selezionare la spaziatura Compatta, Comodabile o Estesa. La modifica della spaziatura delle domande del sondaggio può consentirti di controllare la lunghezza del sondaggio. Ad esempio, diminuendo la spaziatura tra le domande è più facile progettare un sondaggio adatto a una pagina.
lopzione di spaziatura delle domande nella sezione di stile dellaspetto

Opzioni stile domanda

Se il sondaggio utilizza il layout Semplice, sono disponibili più opzioni di stile per le domande. Queste opzioni influiscono sull’esperienza del partecipante al sondaggio quando partecipa al sondaggio. Le opzioni di personalizzazione delle domande includono:
le opzioni di stile della domanda nella sezione di stile di look & feel

  • Mostra i pulsanti di opzione per le domande a scelta multipla: quando è abilitata, le scelte di risposta alle domande a scelta multipla utilizzeranno i pulsanti di opzione anziché un pulsante completamente selezionabile.
    Esempio: nella prima immagine sottostante, questa opzione è disabilitata, quindi le scelte di risposta appaiono come un pulsante completamente cliccabile.una domanda a scelta multipla con pulsanti selezionabili
    La seconda immagine mostra invece la stessa domanda con l’opzione del pulsante di opzione abilitata.
    una domanda a scelta multipla con pulsanti di opzione
  • Visualizza i pulsanti in verticale sul cellulare per le domande NPS: quando sono abilitate, le domande NPS appariranno verticalmente per gli utenti che compilano il sondaggio da un dispositivo mobile.
    Esempio: nella prima immagine sottostante, questa opzione è disabilitata, quindi le domande NPS appaiono in formato orizzontale per tutti i partecipanti al sondaggio.una domanda NPS in formato orizzontale
    La seconda immagine mostra la stessa domanda con l’opzione verticale abilitata per i partecipanti al sondaggio mobile.
    una domanda NPS in formato verticale per i partecipanti al sondaggio mobile

&Aspetto; Feel vs. Editor per contenuti avanzati

I caratteri e il colore del testo possono essere modificati in 2 modi: globalmente e localmente. Le modifiche di stile globali vengono apportate nel menu Look & feel e influiscono sul testo di tutte le domande e/o risposte. Le modifiche di stile locali vengono apportate nel Editor per contenuti avanzati per quella domanda o scelta di risposta specifica. Le modifiche locali sovrascrivono le modifiche globali, quindi se apporti una modifica nell’Editor per contenuti avanzati di una domanda, vedrai quelle impostazioni invece di quelle impostate in Look & feel.

È possibile utilizzare Formattazione stringa per rimuovere rapidamente tutta la formattazione locale dalle domande selezionate e far sì che le modifiche globali abbiano effetto uniforme.

Per eliminare la formattazione

  1. Selezionare tutte le domande facendo clic sulla prima domanda, scorrendo verso il basso, tenendo premuto il mouse e facendo clic sull’ultima domanda. Le domande selezionate avranno una casella di controllo marcata accanto al numero della domanda.
    selezionando più domande nelleditor del sondaggio
  2. Passare a Strumenti.
    facendo clic sugli strumenti, passando con il cursore del mouse sulla revisione e selezionando la formattazione delle strisce
  3. Passare con il cursore del mouse su Rivedi e selezionare Formattazione a barre.

Transizione pagina

L’opzione Transizione pagina nella sezione Movimento ti consente di specificare l’effetto di transizione che si verifica quando gli intervistati navigano tra le pagine del tuo sondaggio.
lopzione di transizione di pagina nella sezione di movimento di look & feel

Di seguito è riportata una panoramica di ogni tipo di Transizione pagina:

  • Nessuna: nessuna transizione di pagina giocherà. Ogni pagina del sondaggio verrà caricata come una normale pagina web.
  • Diapositiva: quando un intervistato fa clic sul pulsante Avanti o Indietro, la pagina successiva scivola sullo schermo da lato.
  • Fade: quando un intervistato fa clic sul pulsante Avanti o Indietro, la pagina successiva svanirà nella vista mentre la pagina precedente svanirà.
  • Capovolgi: quando un intervistato fa clic sul pulsante Avanti o Indietro, la pagina si capovolgerà e rivelerà la pagina successiva.

Messa a fuoco automatica

La funzione di correzione automatica nella sezione Movimento sfuma tutte le domande del sondaggio oltre a quella che il partecipante sta attualmente visualizzando. Questo può aiutare a evitare che i partecipanti al sondaggio vengano distratti dalle domande del sondaggio precedenti o imminenti.

lopzione di utilizzo automatico è abilitata e lanteprima mostra la funzionalità di autofocus

Avanzamento automatico

L’impostazione Avanzamento automatico nella sezione Movimento sposta automaticamente i partecipanti attraverso il sondaggio quando rispondono alle tue domande. Ci sono più impostazioni che puoi utilizzare per controllare l’esperienza di esecuzione del sondaggio.
le tre opzioni di avanzamento automatico nella sezione di movimento del look &

  • Avanzamento automatico sulle domande: questa opzione consente agli intervistati di anticipare le domande passate senza scorrere la pagina. Piuttosto, avanzeranno automaticamente alla domanda successiva non appena selezioneranno una risposta. Quando è abilitato Avanzamento automatico sulle domande, viene visualizzato un pulsante Fine dopo alcuni tipi di domande, come l’immissione di testo e le domande a scelta multipla a selezione multipla. Gli intervistati possono fare clic su questo pulsante per passare alla domanda successiva.
    Qtip: questa impostazione deve essere abilitata per utilizzare le altre funzionalità di Avanzamento automatico.
  • Nascondi pulsante di avanzamento automatico: abilitando questa opzione si nasconde il pulsante Fine che viene visualizzato quando è abilitato Avanzamento automatico su domande.
  • Avanzamento automatico pagine: questa opzione consente agli intervistati di avanzare nelle pagine passate senza fare clic su un pulsante Avanti. Andranno invece alla pagina successiva non appena selezioneranno una risposta all’ultima domanda della pagina.
    Qtip: Avanzare automaticamente sulle pagine introdurrà il pulsante Indietro nel tuo sondaggio anche se non è abilitato nelle opzioni del sondaggio.

Una volta abilitata, l’avanzamento automatico viene abilitato per ogni pagina del sondaggio. L’avanzamento automatico è compatibile con i pulsanti Indietro.

Qtip: se includi una domanda e-mail inline in un invito al sondaggio e il tuo sondaggio ha una sola domanda, Avanzare automaticamente non invierà automaticamente il sondaggio.

FAQ

Molte delle pagine di questo sito sono state tradotte dall'originale in inglese mediante traduzione automatica. Sebbene in Qualtrics abbiamo profuso il massimo impegno per avere le migliori traduzioni automatiche possibili, queste non sono mai perfette. Il testo originale inglese è considerato la versione ufficiale, e qualsiasi discrepanza tra questo e le traduzioni automatiche non è legalmente vincolante.