Costruzione

Un editor che si toglie di mezzo.

L’editor di questionari funziona a trascinamento e mette a disposizione una tavolozza di 17 voci che coprono 16 tipi di domanda, raggruppate in Testo, Scelta, Scale e valutazioni, Avanzate e Struttura. Trascinate una domanda nel questionario, la modificate direttamente lì e ne scegliete l’aspetto: riquadri bento per le opzioni oppure un elenco semplice, con immagini, descrizioni e titoli in linea facoltativi su qualsiasi domanda.

Tutto ciò che segue è già nel prodotto. Nessun passaggio di questa pagina descrive un progetto futuro.

La tavolozza

La tavolozza sulla sinistra è organizzata per gruppi anziché in ordine alfabetico, perché quasi nessuno cerca «scala lineare»: si cerca «qualcosa con un uno-cinque sopra». I cinque gruppi sono:

Testo

Risposte scritte, dalla riga singola al paragrafo, più le varianti numeriche e quelle già validate.

Scelta

Una sola opzione, più opzioni, un menu a discesa, oppure un elenco da trascinare in ordine di preferenza.

Scale e valutazioni

Stelle, scale da 1 a n con etichette agli estremi, griglie di righe che condividono una scala e un punteggio di raccomandazione da 0 a 10.

Avanzate

Date, caricamento di file e raccolta dell’indirizzo con controllo del codice postale.

Struttura

Titoli di sezione e interruzioni di pagina: impaginazione, non domande.

Sono 17 voci di tavolozza per 16 tipi effettivi: Telefono è un Testo breve con un controllo di validazione telefonica già applicato, non un tipo a sé. Il dettaglio completo è nel riferimento sui tipi di domanda.

Come vengono presentate le opzioni di risposta

Le domande a scelta singola e a caselle di controllo vengono mostrate come riquadri bento per impostazione predefinita: schede di altezza uniforme, non una colonna di pulsanti di scelta. I riquadri sono più facili da toccare su un telefono e danno a ogni opzione lo spazio per ospitare un’immagine e una riga di descrizione. L’alternativa è l’elenco semplice, impostabile domanda per domanda con optionStyle.

Quando un’etichetta supera all’incirca i 110 caratteri i riquadri si dispongono uno per riga, perché un’etichetta lunga dentro un riquadro stretto è peggio della stessa etichetta su una riga intera. Non dovete occuparvene: è l’impaginazione a deciderlo.

Che cosa può contenere un’opzione

  • Un’immagine. Utile quando la scelta è una cosa e non una parola: la dimensione di un bidone, la disposizione di una stanza, un logo.
  • Una riga di descrizione. Testo secondario sotto l’etichetta, per la precisazione che altrimenti gonfierebbe l’etichetta stessa.
  • Un contrassegno «fissa». Esclude l’opzione dalla randomizzazione: è così che «Nessuna delle precedenti» e «Preferisco non rispondere» restano in fondo.

«Altro (specificare)»

Un’opzione può aprire un campo di testo libero. Il valore digitato viene conservato separatamente dall’etichetta dell’opzione, così le esportazioni tengono distinte le due cose e non vi ritrovate a cercare frasi sparse dentro una colonna di scelte. Quel testo viene mantenuto soltanto finché la domanda resta visibile e l’opzione resta selezionata: deselezionatela, oppure nascondete la domanda con la logica condizionale, e il testo rimasto orfano se ne va con lei.

Immagini, titoli e controlli di impaginazione

Qualsiasi domanda può avere un’immagine, collocata in alto, a sinistra, a destra o in basso, in una di tre dimensioni. Le immagini laterali si allineano all’altezza della domanda che accompagnano, così una sequenza di domande non diventa una colonna irregolare di blocchi scoordinati.

Qualsiasi domanda può inoltre portare un titolo in linea. Sembra un dettaglio, e non lo è: senza, ogni «Parte 2: la vostra famiglia» richiede una scheda Sezione dedicata, che nei layout conversazionale e a pagine aggiunge un passaggio al percorso. Un titolo in linea mette l’intestazione sulla domanda che segue e lascia intatto il flusso. Le domande di tipo Sezione restano disponibili per le interruzioni di pagina vere e proprie.

Randomizzazione delle risposte

L’ordine delle opzioni può essere randomizzato per ridurre l’effetto dell’ordine di presentazione. Il rimescolamento usa un seme per ogni caricamento di pagina: chi torna indietro ritrova lo stesso ordine di poco prima invece di una nuova permutazione — un rimescolamento al ritorno è il modo più rapido per perdere la fiducia di chi sta compilando un questionario lungo. Le opzioni contrassegnate come fisse vengono ignorate dal rimescolamento e restano dove le avete messe.

Temi

Ogni questionario ha il proprio colore d’accento. Anche i loghi dei partner e dei collaboratori si impostano per singolo questionario e non per account: l’argomento è trattato nella pagina sul co-branding — uno stesso spazio di lavoro può esporre un ente locale diverso in ogni indagine.

Tre modi di presentarlo, un solo editor

Costruite una volta sola e scegliete come presentarlo. Il layout è un’impostazione del questionario, non un editor diverso:

Classico

Una sola pagina che scorre. Ideale quando chi risponde vuole vedere l’insieme prima di iniziare, o ha bisogno di tornare indietro.

Conversazionale

Una domanda alla volta. Le domande a tocco singolo avanzano da sole, così un questionario di dieci domande sono dieci tocchi.

A pagine

Una sezione per schermata. La forma giusta per i questionari lunghi e strutturati che hanno già parti e intestazioni.

La validazione si imposta mentre costruite

La validazione si configura sulla domanda, non si aggiunge dopo. Le regole disponibili sono: obbligatorietà, lunghezza minima e massima con contatore di caratteri in tempo reale, intervallo numerico, email, telefono, URL, codice postale del Regno Unito ed espressione regolare personalizzata con un messaggio d’errore scritto da voi. La domanda Indirizzo verifica la parte relativa al codice postale come parte della propria validazione.

Validare nel browser serve a intercettare il refuso mentre chi risponde ha ancora il campo davanti agli occhi. Non è una misura di sicurezza: il tetto massimo di risposte e la data di chiusura sono applicati da un trigger di database e non dall’interfaccia, proprio perché le risposte vengono inserite direttamente dal browser.

Dove andare adesso

Aprite l’editor e trascinate dentro qualcosa.

Tutto ciò che trovate in questa pagina esiste già nel prodotto: la palette raggruppata, le opzioni a riquadri, le immagini, i titoli interni e le regole di convalida. Trascinate una domanda sulla tela e impostatela nel pannello di destra.

  • 17 voci nella palette, raggruppate per quello che state cercando
  • Opzioni a riquadri oppure elenco semplice, si sceglie domanda per domanda
  • Classico, conversazionale o a pagine: è un’impostazione, non una riscrittura
Iniziate a costruire