Come impostare la durata dei testi a schermo perché si possano leggere e capire
Tecnicamente il testo resta a schermo per quattro secondi. Il designer riesce a leggerlo. Il cliente ha approvato le parole. Eppure il pubblico continua a perdere il punto.
Quei quattro secondi possono includere un secondo di animazione, uno sfondo in movimento, un numero poco familiare e un cursore che fa clic altrove. Chi guarda non ha mai ricevuto i quattro secondi tranquilli che la timeline sembrava promettere.
La durata del testo a schermo è il tempo disponibile per completare un compito di lettura, considerando il momento in cui le parole si assestano e quello in cui l’evento successivo sottrae attenzione. A volte il compito è riconoscere un’etichetta familiare. Altre volte consiste nel leggere una frase, collegarla a un diagramma e decidere che cosa significhi un numero. Questi compiti non possono condividere una regola universale di secondi per parola.
La domanda pratica non riguarda soltanto quanto a lungo esista un livello di testo. Riguarda quando il testo diventa leggibile, che cos’altro richiede attenzione e quanto del significato debba rimanere dopo la scomparsa. Una volta rese visibili queste distinzioni, le scelte di temporizzazione sono molto più facili da motivare.
Misura la durata del testo dalla finestra di lettura stabile
Supponi che un video di prodotto mostri “29 US$ al mese, fatturati annualmente per 348 US$”. L’intera scena dura sei secondi. Il prezzo entra in animazione nel primo secondo. La riga sulla fatturazione annuale arriva due secondi dopo. Tutto comincia a uscire al quinto secondo.
L’offerta completa è disponibile per circa due secondi, non sei. Se la riga sulla fatturazione continua a muoversi o a dissolversi durante parte di quell’intervallo, la finestra stabile è ancora più breve. Il pubblico potrebbe riconoscere il prezzo perdendo però la condizione di pagamento che gli dà significato.
Ecco perché la durata del livello è un cattivo indicatore del tempo di lettura. Una timeline utile distingue entrata, permanenza stabile e uscita. Per una frase suddivisa in più elementi, usa l’intervallo stabile condiviso durante il quale l’intera affermazione può essere capita. Non sommare le durate separate dei frammenti.
Puoi identificare manualmente quell’intervallo. Scorri la timeline finché le parole necessarie non si sono assestate e non hanno raggiunto il contrasto previsto. Segna il punto. Poi trova il primo momento in cui una parola necessaria comincia a diventare difficile da leggere o scompare. L’intervallo tra i due segni è il punto di partenza rilevante per la revisione.
Per il testo distribuito su più livelli, fai iniziare la finestra condivisa all’ultimo arrivo leggibile e terminala alla prima uscita. Nell’esempio del prezzo, la riga principale è stabile dal primo al quinto secondo; la condizione di fatturazione dal terzo al quinto. L’intervallo condiviso va dal terzo al quinto secondo: l’affermazione completa riceve quindi due secondi stabili.
Questo offre una scelta di montaggio precisa. Anticipare la condizione di fatturazione amplia la finestra dell’affermazione completa senza cambiare il livello del prezzo o allungare la scena. Prolungare soltanto il prezzo principale non serve se la condizione continua ad arrivare tardi. Quando più etichette spiegano un grafico, applica lo stesso test di sovrapposizione: unità dell’asse, periodo e valore evidenziato devono coesistere abbastanza a lungo da formare un’affermazione leggibile.
Questo metodo è particolarmente utile con testi che compaiono in successione. Una comparsa teatrale parola per parola può funzionare per uno slogan breve. Una condizione, un’istruzione o un confronto spesso richiedono che le parti siano visibili insieme. Il punto non è se la sequenza sia bella: è se il pubblico possa ricostruire il significato previsto prima che la prova scompaia.
Impara dalle regole dei sottotitoli senza applicarle fuori contesto
I requisiti generali di Netflix prevedono eventi di sottotitolo tra cinque sesti di secondo e sette secondi, con un massimo di due righe. La guida alla temporizzazione dei sottotitoli considera anche parlato e cambi d’inquadratura. La combinazione conta: una durata ammessa è soltanto una parte di una sequenza leggibile.
I sottotitoli di solito accompagnano il parlato. Il pubblico può usare voce, sintassi familiare e contesto della scena per anticipare il significato. Un’annotazione su un grafico o un’istruzione tecnica può introdurre informazioni non pronunciate e non prevedibili. Può richiedere un’attenzione diversa anche quando contiene meno caratteri.
Le indicazioni Netflix considerano inoltre i cambi d’inquadratura. È un promemoria utile per il motion design: uno stacco può deviare l’attenzione proprio quando ti aspetti che qualcuno finisca di leggere. Se il testo appartiene alla scena uscente, la transizione può di fatto chiudere la sua finestra di lettura prima che il livello scompaia. Se resta nella scena nuova, potrebbe servire tempo per capire perché sia ancora lì.
L’aspetto migliore da riprendere da uno standard maturo è il ragionamento editoriale. Applica gli effettivi requisiti di consegna quando produci sottotitoli per quella destinazione. Per motion graphics originali, usa il rapporto tra contenuto, tempo e attenzione per progettare la tua scena.
Classifica ciò che il testo chiede al pubblico di fare
Un’etichetta come “Export” chiede riconoscimento. “Scegli lo spazio di lavoro a cui appartiene questo progetto” chiede interpretazione e selezione. “I ricavi sono aumentati del 18%, mentre il margine è sceso di due punti” chiede un confronto. Il numero di parole è soltanto una delle differenze tra questi compiti.
Per il riconoscimento, i rischi principali possono essere caratteri piccoli e movimento eccessivo. Per un’istruzione, bisogna collegare il linguaggio al controllo corretto. Per un confronto, può essere necessario esaminare due valori e conservarne la relazione. Dare a tutti e tre la stessa durata perché stanno su una riga ignora il lavoro effettivo.
Annota il compito previsto accanto a ogni scena ricca di testo. Una nota breve come “leggere la condizione”, “trovare il controllo” o “confrontare i due valori” basta a rivelare una discrepanza.
Poi esamina le richieste concorrenti. Se il pubblico deve leggere una frase e contemporaneamente seguire un puntatore in movimento, hai creato un problema di coordinamento. Puoi aggiungere tempo, ma puoi anche mettere in sequenza le richieste: stabilizza l’interfaccia, mostra l’istruzione, poi esegui l’azione. Una coreografia migliore spesso risolve il problema temporale più nettamente di una permanenza più lunga.
I casi difficili non sono sempre le frasi più lunghe. Un’etichetta di sei parole con un acronimo poco noto può richiedere più impegno di una frase familiare di dodici. Prezzi, unità, date e negazioni meritano particolare attenzione, perché perdere un piccolo dettaglio può capovolgere il significato.
Usa il calcolo della velocità di lettura come diagnostica
Un calcolo di parole al minuto può segnalare una scena palesemente troppo rapida. Non può certificare la comprensione.
Se un’affermazione di venti parole ha una finestra stabile di due secondi, la velocità nominale è di seicento parole al minuto. Questo dovrebbe indurre a rivederla. Il calcolo è semplice: dividi il numero di parole per i secondi stabili e moltiplica per sessanta. Il valore descrive la densità creata, non ciò che ogni persona riesce a leggere.
Ora immagina un titolo di cinque parole: “Costo inferiore. Impegno più lungo”. La velocità nominale può essere bassa, ma per capire il compromesso può essere necessario guardare la scheda del prezzo sottostante. Il compito rilevante comprende la prova visiva, non soltanto il titolo. Un risultato aritmetico favorevole non risolve la questione progettuale.
Usa il calcolo durante il montaggio per confrontare le versioni. Se una riscrittura elimina metà delle parole conservando il significato, la stessa permanenza può diventare più comoda. Se una localizzazione aggiunge parole o formulazioni poco familiari, i tempi originali meritano una nuova revisione. Mantieni presente il pubblico effettivo e il contesto.
Evita di trasformare una stima di lavoro in un’affermazione scientifica non sostenuta. Puoi dire: “Questa bozza dà alla frase completa tre secondi stabili”. Dovresti essere prudente nel dire: “Tre secondi bastano a tutti”. La prima cosa è osservabile. La seconda richiede prove che probabilmente non hai.
Costruisci la scena attorno al momento necessario più impegnativo
La maggior parte delle scene ha una parte che porta il significato. Individuala e proteggila.
In una scena di prezzo, il momento difficile può essere collegare un equivalente mensile a un addebito annuale. In un tutorial può essere trovare l’impostazione esatta prima che il cursore si muova. In un grafico può essere notare che l’asse verticale è logaritmico. Nessuno di questi problemi si risolve mantenendo visibile più a lungo il titolo mentre il dettaglio cruciale resta piccolo o transitorio.
Parti da un fotogramma fisso con tutte le informazioni necessarie. Leggilo alla dimensione prevista di riproduzione. Poi decidi che cosa può arrivare prima, che cosa deve arrivare insieme e che cosa si può eliminare. Anima attorno a quello stato leggibile, invece di tentare di salvare la leggibilità dopo aver finito gli effetti.
Nell’esempio del prezzo, una possibile disposizione è un’entrata breve, una permanenza condivisa per prezzo e condizioni di fatturazione e un’uscita semplice. I secondi esatti dipendono da contenuto e contesto finali. Il miglioramento importante è strutturale: l’offerta completa riceve un periodo comune di visibilità stabile.
Se la scena sembra ancora pesante, riduci il numero di idee indipendenti. Sostituisci un paragrafo sulle differenze tra piani con un confronto chiaramente etichettato, oppure sposta una condizione secondaria nella scena successiva. Non nascondere una condizione necessaria soltanto per mantenere pulito il fotogramma. Elimina la spiegazione decorativa prima del significato.
Lascia finire il movimento prima di chiedere precisione
Il movimento attira l’attenzione, ma può anche impedire l’esame. Un numero che scivola nel fotogramma si nota facilmente ed è più difficile da confrontare. Una frase che cambia continuamente scala può restare tecnicamente leggibile e risultare comunque faticosa da seguire.
Per informazioni da leggere con precisione, tratta l’assestamento come un passaggio di consegne. Il movimento conduce il pubblico all’informazione; la permanenza gli dà il tempo di usarla. Le due funzioni devono sostenersi a vicenda.
Questo non significa che ogni livello testuale debba essere completamente immobile. Uno sfondo che deriva lentamente può convivere con un’etichetta fissa. Un’evidenziazione discreta può indicare quale riga conta. La domanda è se chi guarda debba continuamente aggiornare posizione, forma o contrasto del testo che sta cercando di leggere.
Osserva anche l’uscita. Spesso i designer considerano disponibile una frase in dissolvenza finché l’opacità non raggiunge zero. In pratica, il testo può diventare scomodo molto prima, soprattutto su uno sfondo che cambia o a dimensioni di riproduzione ridotte. Evita di usare una lunga dissolvenza decorativa come tempo di lettura nascosto.
Una revisione utile consiste nell’accorciare entrata e uscita prima di allungare l’intera scena. Può creare una finestra stabile più lunga senza far sembrare più lento il video. Il pubblico avverte meno attrito, anche se la durata complessiva cambia appena.
Verifica il ricordo del significato, non soltanto la lettura ad alta voce
Un revisore che conosce già il copione rappresenta male uno spettatore alla prima visione. La familiarità permette di anticipare la parola successiva, trovare subito l’area importante e colmare le lacune a memoria.
Per una verifica informale, mostra una volta la scena alla dimensione prevista a qualcuno che non l’ha studiata. Chiedi che cosa comprende il prezzo, quale azione dovrebbe compiere o che cosa è cambiato nel grafico. Evita di chiedere soltanto: “Sei riuscito a leggerlo?”. Si può rispondere sinceramente di sì perdendo la condizione che ti interessa.
Se più persone perdono l’addebito annuale, controllane tempi e gerarchia. Se leggono l’istruzione ma immaginano di cliccare il controllo sbagliato, controlla il collegamento tra parole e interfaccia.
Rivedi la scena anche senza audio. La voce narrante può nascondere tempi visivi deboli, perché una voce familiare fornisce le parole mancanti. Se il video deve funzionare in silenzio, la versione visiva deve portare da sola il significato essenziale. Se l’audio è necessario, indicalo nel piano di distribuzione e rendi comunque comodo seguire il testo.
Il contesto di riproduzione conta. Un’anteprima sulla timeline desktop, un feed sul telefono e un piccolo player incorporato offrono condizioni di lettura diverse. Il controllo finale deve includere la dimensione effettiva a cui il pubblico incontrerà il materiale, non soltanto la tela a schermo intero dell’editor.
Rivedi la distribuzione del tempo senza allungare automaticamente il video
Considera un’ipotetica scena di quattro secondi, con un secondo di entrata, due di permanenza e uno di uscita. Se entrata e uscita diventano di mezzo secondo ciascuna, la permanenza stabile cresce a tre secondi mentre il totale resta quattro. È un aumento del cinquanta per cento dell’intervallo stabile, ottenuto senza rallentare il video intero.
Se il testo continua a competere con un grafico o contiene termini poco familiari, la scena potrebbe richiedere più tempo o meno informazioni.
Una seconda revisione potrebbe far arrivare la precisazione insieme al titolo invece di ritardarla. Il prezzo potrebbe così ricevere lo stesso tempo totale a schermo, mentre l’offerta completa riceve una finestra comune più lunga. Il miglioramento non si vede in un semplice elenco di durate dei livelli: emerge dalla loro sovrapposizione.
Usa un piccolo schema temporale per confrontare queste versioni. Segna il primo fotogramma leggibile di ogni elemento essenziale e il primo in cui comincia a uscire. L’intervallo condiviso rivela se la revisione dà al pubblico più tempo utile oppure si limita a ridisporre l’animazione attorno allo stesso collo di bottiglia.
Considera i tempi parte della scrittura
La revisione temporale più efficiente è spesso una revisione del testo. Elimina le premesse ridondanti. Sostituisci un’affermazione generica con un’etichetta specifica. Mantieni una condizione accanto al numero a cui si riferisce. Dividi una spiegazione complessa lungo un autentico confine concettuale.
Non confondere la brevità con l’eliminazione di informazioni utili. “29 US$” è più breve di “29 US$ al mese, fatturati annualmente”, ma è anche un’affermazione diversa. Un buon intervento rende più facile leggere l’affermazione completa. Non cancella semplicemente la parte che complica il layout.
Quando il contenuto cambia, riesamina la finestra di lettura stabile della scena. Un nuovo prezzo, un termine tradotto, una precisazione aggiunta o un’etichetta del grafico rivista possono cambiare il compito anche se il livello occupa lo stesso riquadro. I tempi sono una proprietà del messaggio finale, non una decorazione riutilizzabile collegata a un modello.
Il risultato desiderato è semplice: chi vede il video per la prima volta riesce a notare l’informazione, leggerla, collegarla alla scena e conservare il punto previsto prima che il video prosegua. La durata del testo a schermo diventa una decisione di design con uno scopo, anziché un numero preso dalla timeline di qualcun altro.