Lasciate che il video mostri ciò che le parole non spiegano.
Il tavolo si apre, il fermo scorre, il prodotto viene usato. Rendiamo il video più facile da avviare e seguire e manteniamo la pagina utile già prima di premere play.
Date un motivo per premere play.
Immagina un negozio di mobili che vende un tavolo allungabile. Una fotografia mostra il legno e la forma. Un video utile risponde a un’altra domanda: come si apre il tavolo e che cosa deve fare chi lo compra?
Scegliete un’immagine di anteprima che mostri il prodotto reale e spiegate che cosa insegna la dimostrazione. Lasciate misure, prezzo e altre informazioni d’acquisto anche in forma testuale. Il visitatore non dovrebbe dover guardare un video per capire se il tavolo entra nella stanza.
Illustrazione: l’anteprima presenta il tavolo; la dimostrazione mostra come si allunga.
Leggi la spiegazione del video
Mostra ciò che le parole non riescono a spiegare. Un’immagine mostra la forma. Il movimento mostra la funzione.
Mostra il cambiamento. Lascia che sia l’azione a spiegare. Separa le due metà del tavolo. Inserisci la prolunga. Mostra il risultato. Lo stesso tavolo. Più spazio.
Guarda da vicino. Un piccolo dettaglio può chiarire tutto. Il fermo si blocca. Guida lo sguardo verso ciò che conta.
Dai un motivo per guardare. Mostra subito cosa otterrà chi guarda. Un risultato chiaro dà uno scopo all’azione. Ecco come fare spazio.
Spiega anche senza audio. Il punto deve essere visibile. Separa le due metà del tavolo. Inserisci la prolunga. Blocca prima dell’uso.
Scegli il video quando aiuta a spiegare. Mostra il cambiamento. Mostra il dettaglio. Rendi chiaro il punto.
Scoprite quando inizia l’attesa.
Una pagina lenta e un video che tarda a partire richiedono verifiche diverse. Provate entrambi sullo stesso telefono e con la stessa connessione, mantenendo visibile il resto della pagina.
Prima di avviare il video
Per una dimostrazione facoltativa, mostrate un’anteprima delle dimensioni adatte ed evitate di scaricare l’intero video prima che serva. Un’anteprima che carica il lettore al clic può anche rinviare il caricamento di un lettore esterno pesante. Controllate le richieste di rete: le indicazioni di precaricamento non garantiscono che cosa scaricherà il browser. Consultate la guida di web.dev al caricamento dei video.
Dopo aver avviato il video
Controllate l’attesa fino alla prima immagine in movimento. Poi cercate interruzioni, dettagli sfocati e comandi difficili da usare. Riducete i dati superflui senza perdere il movimento o i dettagli del prodotto che il video deve mostrare. Riservate lo spazio del video per evitare che la riproduzione sposti le informazioni vicine.
Mostrate il passaggio che altrimenti sfuggirebbe.
Nel nostro esempio immaginario, il fermo si trova sotto il bordo del tavolo. Una ripresa distante può nascondere proprio ciò che il cliente deve vedere. Passate a un primo piano, mostrate chiaramente il movimento e mantenete l’inquadratura abbastanza a lungo da poterlo seguire.
Sottotitolate le istruzioni parlate con precisione e in sincronia con l’azione. Spiegate anche i passaggi visivi essenziali: «Fate scorrere il fermo sotto il bordo» dice più di «Spostate questo». In base al contenuto, la spiegazione potrebbe dover essere anche ascoltata. Controllate l’uso da tastiera, la pausa e i comandi dei sottotitoli. Usate le indicazioni del W3C sui contenuti multimediali accessibili per stabilire che cosa serve al video.
Illustrazione: il primo piano rende visibili il fermo e il suo movimento.
Scegliete la soluzione in base al suo compito.
Conviene ospitare direttamente il file video?
Un servizio video può gestire la distribuzione e offrire funzioni di riproduzione utili, ma il lettore incorporato può aggiungere download e script. Servire direttamente il file vi dà il controllo della presentazione e la responsabilità di fornire file adatti, sottotitoli e comandi. Confrontate le funzioni necessarie e il comportamento misurato di ogni opzione.
Un file più piccolo risolverà il problema?
Può aiutare se la causa è un eccesso di dati video. Non corregge un’anteprima confusa, sottotitoli mancanti o un lettore scomodo. Un’anteprima grande può ritardare la prima schermata; un lettore incorporato può aggiungere script o spostare i contenuti. Identificate la causa prima di cambiare lettore o comprimere di nuovo il file.
Come sappiamo se la modifica ha aiutato?
Ripetete la stessa attività prima e dopo la modifica. Confrontate caricamento della pagina, attesa dopo il clic, interruzioni e dettagli visibili sul telefono. Chiedete poi a una persona che non conosce il prodotto di spiegare il passaggio mostrato. Una riproduzione rapida è utile solo se lo spettatore comprende.
Date ai clienti un video che possano capire.
Inviate la pagina e la fonte del video. Spiegate che cosa deve imparare lo spettatore, dove si verificano attese o dubbi e su quale dispositivo. Potremo così individuare la parte su cui intervenire.