Registrare demo di estensioni per browser che fanno venire voglia di installare

Le estensioni per browser sono difficili da mostrare. Tutto il prodotto vive in un popup da 300 pixel, un’icona da 16 pixel nella barra degli strumenti e qualche modifica a una pagina costruita da qualcun altro. Non c’è una finestra dell’app da esibire, nessuna schermata di avvio, nessuna dashboard. Eppure il video di demo è spesso l’unica cosa tra un visitatore curioso e l’installazione.

La buona notizia è che i vincoli sono prevedibili. Una volta che sai dove le demo di estensioni si sfaldano di solito, anche una registrazione breve può risultare notevolmente convincente.

Perché le demo di estensioni sono diverse

Quasi tutti i consigli sulla registrazione dello schermo presuppongono che il prodotto sia padrone della finestra. Un’estensione non lo è. Questo cambia quattro cose:

• La tua interfaccia è minuscola: popup, badge e menu contestuali occupano una frazione dell’inquadratura, quindi con l’inquadratura di default sono invisibili
• La pagina ospite è il palcoscenico: chi guarda deve riconoscere il sito che stai migliorando prima di poter vedere cosa hai cambiato
• Il valore è la differenza: non stai mostrando una funzione, stai mostrando una pagina diventata migliore
• L’installazione fa parte del prodotto: le richieste di permessi e il fissaggio dell’icona sono la prima cosa che incontra un nuovo utente, ed è lì che si perde davvero qualcuno

Progetta la registrazione attorno a questi quattro fatti e il resto è mestiere ordinario.

Prima crea un profilo di prova pulito

Non registrare mai una demo di estensione nel browser che usi ogni giorno. Crea un profilo dedicato e usalo solo per le registrazioni.

• Svuota la barra degli strumenti: ogni altra icona di estensione compete con la tua. Rimuovile o nascondile tutte
• Fissa solo la tua estensione: una singola icona in una barra per il resto vuota è inconfondibile
• Esci dagli account personali: avatar, nomi e indirizzi email compaiono in un numero sorprendente di fotogrammi
• Ripulisci i preferiti e la loro barra: oppure sostituiscili con preferiti neutri e adatti alla demo
• Ripristina la pagina Nuova scheda: per impostazione predefinita mostra spesso la cronologia come anteprime
• Disattiva le notifiche non pertinenti: sia del browser sia del sistema
• Imposta uno zoom sensato: zoom pagina al 100% e una dimensione di finestra coerente con il rapporto d’aspetto di esportazione

Fallo una volta, poi salva il profilo. Ogni registrazione successiva parte dallo stesso stato pulito, e i tuoi video risultano coerenti come serie.

Scegli la modalità di cattura giusta

Ci sono tre opzioni sensate, e la scelta dipende da quanto conta l’interfaccia del browser.

• Cattura finestra: la scelta di default per le estensioni. Si vede la barra degli strumenti, dove vivono icona e badge, e il desktop resta nascosto
• Cattura area: buona per un’inquadratura strettta su popup e sulla porzione di pagina interessata. Utile per clip social brevi, ma taglia la barra degli strumenti e si perde il senso di dove viva la tua interfaccia
• Schermo intero: solo quando devi mostrare qualcosa fuori dal browser — una finestra di dialogo di sistema, un permesso del sistema operativo o un’altra app

Per la maggior parte delle demo registra la finestra del browser in una dimensione vicina al 16:9, poi fai i primi piani con lo zoom in fase di montaggio, invece di cambiare modalità di cattura a metà video.

Mostra l’installazione con onestà

Viene voglia di saltare l’installazione e passare direttamente all’estensione funzionante. In almeno un video fai il contrario. I nuovi utenti si preoccupano dei permessi, e vedere qualcuno superare quella richiesta con tranquillità rassicura.

• Parti dalla scheda dello store o dal tuo pulsante di installazione: esattamente il percorso di un utente reale
• Non nascondere la finestra dei permessi: lasciala comparire e spiega in una frase perché serve. «Ha bisogno di accedere a questo sito perché legge i prezzi della pagina» risponde alla domanda prima che diventi un dubbio
• Mostra il passaggio del fissaggio: molti installano un’estensione e poi non la trovano più. Dieci secondi di fissaggio evitano tante richieste di assistenza
• Usa un profilo nuovo perché il flusso sia reale: un permesso già concesso salta la finestra in silenzio e rende il video fuorviante

