Assessment Funnel · Wireframe singolo · 2 di 6
Le Domande
Un solo template di schermata, ripetuto per ogni domanda — 15-20 volte a seconda del cliente. Qui sotto lo schema di UNA schermata, valido per tutte.
Logo del cliente in cima, centrato. Sotto, un link "← Indietro" — compare dalla seconda domanda in poi (sulla prima non c'è nulla da cui tornare indietro).
Il nome della categoria a cui appartiene questa domanda (es. "Engagement"), piccolo, sopra la domanda vera e propria. Solo per le domande a punteggio — le domande di qualificazione non hanno categoria, hanno l'etichetta "Qualificazione".
Grande, centrata, su una o due righe. Una sola domanda per schermata — mai due insieme, anche se sembrano correlate.
Domande a punteggio: devono avere una risposta desiderabile univoca (sì o no) — niente ambiguità.formule-copy.md §2.2, non è una formula universale: le scrive lo Strategist per il settore del cliente
Domande di qualificazione (solo pattern A): testo quasi letterale dalla fonte.formule-copy.md §2.3
Domande a punteggio: due bottoni, Sì/No, affiancati e centrati.
Domande di qualificazione a scelta multipla (situazione attuale, obiettivo, ostacolo, soluzione preferita): 3-5 card verticali, una opzione per riga, invece di due bottoni.
Ultima domanda di qualificazione (campo aperto): una casella di testo libero al posto dei bottoni — "C'è altro che pensi dovremmo sapere?"
Attenzione: nella domanda "soluzione preferita", l'ordine delle opzioni implica il budget crescente — non riordinarle mai per estetica.
Fascia scura, fissa in fondo allo schermo (non scrolla via), con percentuale numerica + barra. Calcolata come indice domanda / totale domande — semplice, non serve altro.
render()/renderQuestion() in start.html/survey.html — non serve costruirla da zero. Le risposte si salvano anche in locale ad ogni domanda: se il browser si chiude a metà, riaprendo il link si riparte dall'ultima risposta data, non da zero.