We use cookies and similar technologies to improve your experience, analyse traffic, and personalise content. You can accept all cookies or reject non-essential ones.
Personalizza l’aspetto visivo del tuo sondaggio — scegli tra quattro tipi di layout, applica dei temi e perfeziona colori, font e spaziatura per adattarli al tuo brand.
SurveyAnalytica offre quattro tipi di layout distinti che controllano come le domande vengono presentate ai rispondenti. Ogni layout è ottimizzato per casi d’uso diversi — dai tradizionali moduli multi-pagina alle moderne esperienze conversazionali. I layout funzionano su tutti i canali di distribuzione (link diretto, embed via email, codice QR, widget per sito web e altro ancora).
Apri il pannello Stile nel survey builder ed espandi la sezione Layout. Fai clic su un tipo di layout per applicarlo immediatamente. Una descrizione a comparsa (tooltip) spiega ogni layout al passaggio del mouse.
Layout classico a modulo con più domande per pagina. Include la navigazione tra le pagine in basso. Ideale per sondaggi lunghi con molte domande, raggruppando le domande correlate in pagine logiche.
Una domanda alla volta con una pagina iniziale dedicata. Ideale per i rispondenti su dispositivi mobili. Gli studi dimostrano che questo layout ottiene tassi di completamento più elevati riducendo il carico cognitivo.
Esperienza conversazionale in stile chat con navigazione a scorrimento. Le domande appaiono come fumetti di messaggio. Molto coinvolgente per il feedback dei clienti, i sondaggi NPS e i sondaggi informali.
Sondaggio basato su schede scorrevoli con gesti touch e animazioni fluide. Adatto al tocco e moderno. Perfetto per esperienze interattive su tablet e dispositivi mobili.
| Caratteristica | Paginato | Domanda singola | Dialogo | Carosello |
|---|---|---|---|---|
| Domande per schermata | Multiple | Una | Basato su scorrimento | Una (scheda) |
| Navigazione | Pulsanti Avanti/Indietro | Pulsante Continua | Scorrimento + digitazione | Swipe / frecce |
| Indicatore di avanzamento | Barra di avanzamento + conteggio pagine | Barra di avanzamento + percentuale | Posizione di scorrimento | Indicatore a punti |
| Ideale per | Sondaggi lunghi e strutturati | Mobile, sondaggi rapidi | Feedback, NPS | Interattivo, tablet |
| Ottimizzato per mobile | Sì | Eccellente | Eccellente | Eccellente |
| Pagina iniziale | Facoltativa | Sì (integrata) | Facoltativa | Facoltativa |
Trasforma istantaneamente l’aspetto del tuo sondaggio applicando un tema predefinito. SurveyAnalytica include una libreria di temi curata che copre 13 categorie — da temi aziendali professionali a design creativi e vivaci, temi scuri e temi con sfondo fotografico. Ogni tema imposta colori, tipografia, stili dei pulsanti, aspetto della barra di avanzamento e altro ancora con un solo clic.
| Categoria | Descrizione | Temi di esempio |
|---|---|---|
| Professionale | Temi puliti, adatti al contesto business, con tonalità neutre | Ocean Blue, Slate Pro, Navy Classic |
| Moderno | Design contemporanei con accenti decisi e linee pulite | Neo Mint, Urban Chic, Gradient Wave |
| Minimale | Estetica essenziale con ampio spazio bianco | Mint Fresh, Paper White, Zen Garden |
| Vivace | Temi audaci e colorati che risaltano | Sunset Glow, Coral Reef, Tropical |
| Scuro | Sfondi scuri con accenti ad alto contrasto | Midnight, Obsidian, Dark Matter |
| Corporate | Temi di livello enterprise per sondaggi formali | Corporate Steel, Executive, Trust Blue |
| Creativo | Temi espressivi con elementi giocosi | Electric Purple, Neon Pop, Art Deco |
| Sanità | Temi rassicuranti e accessibili per contesti medici | Clinical Blue, Wellness Green, Care Soft |
| Istruzione | Temi accoglienti e leggibili per uso accademico | Campus Gold, Scholar, Classroom |
| Tecnologia | Design orientati alla tecnologia con estetica digitale | Cyber Teal, DevOps Dark, Silicon |
| Finanza | Temi affidabili e conservativi per sondaggi finanziari | Bank Green, Trust Gold, Fiscal Blue |
| Retail | Temi orientati al cliente per e-commerce e vendita al dettaglio | Shop Red, Cart Orange, Brand Pop |
| Foto | Temi con immagine di sfondo ed effetti di overlay | Mountain Vista, City Lights, Nature |
Ogni scheda tema nella galleria mostra un’anteprima in miniatura dal vivo che include:
Oltre ai temi, hai un controllo granulare su ogni elemento visivo del tuo sondaggio. Il pannello Stile nel survey builder ti permette di personalizzare colori, font, dimensioni, pesi e spaziatura per ogni elemento in modo indipendente. Gli stili personalizzati possono essere applicati sopra un tema oppure creati da zero.
I selettori di colore sono disponibili per ogni elemento di testo e sfondo. Fai clic su qualsiasi campione di colore per aprire un selettore di colore con inserimento esadecimale. È possibile personalizzare i seguenti colori:
SurveyAnalytica si integra con Google Fonts, offrendoti accesso a centinaia di font. Seleziona un font dal menu a discesa nel pannello Stile. Il font si applica globalmente a tutto il testo del sondaggio — titoli, domande, opzioni, pulsanti e descrizioni utilizzano tutti la famiglia di font selezionata.
Il contenuto del sondaggio può essere allineato a sinistra, al centro o a destra. L’impostazione di allineamento controlla il posizionamento orizzontale di tutto il contenuto del sondaggio all’interno del contenitore. L’allineamento a sinistra è quello predefinito e consigliato per i sondaggi più lunghi. L’allineamento al centro funziona bene per sondaggi brevi e mirati.
Il pannello Stile organizza i controlli in sezioni comprimibili per ogni tipo di elemento. Espandi una sezione per configurarne le proprietà specifiche:
| Proprietà | Cosa controlla | Valori di esempio |
|---|---|---|
| Stile domanda | Dimensione, colore e peso del testo della domanda | 16px, #2C2D5F, Medium (500) |
| Stile opzione | Dimensione, colore, peso e sfondo del testo delle opzioni di risposta | 14px, #A0A0AE, Regular (400), sfondo #F4F6F7 |
| Stile pulsante | Sfondo del pulsante Avanti/Invia, colore del testo, raggio del bordo | Sfondo #32DEFF, testo #33344B, arrotondato 4px |
| Stile descrizione | Testo di supporto sotto il titolo del sondaggio e le domande | 16px, #666666, Regular (400) |
| Riquadro domanda | Stile del contenitore per ogni scheda domanda | Sfondo trasparente, raggio bordo 8px, padding 20px |
| Numero domanda | Visualizzazione, colore e dimensione dell’etichetta numerica | Visibile/nascosto, #A0A0AE, 14px |
| Titolo sondaggio | Testo del titolo principale nella parte superiore del sondaggio | 28px, #2C2D5F, Semi-Bold (600) |
| Titolo pagina | Testo dell’intestazione di sezione/pagina | 22px, #2C2D5F, Semi-Bold (600) |
| Piè di pagina / T&C | Colore del testo e sfondo del piè di pagina | 14px, testo #ffffff, sfondo #2C2D5F |
| Etichette proprietà/valutazione | Etichette per NPS, valutazioni e proprietà a matrice | 14px, #A0A0AE, Regular (400) |
Ogni elemento di testo supporta quattro livelli di peso del carattere:
| Peso | Valore | Ideale per |
|---|---|---|
| Light | 300 | Descrizioni discrete, testo di supporto |
| Regular | 400 | Testo del corpo, opzioni, contenuto generale |
| Medium | 500 | Domande, etichette, enfasi |
| Bold | 600 | Titoli, intestazioni, elementi di call-to-action |
Ogni domanda visualizzata nel tuo sondaggio è composta da diversi livelli stilizzati. Comprendere l’anatomia di una scheda domanda ti aiuta a effettuare personalizzazioni mirate. Il diagramma seguente mostra come ogni proprietà di stile corrisponde a un elemento visibile.
Il sistema dei temi segue un modello di priorità a cascata. Quando personalizzi lo stile di un sondaggio, le proprietà vengono risolte in questo ordine:
Per uno stile rapido e complessivo, SurveyAnalytica offre scale predefinite che si propagano contemporaneamente a più elementi del sondaggio. Invece di regolare singolarmente le dimensioni dei font e i valori di spaziatura, seleziona un livello di scala e tutte le proprietà correlate si aggiornano insieme. Questa modalità è chiamata Modalità semplice — attivala nella parte superiore del pannello Stile.
| Categoria preset | Opzioni | Cosa influisce |
|---|---|---|
| Tipografia | Compatta (12-20px), Piccola (14-24px), Media (16-28px), Grande (18-36px), Extra grande (20-48px) | Dimensioni carattere di titolo sondaggio, titolo pagina, titolo domanda, descrizione, opzione, pulsante, numero domanda e piè di pagina |
| Spaziatura | Compatta (8-12px), Piccola (12-16px), Media (16-24px), Grande (20-32px), Ampia (28-48px) | Spazio tra domande, spazio tra opzioni, padding sezione, padding contenuto, padding e margine del riquadro domanda |
| Raggio bordo | Nessuno (0px), Sottile (4-6px), Medio (8-12px), Arrotondato (12-16px), Pillola (24-50px) | Angoli pulsante, angoli opzione, angoli riquadro domanda, angoli campo di input, angoli scheda |
| Densità | Compatta, Confortevole, Ampia | Moltiplicatore di padding generale, moltiplicatore di spazio, dimensione dell’area di tocco (40-56px), padding di opzione e pulsante |
| Elemento | Compatto | Piccolo | Medio | Grande | Molto grande |
|---|---|---|---|---|---|
| Titolo del sondaggio | 20px | 24px | 28px | 36px | 48px |
| Titolo della pagina | 16px | 18px | 20px | 24px | 32px |
| Titolo della domanda | 14px | 16px | 18px | 20px | 24px |
| Descrizione | 12px | 14px | 16px | 18px | 20px |
| Opzioni | 12px | 14px | 16px | 18px | 20px |
| Pulsanti | 12px | 14px | 16px | 18px | 20px |
| Numero della domanda | 11px | 12px | 14px | 16px | 18px |
| Piè di pagina / T&C | 10px | 12px | 14px | 16px | 18px |
I preset forniscono i valori di base. Qualsiasi valore esplicito impostato in Modalità avanzata (ad esempio, modificare la dimensione del carattere della domanda a 22px) sovrascrive il valore del preset per quella specifica proprietà. Le altre proprietà continuano a utilizzare la scala del preset. In questo modo ottieni il meglio di entrambi i mondi: regolazioni globali rapide tramite i preset e controllo di precisione tramite le sovrascritture esplicite.
Rendi il tuo sondaggio inconfondibilmente tuo. Carica il logo aziendale, imposta un’immagine di sfondo con il tuo brand o regola con precisione il colore di sfondo con il controllo dell’opacità. Tutti gli elementi di branding si configurano nel pannello Stile e hanno effetto immediato nell’anteprima del sondaggio.
Carica il logo della tua azienda (PNG, JPG, SVG). Imposta la posizione in alto a sinistra, in alto al centro o in alto a destra. Regola la dimensione del logo (predefinita 180px) e l’opacità (0-100). Il logo appare in cima al sondaggio per tutti i rispondenti.
Carica un’immagine di sfondo o fornisci un URL. L’immagine riempie lo sfondo del sondaggio con ridimensionamento cover, attacco fisso e posizionamento centrato. Abbinala al cursore di opacità dell’overlay per garantire la leggibilità.
Imposta un colore di sfondo a tinta unita con controllo dell’opacità (0-100). Scegli qualsiasi colore esadecimale e regola la trasparenza per creare effetti delicati o d’impatto. Funziona in modo indipendente o sotto un’immagine di sfondo.
Definisci i colori primario, secondario e di accento. Questi si propagano a pulsanti, opzioni selezionate, barre di avanzamento ed evidenziazioni in tutto il sondaggio per un branding coerente.
| Proprietà | Valore predefinito | Descrizione |
|---|---|---|
| Dimensione | cover | L’immagine si ridimensiona per riempire l’intera area dello sfondo |
| Ripetizione | no-repeat | L’immagine non viene affiancata |
| Posizione | center center | L’immagine è centrata sia orizzontalmente che verticalmente |
| Attacco | fixed | L’immagine resta fissa mentre il contenuto scorre (effetto parallasse) |
| Opacità | 100 | Opacità piena (0 = completamente trasparente, 100 = completamente opaco) |
La barra di avanzamento offre ai rispondenti un’indicazione visiva di quanto sono avanzati nel sondaggio. Appare in cima al sondaggio e si aggiorna automaticamente man mano che si risponde alle domande o si naviga tra le pagine.
La barra di avanzamento può essere mostrata o nascosta tramite l’interruttore di visibilità nel pannello Stile. Quando è visibile, viene resa come una barra orizzontale con un riempimento che cresce da sinistra a destra.
| Proprietà | Valore predefinito | Descrizione |
|---|---|---|
| Sfondo della traccia | #5657AA | La porzione non riempita della barra di avanzamento |
| Colore di riempimento | #32DEFF | Il colore della porzione riempita/completata |
| Altezza | 12px | Spessore verticale della barra di avanzamento |
| Raggio dei bordi | 50px (forma a pillola) | Arrotondamento degli angoli della barra di avanzamento |
| Opacità | 100 | Trasparenza della barra di avanzamento (0-100) |
| Sfondo dell’intestazione | #2C2D5F | Colore di sfondo del contenitore che ospita la barra di avanzamento |
| Layout | Calcolo dell’avanzamento | Stile di visualizzazione |
|---|---|---|
| Paginato | Pagina corrente / pagine totali | Barra orizzontale in alto, etichetta con il conteggio delle pagine |
| Domanda singola | Domanda corrente / domande totali | Barra orizzontale in alto con percentuale |
| Dialogo | Domande a cui è stata data risposta / domande totali | Barra orizzontale in alto |
| Carosello | Scheda corrente / schede totali | Indicatore a puntini nella parte inferiore della scheda |
Regola con precisione quali elementi sono visibili nel tuo sondaggio. Gli interruttori di visibilità ti permettono di mostrare o nascondere componenti specifici senza eliminarli — utile per creare esperienze di sondaggio pulite e prive di distrazioni.
| Elemento | Predefinito | Descrizione |
|---|---|---|
| Barra di avanzamento | Visibile | Mostra o nascondi l’indicatore di avanzamento in alto |
| Numeri delle domande | Visibile | Mostra o nascondi il badge numerico accanto a ogni domanda |
| Indicatore obbligatorio | Visibile | Mostra o nascondi l’asterisco rosso (*) sulle domande obbligatorie |
| Titolo del sondaggio | Visibile | Mostra o nascondi il titolo principale del sondaggio |
| Descrizione del sondaggio | Visibile | Mostra o nascondi il testo di descrizione sotto il titolo |
| Timer | Nascosto | Mostra o nascondi il timer con conto alla rovescia (se configurato) |
| Titoli delle pagine | Visibile | Mostra o nascondi i titoli di sezione/pagina |
| Descrizioni delle pagine | Visibile | Mostra o nascondi le descrizioni di sezione/pagina |
| Logo | Visibile | Mostra o nascondi il logo caricato |
| Piè di pagina | Visibile | Mostra o nascondi la barra del piè di pagina/termini e condizioni |
| Powered By | Visibile | Mostra o nascondi il branding SurveyAnalytica |
SurveyAnalytica supporta transizioni fluide tra pagine e domande. Le animazioni sono abilitate per impostazione predefinita e possono essere configurate nelle impostazioni del tema.
| Impostazione | Predefinito | Opzioni |
|---|---|---|
| Animazioni abilitate | Sì | Abilita o disabilita tutte le animazioni |
| Durata | 0,3s | Velocità delle animazioni di transizione |
| Easing | ease-out | Curva di easing dell’animazione |
| Transizione di pagina | fade | fade, slide, none |
| Transizione delle domande | fade | fade, slide, none |
| Ombre delle schede | Disabilitate | Abilita l’ombra su ogni scheda della domanda |
| Proprietà | Valore predefinito | Posizione |
|---|---|---|
| Tipo di layout | paginated | Style > Layout |
| Famiglia di caratteri | Poppins | Style > Font |
| Allineamento | left | Style > Layout |
| Colore di sfondo | #ffffff (bianco) | Style > Colours |
| Colore del testo primario | #2C2D5F | Style > Text |
| Colore del testo secondario | #A0A0AE | Style > Text |
| Sfondo del pulsante | #32DEFF | Style > Button |
| Colore del testo del pulsante | #33344B | Style > Button |
| Sfondo dell’opzione | #F4F6F7 | Style > Options |
| Sfondo dell’opzione selezionata | #32DEFF | Style > Options |
| Riempimento della barra di avanzamento | #32DEFF | Style > Progress Bar |
| Traccia della barra di avanzamento | #5657AA | Style > Progress Bar |
| Sfondo del piè di pagina | #2C2D5F | Style > Footer |
| Sfondo del riquadro della domanda | transparent | Style > Question Box |
| Raggio del bordo del riquadro della domanda | 8px | Style > Question Box |
| Colore dell’indicatore obbligatorio | #FF4444 | Style > Required |
| Larghezza massima del contenuto | 800px | Style > Layout |