Se vuoi anche una clip breve sulla sola funzione, ritagliala a parte dalla stessa registrazione invece di compromettere la panoramica completa.

Rendi leggibile un’interfaccia minuscola

È qui che le demo di estensioni si vincono o si perdono. Il tuo popup è piccolo sul monitor e microscopico su un telefono.

• Zooma a ogni apertura del popup: uno zoom centrato sul popup per tutto il tempo in cui resta aperto è il montaggio più redditizio di un video di estensione
• Zooma sull’icona quando cambia il badge: un contatore che passa da 0 a 12 non significa niente se nessuno legge il numero
• Evidenzia il cursore: altrimenti i clic su un’icona da 16 pixel sono invisibili. Evidenziazione del cursore ed effetti di clic dicono esattamente dove è avvenuta l’interazione
• Resta fermo dopo l’apertura: concedi un secondo pieno prima di muovere il mouse. Il movimento su interfacce piccole diventa sfocatura dopo la compressione
• Usa sovrimpressioni per le etichette che non puoi ingrandire: una didascalia breve batte lo strizzare gli occhi su caratteri da 10 pixel
• Non contare sui tooltip al passaggio del mouse: sono piccoli, lenti e spesso non compaiono nella registrazione. Pronuncia l’etichetta a voce

Struttura il video come un prima e dopo

Le estensioni migliorano un’esperienza che esiste già: parti quindi dal problema.

1. Mostra la pagina senza l’estensione per cinque-dieci secondi: il lavoro manuale, l’informazione mancante, il passaggio noioso
2. Attiva l’estensione o clicca la sua icona, in modo visibile
3. Mostra la stessa pagina trasformata, idealmente nella stessa inquadratura, così la differenza salta all’occhio
4. Porta a termine un compito realistico dall’inizio alla fine usando la funzione
5. Chiudi con il percorso di installazione e con la posizione delle impostazioni

Mantenere identica l’inquadratura tra i punti 1 e 3 fa molto lavoro per te: l’occhio confronta direttamente i due fotogrammi invece di cercare di ricordare com’era la pagina un minuto prima.

Impostazioni di registrazione ed esportazione

• 30fps bastano per interazioni di pagina e interfacce popup: il testo resta nitido e i file leggeri
• Registra alla risoluzione nativa e lascia che l’editor ritagli o zoomi, invece di registrare in piccolo e ingrandire
• Tieni fissa la finestra del browser: ridimensionarla durante la registrazione rimpagina il contenuto e distrugge i keyframe di zoom
• Registra l’audio di sistema se l’estensione emette suoni, altrimenti solo microfono
• Esporta in 1080p per il web e valuta un ritaglio verticale dei 20 secondi migliori

Checklist prima di registrare

[ ] Profilo browser di prova attivo, altre estensioni nascoste
[ ] Solo la tua estensione fissata nella barra degli strumenti
[ ] Disconnesso dagli account personali, Nuova scheda ripulita
[ ] Dati di prova pronti sulla pagina ospite
[ ] Zoom pagina al 100%, finestra nel rapporto di esportazione
[ ] Permessi non ancora concessi, se mostri l'installazione
[ ] Notifiche disattivate, badge di avviso azzerati
[ ] Test di dieci secondi verificato alla dimensione di un telefono

Errori comuni

• Fare la demo in un browser con altre quindici estensioni: nessuno capisce quale icona sia la tua
• Non zoomare mai: il motivo più comune per cui questi video non funzionano
• Tagliare la richiesta di permessi: sembra che stia nascondendo qualcosa
• Usare un account reale già connesso: dati personali finiscono in fotogrammi che non riguarderai con attenzione
• Spiegare il popup mentre muovi il mouse: prima una cosa, poi l’altra
• Dimenticare il contesto della pagina ospite: bisogna sapere di che sito si tratta prima di interessarsi a cosa è cambiato

Conclusione

Una demo di estensione deve fare due cose in meno di due minuti: dimostrare che l’installazione è sicura e semplice, e far sembrare importante un piccolo pezzo di interfaccia. Al primo compito pensa un profilo pulito. Al secondo pensano zoom, evidenziazione del cursore e una struttura prima-dopo serrata. Registra la finestra del browser, tienila ferma, zooma su ogni popup e lascia che la pagina trasformata argomenti al tuo posto.