# Video demo del prodotto: mostra la cosa in meno di un minuto [Canonical HTML page](https://gradiently.design/it/guide/product-demo-video) Le migliori demo non fanno il giro di ogni funzione. Mostrano una persona che porta a termine un lavoro, in fretta. Ecco una struttura da sessanta secondi, uno script da adattare e i dettagli che lo fanno sembrare finito. ## The short version - Un video demo del prodotto funziona meglio quando mostra un compito reale dal problema al risultato, invece di fare il giro di ogni funzione. - Meno di un minuto basta per una demo su una landing page o in un feed social; le guide più lunghe stanno negli articoli di aiuto. - Mostra il risultato nei primi secondi, così chi guarda sa cosa otterrà prima di vedere come. - I sottotitoli sono essenziali perché le demo di prodotto si guardano spesso senza audio, su landing page e nei feed. - Fai una versione verticale a parte per i social invece di ritagliare quella widescreen. Un buon **video demo del prodotto** mostra una persona che fa un lavoro vero con il tuo prodotto, dal problema al risultato finito, in meno di un minuto. Apri sul risultato, mostra i tre o quattro passaggi che ci portano, e chiudi con una sola azione successiva. Usa uno schermo pulito, testo leggibile, sottotitoli per chi guarda senza audio e una breve scheda iniziale e finale di brand. Resisti al giro delle funzioni: chi guarda ricorda un risultato, non un menu. ## Scegli un compito, non tutte le funzioni Prima di aprire qualsiasi strumento di registrazione, scrivi una frase: «Una [persona] usa [prodotto] per [ottenere un risultato] in [poco tempo].» Per esempio: la titolare di un caffè usa un’app di prenotazioni per riempire un tavolo disdetto in due minuti. Quella frase è tutto il video. Ciò che non la serve va in un altro video. ### Giro delle funzioni - Parte dalla schermata di accesso - Visita ogni scheda in ordine - Spiega impostazioni che nessuno ha chiesto - Finisce con «e molto altro» - Tre minuti e in crescita ### Demo di un compito - Parte dal risultato finito - Segue un lavoro vero, dall’inizio alla fine - Mostra solo i clic che contano - Finisce con un passo successivo chiaro - Da quaranta a sessanta secondi ## La struttura di un video demo del prodotto da 60 secondi Questa struttura va bene per una landing page, un post di lancio o un’email di vendita. I tempi sono indicativi; conta l’ordine. | Secondi | Momento | Cosa c’è sullo schermo | | --- | --- | --- | | Da 0 a 5 | Il risultato | La cosa finita: il calendario pieno, la fattura inviata, la pagina pubblicata | | Da 5 a 12 | Il problema | Il caos di prima, in un’inquadratura, con una riga di voce o di sottotitolo | | Da 12 a 45 | Tre o quattro passaggi | Solo i clic che fanno avanzare il compito, pause tagliate | | Da 45 a 55 | Di nuovo il risultato | L’esito ancora, ora che chi guarda sa come è stato ottenuto | | Da 55 a 60 | Un passo successivo | Una scheda finale con una sola azione e il tuo indirizzo | Risultato, problema, passaggi, risultato, azione. Mostrare prima l’esito dà a chi guarda un motivo per seguire i passaggi. ## Scrivi uno script per il video demo che stia sullo schermo Scrivi lo script in due colonne: cosa si dice e cosa si mostra. Ogni riga di voce deve descrivere qualcosa di visibile in quel momento. Se ti senti spiegare qualcosa che non è sullo schermo, taglia la riga o cambia l’inquadratura. ```text DIRE MOSTRARE Venerdì, ore 7 di sera. Un tavolo da sei disdice. Calendario con un buco rosso alle 7:30 Prima voleva dire un tavolo vuoto. Lo stesso buco, foto di una sala quieta Apri la lista d’attesa. Clic su Lista d’attesa Scegli il buco. Tocca Offri. Seleziona 7:30, clic su Offri alla lista Il primo ospite che accetta lo prende. Notifica sul telefono, tocco su Accetta Tavolo di nuovo pieno. Due minuti. Calendario, buco riempito, timer 1:52 Provalo sulle tue prenotazioni. Scheda finale: tablefull.app ``` Uno script a due colonne per una demo da 45 secondi. Ogni riga è abbastanza breve da dirsi mentre succede l’azione. Leggilo ad alta voce con un timer prima di registrare. Se è troppo lungo, taglia interi passaggi invece di parlare più in fretta. ## Registrare una demo pulita 1. **Prepara dati di demo realistici** Riempi il prodotto con nomi, numeri e immagini credibili. Gli stati vuoti e «Prova prova 123» fanno sembrare un prodotto inutilizzato. 2. **Riordina e ingrandisci lo schermo** Nascondi segnalibri e notifiche, chiudi le altre schede e ingrandisci l’interfaccia al 125% o più, così il testo sopravvive allo schermo di un telefono. 3. **Registra un passaggio per ripresa** Le riprese brevi sono facili da rifare e da tagliare. Muovi il puntatore lentamente e fai una breve pausa dopo ogni clic. 4. **Registra la voce a parte, se puoi** Leggere lo script sopra il girato finito dà tempi più fluidi che parlare mentre clicchi. 5. **Ingrandisci dove conta** Ritaglia o scala sul pulsante o sul campo in uso, così chi guarda non deve cercare su un desktop intero. [Registrare lo schermo](https://gradiently.design/it/guide/screen-recording-tips) tratta in dettaglio permessi, audio e cosa condividere. ## Sottotitoli, scheda iniziale e scheda finale Le demo sulle landing page di solito partono senza audio, e anche i feed partono muti, quindi sono i sottotitoli a portare la storia. Tieni ogni sottotitolo a una riga breve che corrisponda alla voce, posta dove non copra la parte dell’interfaccia che stai mostrando. [Sottotitoli per i video](https://gradiently.design/it/guide/video-captions-design) tratta stile e posizione. Incornicia la demo con due inquadrature progettate nel tuo brand: una scheda iniziale che nomina l’esito e una scheda finale con una sola azione. Sono ciò che fa sembrare una cattura dello schermo un video di prodotto e non una registrazione, e sono ciò che le persone vedono come immagine di copertina prima di premere play. Una scheda iniziale 16:9 di una demo di prodotto con scritto Riempi un tavolo disdetto in 2 minuti, su un gradiente di brand La scheda iniziale nomina l’esito, non la funzione. Fa anche da immagine di copertina del video sulla landing page. Una scheda finale 16:9 con scritto Provalo sulle tue prenotazioni, con l’indirizzo del prodotto sotto, sullo stesso gradiente La scheda finale chiede una cosa sola. Due pulsanti e un profilo social dividono l’attenzione in tre. ## Una demo, ogni posizione Una demo di solito deve vivere in più posti: la landing page, un post di lancio, un’email di vendita e un breve video social. Fai prima la versione widescreen, poi costruisci una versione verticale per i social con la registrazione dello schermo centrata sul tuo sfondo, un titolo sopra e i sottotitoli sotto. Ritagliare una demo widescreen in verticale taglia metà dell’interfaccia. - Landing page 1920×1080: 1920 × 1080 - Feed 1080×1350: 1080 × 1350 - Reels e Shorts 1080×1920: 1080 × 1920 - LinkedIn 1200×1200: 1200 × 1200 Quattro case per la stessa demo. La registrazione widescreen sta dentro ogni inquadratura sul tuo sfondo invece di essere ritagliata. Su un sito, comprimi il file, dai al video un’immagine di copertina e lascia che siano i visitatori ad avviarlo se ha l’audio. [Video di sfondo per un sito](https://gradiently.design/it/guide/video-background-website) spiega pesi e formati dei file, e [design di una landing page](https://gradiently.design/it/guide/landing-page-design) tratta dove sta una demo nella pagina. Per i post che la annunciano, vedi [grafiche per il lancio di un prodotto](https://gradiently.design/it/guide/launch-day-graphics). ## Fare la demo in Gradiently Con Pro puoi registrare schermo e voce nel browser, rivedere le clip, poi tagliarle sulla timeline di Gradiently, aggiungere sottotitoli e musica e progettare le schede iniziale e finale sullo stesso Mark, così ogni inquadratura combacia. Crea le versioni verticale e quadrata dallo stesso design in un solo passaggio, e il Designer può abbozzare le righe dei sottotitoli e il testo dei post con la voce del tuo brand kit. ## FAQ ### Quanto deve durare un video demo del prodotto? Meno di un minuto per landing page e video social. Le guide più lunghe, da due a cinque minuti, vanno bene per i centri assistenza e le chiamate di vendita, dove chi guarda vuole già imparare il prodotto. ### Cosa deve contenere un video demo del prodotto? Il risultato in apertura, il problema in un’inquadratura, tre o quattro passaggi di un compito reale, di nuovo il risultato e una sola azione successiva, con i sottotitoli dall’inizio alla fine. ### Un video demo deve avere la voce fuori campo? Aiuta, ma scrivi anche i sottotitoli, perché le demo sulle landing page e nei feed di solito partono senza audio. Il video deve avere senso anche a volume zero. ### Che misura deve avere un video demo del prodotto? 1920×1080 per siti web e YouTube, più una versione verticale 1080×1920 e una per il feed 1080×1350 con la registrazione su uno sfondo di brand.