La checklist prima del caricamento

Perché un elenco di numeri e non di consigli

I consigli sulle thumbnail sono per lo più infalsificabili — usa un volto, aggiungi contrasto, spicca — e un consiglio infalsificabile non si può controllare prima di pubblicare, che è esattamente quando serve. Ogni riga qui sotto è invece un numero, e ogni numero viene dalla misura dell'interfaccia in cui il tuo design atterrerà.

L'elenco è corto perché quasi tutta la manualistica del settore, una volta misurata, collassa in una manciata di vincoli. Tutto rimanda alla guida che lo ha ricavato, così niente va preso sulla fiducia. YouTube pubblica i suoi consigli su miniatura e titolo, molto più brevi; questa lista è quello che resta se insisti sui numeri.

I pavimenti, in una tabella

Nove misure e da dove vengono. Sono pavimenti, non obiettivi: superarli non rende buono un design, ma fallirne uno lo fa fallire in un modo che nessuno vede in un editor.

Due di quelle nove non riguardano affatto il tuo design — la dimensione di consegna e la riga — e sono le due che decidono se le altre sette contavano.

L'ordine in cui farli

1. Esporta una volta sola, a 1280 × 720Dal file di lavoro senza perdita direttamente al caricamento, in un solo passaggio, senza un secondo giro in un compressore. Ogni JPEG intermedio è un giro di artefatti che il codificatore della piattaforma amplificherà invece di ripulire.
2. Guardala a un decimo della dimensioneScala il design attorno al 15% e leggilo. Quello che non riesci a distinguere lì non è nella thumbnail, per quanto riguarda lo spettatore, perché è più o meno la dimensione a cui viene consegnato un suggerito.
3. DesaturalaUno slider. Se le parti smettono di separarsi in scala di grigi, il design si appoggia alla tinta — che sparisce col daltonismo rosso-verde e si assottiglia alla dimensione di consegna per tutti gli altri.
4. Copri l'angolo in basso a destra e il bordo inferioreDue dita, o il template a sovrapposizione della guida sulla safe zone. Il badge della durata e la barra di avanzamento vengono disegnati lì su quasi ogni superficie.
5. Mettila su uno sfondo scuroLa maggior parte della visione avviene in modo scuro, e un frame scuro contro #0F0F0F perde il suo confine. Se i bordi si dissolvono, al design serve un bordo chiaro o un soggetto più chiaro, non più saturazione.
6. Mettila nella riga in cui compariràCarica il pacchetto del tuo niche, o importa i tuoi competitor come CSV, e guarda la griglia. È l'unico controllo che risponde alla domanda che gli altri non possono: la tua è la cella che si legge diversa?
7. Leggi il tuo titolo a 39 caratteriNella colonna dei suggeriti il titolo viene tagliato attorno ai 39 caratteri. Se il punto del tuo arriva dopo, la coppia porta meno di quanto pensi — e la thumbnail deve portare di più.

Perché l'ordine è quello

I primi tre sono economici e prendono la maggior parte: un errore di esportazione, un design che funziona solo in grande, e una separazione costruita sulla tinta. Nessuno di loro ha bisogno di altro che del file che hai già.

Gli ultimi due sono quelli che si saltano, e sono quelli che coinvolgono il lavoro di altri: l'interfaccia che disegna sopra il tuo frame, e altre cinquanta thumbnail che gli fanno concorrenza. È per questo che vengono per ultimi: sono gli unici controlli che non si possono fare sul design da solo.

Le due superfici che comandano

Quasi ogni numero qui sopra è fissato dagli stessi due posti: la colonna dei suggeriti accanto a un video in riproduzione, su desktop e su telefono. Sono le superfici più piccole su cui uno spettatore ti vedrà — 168 × 94 e 143 × 80 — e quelle in cui si decide cosa guardare dopo.

Tutto il resto è più generoso. Una card del feed su telefono è 293 × 165 e prende il 14,7% dello schermo, misurato nella guida sul mobile, ed è la dimensione più grande che una thumbnail raggiunga mai. Progetta per le due colonne strette e le superfici larghe si sistemano da sole.

Tre cose che questo elenco lascia fuori apposta

Il click-through rate. Niente che tu possa controllare prima di pubblicare lo predice, e un numero preso dal canale di un altro non è un riferimento. Cosa misura e cosa non misura il CTR sta nella sua guida.

L'emozione. Se un'espressione sia convincente non è una cosa a cui una misura dell'interfaccia possa rispondere. Quello a cui può rispondere è se l'espressione sopravvive alla riduzione, che è una questione di dimensione ed è nell'elenco.

Lo stile. Nessuna voce qui dice come deve essere fatta una thumbnail. Dicono a cosa deve sopravvivere. Lo spazio che resta è il lavoro vero, ed è la parte che una checklist non può fare al posto tuo.

Quattro regole che falliscono la propria misura

«Usa il rosso per spiccare». Il rosso è la tinta dominante in otto niche su undici, fino al 57% del peso dei pixel saturi. Nella maggior parte delle righe è mimetismo — misurato nella guida sui niche.

«Riempi il limite di peso per la qualità». Il limite — 50 MB da computer, da quando è salito dai 2 MB, e 2 MB solo da telefono — è un tetto sul caricamento, non un budget di consegna: quello che ricevono gli spettatori sta fra 7 KB e 318 KB. Comprimere due volte per arrivarci è l'unica parte che cambia qualcosa, e la cambia in peggio.

«Più contrasto ti fa spiccare». Il contrasto interno di luminanza è quasi identico in tutti e undici i niche, fra 0,228 e 0,269. È un requisito, non un elemento di differenziazione.

«Tieni ogni thumbnail identica». Su 33 canali misurati, la luminosità dentro un canale varia quasi quanto in tutto il suo niche. Quello che tengono costante sono palette e collocazione del soggetto — nella guida sulla coerenza c'è la divisione.

L'unico aggiustamento che vale per niche

I pavimenti sono uguali ovunque; la riga no. La luminosità mediana degli undici niche va da 0,178 in Scienza a 0,375 in Moda e Bellezza, quindi «abbastanza chiaro» significa cose opposte ai due estremi.

Il modo più economico per renderlo concreto è guardarlo: apri lo strumento sul pacchetto gaming, o sostituisci il nome con un altro — ?pack=finance, ?pack=foods — e mettici dentro il tuo design. La guida sul gaming è la stessa misura applicata a una riga sola, se vuoi la forma della risposta prima di guardare.

Dopo il caricamento conta un numero

La modifica viene archiviata subito, e poi sembra non succedere niente: la CDN delle immagini di YouTube manda cache-control: max-age=7200 su un URL che non contiene una versione, quindi ogni cache può tenersi l'immagine vecchia per due ore. Misurato nella guida apposita, insieme al modo per vedere subito il file archiviato.

Ed è l'argomento a favore di tutto l'elenco. La finestra in cui una decisione sulla thumbnail costa poco si chiude al caricamento, e si riapre due ore dopo con le prime impression già spese.

La versione da un minuto

Esporta una volta a 1280 × 720. Rimpiccioliscila al 15% e guarda cosa resta. Desaturala e guarda cosa si separa ancora. Tieni vuoto l'angolo in basso a destra. Poi mettila nella riga in cui competerà — quest'ultima è ciò per cui esiste lo strumento di anteprima, ed è quella che prende ciò che le altre quattro non prendono. Vederla dove dovrà competere, e non nell'editor, è un passaggio a sé: come vederla prima di pubblicare racconta i quattro modi e cosa dice ciascuno.

Le domande che fanno tutti