ThumbProof
Una miniatura si fa notare quando supera sette controlli: un punto focale chiaro, un forte contrasto tra chiari e scuri, un volto o un oggetto leggibile a 168×94, al massimo da tre a cinque parole, un colore che la separi dal feed, niente di importante sotto il badge della durata e un titolo che aggiunga informazioni invece di ripetere l’immagine. Testa ciascun punto alle dimensioni del feed, non a dimensione piena, e confronta le versioni alla cieca prima di pubblicare.
Cosa misura la percentuale di clic e cosa no
La percentuale di clic è la quota di impressioni della miniatura che si trasformano in visualizzazioni. Dipende dal pubblico, dall’argomento, dal titolo e da dove viene mostrato il video, quindi non esiste un numero «buono» universale; la stessa miniatura può ottenere percentuali molto diverse nel feed della home e nella ricerca. Ciò che una miniatura controlla è il primo mezzo secondo: se lo sguardo si ferma su di essa e se lo spettatore capisce di cosa parla il video.
Per questo la checklist riguarda visibilità e chiarezza, non trucchi. Un design facile da vedere e da capire a piccole dimensioni dà al titolo e all’argomento una possibilità equa. Un design affollato e poco contrastato perde prima che lo spettatore abbia letto una parola. Anche i test delle piattaforme premiano il lungo periodo: gli esperimenti sulle miniature vengono giudicati sulla quota di tempo di visualizzazione, non solo sui clic, quindi un’immagine ingannevole che guadagna clic e perde spettatori non aiuta.
“Le miniature efficaci hanno uno scopo importante che va oltre il convincere gli spettatori a fare clic.”
Test & compare thumbnails — video platform help center · citazione tradotta dall’inglese
I 7 principi in sintesi
Usa la tabella come checklist prima del caricamento. Ogni riga ha un test che puoi fare in ThumbProof o nel tuo editor e una condizione di superamento. Se una versione non supera due o più righe, sistemala prima di dedicare tempo a un test A/B.
| # | Principio | Test | Condizione di superamento |
|---|---|---|---|
| 1 | Un punto focale | Test di sfocatura | Una forma risalta ancora |
| 2 | Contrasto forte | Scala di grigi + audit | Contrasto RMS ≥ 0,20 |
| 3 | Soggetto leggibile | Vista a 168×94 | Volto o oggetto riconoscibile |
| 4 | Poche parole | Conta le parole | 3–5 parole, alte ≥ 90 px |
| 5 | Separazione cromatica | Feed scuro e chiaro | Risalta in entrambi |
| 6 | Angolo libero | Zona sicura sovrapposta | Niente sotto il badge |
| 7 | Abbinamento con il titolo | Leggi titolo + immagine | Il titolo aggiunge informazioni nuove |
1. Un punto focale
L’occhio ha bisogno di un punto su cui posarsi. Le miniature con tre volti, due oggetti e un titolo dividono l’attenzione e diventano rumore a piccole dimensioni. Scegli l’elemento più importante, di solito un volto con un’espressione chiara o l’oggetto di cui parla il video, e rendilo grande, idealmente tra il 25 e il 45% dell’inquadratura.
Il test di sfocatura rende la cosa oggettiva: sfoca l’immagine finché i dettagli scompaiono. Se una forma risalta ancora, hai un punto focale. Se tutto si scioglie in una massa grigia, semplifica. Le ricerche di eye-tracking sulle pagine web mostrano che le persone scorrono con fissazioni rapide e saltano ciò che non risalta, e un feed affollato ne è il caso estremo.
2. Forte contrasto tra chiari e scuri
Il contrasto è ciò che sopravvive al ridimensionamento. Le differenze di colore svaniscono a piccole dimensioni e su schermi economici, ma il chiaro sullo scuro resta visibile. L’audit di ThumbProof misura il contrasto RMS su una versione in luminanza dell’immagine: sotto 0,12 il design appare piatto, tra 0,12 e 0,20 è moderato e da 0,20 in su è forte.
Per il testo sull’immagine, prendi in prestito la regola di accessibilità per il testo web: punta ad almeno 4,5:1 tra il testo e lo sfondo. Un contorno scuro spesso o un’ombra morbida dietro il testo chiaro è il modo più rapido per arrivarci su una foto affollata.
Applica la checklist in cinque minuti
- 01
Carica le versioni
Trascina fino a quattro esportazioni nell’anteprima del feed, ognuna con il suo titolo.
- 02
Sfocatura e scala di grigi
Attiva il filtro di sfocatura, poi la scala di grigi. Annota quali versioni mantengono un punto focale chiaro.
- 03
Passa alla vista barra laterale
Verifica che soggetto e parole siano leggibili a 168×94.
- 04
Alterna scuro e chiaro
Assicurati che ogni versione si stacchi dalle miniature circostanti in entrambi i temi.
- 05
Leggi il dettaglio dell’audit
Apri il dettaglio per dimensione e sistema le righe rosse: contrasto, nitidezza, angolo, testo.
- 06
Testa alla cieca le superstiti
Fai cinque round alla cieca con le versioni che superano i controlli per vedere quale noti per prima.
3. Un soggetto leggibile a 168×94
I volti funzionano perché li riconosciamo in fretta, ma solo se sono grandi. Un volto che occupa meno del 4% circa dell’inquadratura diventa pochi pixel nella barra laterale. Ritaglia stretto, mostra chiaramente l’espressione e assicurati che occhi e bocca contrastino con la pelle e lo sfondo.
Se il video non ha volti, la stessa regola vale per il prodotto, il risultato o il prima e dopo. Mostra un solo oggetto, grande, da un’angolazione che ne renda evidente la forma.
4. Da tre a cinque parole, in grande
Il testo sulla miniatura dovrebbe aggiungere qualcosa che l’immagine non può dire, come un numero, un risultato o un colpo di scena. Più di cinque parole di solito significa che il testo ripete il titolo o diventa troppo piccolo per essere letto. Su una tela da 1280×720, la parola importante più piccola dovrebbe essere alta almeno 90–110 pixel in grassetto.
Evita di mettere il testo dove l’interfaccia si disegna sopra ed evita i font calligrafici sottili. Se non riesci a leggere le parole a 168×94, non ci riusciranno nemmeno gli spettatori che guardano un elenco laterale sul telefono.
5–7. Colore, angolo e titolo
Separazione cromatica: visualizza la miniatura sia in un feed scuro sia in uno chiaro. Un design costruito su uno sfondo quasi nero può sparire in modalità scura; un design pallido può sparire in modalità chiara. Un solo colore d’accento saturo e raro nella tua nicchia spesso aiuta più di un arcobaleno.
Angolo libero: il badge della durata copre l’angolo in basso a destra. Tieni testo, volti e loghi fuori dal 22% destro e dal 22% inferiore dell’inquadratura. Abbinamento con il titolo: titolo e miniatura dovrebbero funzionare in coppia, ciascuno con informazioni diverse. Se l’immagine mostra il risultato, lascia che il titolo nomini il metodo; se il titolo pone una domanda, lascia che l’immagine suggerisca la risposta.
- Visualizza su feed scuri e chiari
- Lascia libero l’angolo del badge
- Titolo e immagine portano informazioni diverse
Come valutare una versione con la checklist
Assegna un punto a ogni principio superato e zero a quelli non superati. Le versioni con 6 o 7 punti sono pronte per un test alla cieca. Quelle con 4 o 5 punti di solito hanno un problema risolvibile, quasi sempre testo piccolo o un angolo affollato. Quelle con 3 punti o meno hanno bisogno di un nuovo concept, non di ritocchi.
Conserva i punteggi delle miniature pubblicate accanto ai loro risultati reali. Dopo dieci o venti video vedrai quali principi contano di più per il tuo pubblico e potrai pesarli di conseguenza. Così una checklist generica diventa il tuo sistema di design.
| Punteggio | Significato | Passo successivo |
|---|---|---|
| 6–7 | Pronta | Test alla cieca contro la tua migliore alternativa |
| 4–5 | Un punto debole evidente | Sistema la riga non superata e ripeti l’audit |
| 0–3 | Problema di concept | Ripensa soggetto e layout |
Esempio pratico: due versioni di una miniatura di cucina
La versione A mostra una ciotola di ramen dall’alto con la scritta «RAMEN IN 10 MIN MEGLIO DEL TAKE-AWAY» in lettere bianche sottili lungo il bordo inferiore. La versione B mostra la stessa ciotola di sbieco, con il vapore visibile, e «10 MIN» in grandi lettere gialle in alto a sinistra con un contorno scuro.
Nella checklist, A non supera tre righe: le sei parole sono troppo piccole a 168×94, il testo finisce in parte sotto il badge e il contrasto RMS è 0,14. B le supera tutte e sette. In un test alla cieca di cinque round il creator ha notato B per prima in quattro round, con una media di 0,8 secondi contro 1,4 secondi per A.
| Controllo | Versione A | Versione B |
|---|---|---|
| Punto focale (sfocatura) | Superato | Superato |
| Contrasto RMS | 0,14 (moderato) | 0,23 (forte) |
| Parole sull’immagine | 6, sottili | 2, in grassetto |
| Angolo libero | No | Sì |
| Scelte alla cieca (su 5) | 1 | 4 |
Errori comuni che penalizzano la visibilità
Copiare il titolo sull’immagine
Ripetere il titolo spreca spazio. Aggiungi invece informazioni nuove.
Troppi elementi
Tre volti, frecce e un logo si fanno concorrenza. Tieni un soggetto e al massimo un elemento di supporto.
Giudicare su un monitor grande
L’editor mostra 1280 pixel; gli spettatori ne vedono da 168 a 360. Testa sempre in piccolo.
Schemi di colore poco contrastati
Due colori saturi con la stessa luminosità si confondono. Controlla in scala di grigi.
Immagini ingannevoli
Il clickbait che il video non mantiene perde tempo di visualizzazione, ed è proprio questo che premiano i test della piattaforma.
Cambiare tutto insieme
Quando confronti le versioni, cambia una sola variabile per capire cosa ha fatto la differenza.
Dimensioni, risoluzione, limiti dei file e zone sicure delle miniature video
Taglio del titolo per dispositivo: larghezze in pixel, non numero di caratteri
Colore e contrasto delle miniature: risaltare nei feed scuri e chiari
Testo sulle miniature: quante parole, quanto grandi e dove metterle
Volti e punto focale: rendere una sola cosa impossibile da non notare