Come creare uno Screencast per il tuo sito web

Avere un video sul tuo sito web può migliorare notevolmente il tuo tasso di conversione. Se l'obiettivo è che gli utenti si iscrivano alla tua applicazione web o semplicemente che gli utenti ti contattino tramite un modulo web, un video migliora la probabilità che ciò accada.

Devi solo andare alla pagina iniziale di ogni nuovo avvio basato su Internet, e vedrai un video incorporato con un call to action molto ampio che ti invita a partecipare al video introduttivo di due o tre minuti.

Vengono spesso chiamati video che dimostrano applicazioni web o servizi basati sul web screencast perché di solito catturano eventi sul sito Web dell'azienda. Questi screencast possono riassumere in soli due minuti ciò che altrimenti richiederebbe molte pagine per spiegare, in modo da creare potenti aggiunte ai siti web.

È facile fare uno screencast? Quanto costa e quali strumenti sono richiesti? Rispondiamo a queste domande.

Crea il tuo Screencast

Supponiamo che tu abbia un'applicazione web o un servizio basato sul web da promuovere. Vuoi creare uno screencast per dimostrare cosa fa. Di seguito sono riportati alcuni suggerimenti per iniziare.

Pianificazione

Come per qualsiasi cosa, la pianificazione è essenziale. Quindi, prima di fare qualsiasi altra cosa, pianifica il tuo screencast con molta attenzione . Considera le seguenti domande:

Quale messaggio globale vuoi che il video trasmetta?
Quanto dovrebbe durare il video?
Il video dovrebbe essere una panoramica veloce, "incisiva" del tuo prodotto o uno screencast informale più lungo e dettagliato?
Vuoi che il video sia personale, con una voce fuori campo amichevole, o preferisci attenersi a musica e titoli?

I tutorial spesso prendono la forma di uno screencast informale. Gli screencast sono in genere non codificati, ma seguono uno storyboard di base. I vantaggi di questo sono che il tuo prodotto sarà presentato in modo amichevole e questi screencast possono essere veloci da produrre. Sono anche più istruttivi e istruttivi nel mostrare come funziona un prodotto.

Gli svantaggi sono che possono sembrare poco professionali e possono essere piuttosto lunghi e meno interessanti per i visitatori. Quindi, di nuovo, pianificare la posizione del tuo video (ad esempio la sezione di aiuto o la prima pagina) e il messaggio che vuoi trasmettere ti aiuteranno a decidere l'approccio da adottare.

Supponiamo che tu voglia creare uno screencast breve, con script e ben curato.

Lo storyboard

Dopo aver riflettuto sulla sensazione generale del video, prendi il tuo fidato blocco note e penna e traccia uno storyboard. Uno storyboard è una rappresentazione approssimativa dello screencast e può essere utilizzato come una timeline generale di scene. Ogni scena indirizza un aspetto diverso del tuo prodotto. Per esempio:

Introduzione e riepilogo del tuo servizio;
Caratteristiche chiave o punti di vendita unici;
Testimonianze dei clienti;
Confronto di piani tariffari o anche un confronto con prodotti concorrenti;
Riassunto finale , con logo e slogan.

Se hai molto da coprire con il tuo screencast, spezzare ogni scena in sub-scene potrebbe valerne la pena, per consentire maggiori dettagli. Maggiore è il dettaglio nei tuoi storyboard, più facile sarà la fase di editing.

Pianifica ogni scena e sottoschermo del video, e al di sotto di questo scrivi i punti elenco di ciò che coprirai. I punti elenco possono includere esempi di parti dell'applicazione Web da cui gli utenti fanno clic, frasi particolari che è possibile utilizzare nella voce fuori campo e qualsiasi effetto o transizione video richiesto.

Lo storyboard ti aiuterà a rimanere organizzato durante l'intero processo e, se ti perdi durante la produzione del video, lo storyboard ti rimetterà in carreggiata.

Lo script Voiceover

Se non si prevede di avere una voce fuori campo (anche se sarebbe certamente di aiuto), è possibile saltare questo passaggio.

Una volta che hai abbozzato lo storyboard, puoi iniziare a scrivere il tuo script voiceover. Su un altro foglio di carta, scrivi i titoli per ciascuna scena, quindi crea uno script per ogni scena in base ai punti elenco che hai scritto in precedenza.

Assicurati di lasciare spazio per le modifiche, perché probabilmente vorrai regolare lo script quando registri la voce fuori campo.

Il software giusto

Il prossimo passo è registrare e produrre effettivamente il video. Avrai bisogno dei seguenti strumenti.

Screen-Capture Software

Esistono molte applicazioni per la cattura dello schermo, alcune delle quali sono gratuite e open source, altre sono a pagamento.

Screenium , disponibile da Synium, è un'applicazione basata su Mac OS X che è facile da usare e contiene molte funzionalità. Il software costa $ 29,00 e può essere scaricato online.

Jing è uno strumento gratuito basato sul web che ti consente di catturare eventi sullo schermo e condividerli sul web. Una versione completa per PC o Mac è disponibile per $ 14,95 all'anno.

Altre applicazioni includono open-source CamStudio , iShowU per Mac e Adobe affascinare .

Software di editing cinematografico

Non hai bisogno di un numero enorme di funzioni per modificare gli screencast. I semplici pacchetti di modifica che vengono forniti in bundle nel tuo sistema operativo di solito sono sufficienti.

Se hai un Mac, non guardare oltre iMovie. In caso contrario, è possibile utilizzare qualsiasi applicazione di editing video digitale come Premier Pro, Final Cut o anche Windows Movie Maker.

Alcune utili funzioni di modifica sono:

Transizioni (o "salviette") tra le scene;
Esportare in formati web;
Modifica della velocità delle clip;
Registrazione di voci fuori campo nell'applicazione.

Le versioni recenti di iMovie (versione 8+) hanno le caratteristiche di cui sopra.

Musica di sottofondo

Il tuo screencast ha bisogno di un alto livello di coinvolgimento degli utenti . La musica può aiutarti a farlo, in particolare se è pertinente allo screencast. Conoscerai lo stile della musica da utilizzare in base al tuo pubblico.

Assicurati di avere il diritto legale di usare la musica che scegli. Alcune risorse online utili offrono musica di sottofondo esente da diritti (di solito classica) e alcuni vendono CD di musica di sottofondo che potrebbero essere appropriati; check-out Tracce uniche e Musica gratis .

La musica è, ovviamente, del tutto facoltativa, perché puoi coinvolgere gli utenti in altri modi.

Armato con il tuo piano generale, lo storyboard, lo script voiceover e il software, ora puoi iniziare a registrare il video.

Registrazione del video

Ai fini di questo articolo, assumeremo che stai utilizzando un'applicazione di acquisizione desktop come Screenium e iMovie per la modifica.

Inizia catturando le scene nell'ordine dello storyboard. Poiché in seguito modifichi il video, puoi continuare a registrare fino a quando non ottieni il risultato perfetto.

Cattura parte del tuo schermo , non dell'intero schermo. Ciò manterrà il video da essere ingombra (dal Dock o barra delle applicazioni, per esempio), e non sarà necessario ritagliare il video in seguito.
Volete azioni lisce, chiare e precise durante la registrazione. Mantieni il movimento del mouse al minimo e assicurati che i clic del mouse siano evidenti. La tua applicazione di registrazione potrebbe avere una funzione in cui i clic del mouse attivano un aiuto visivo, che può essere utile.
Mantieni lo script di voiceover di fronte a te e immagina che lo script venga pronunciato mentre registri le azioni del mouse. Ciò ti aiuterà con i tempi quando puoi modificare in seguito.
Abbina il nome del file per ogni clip al nome della scena corrispondente, in modo da sapere dove va la clip quando stai modificando (ad esempio 1. Introduzione ).
Lascia uno spazio all'inizio e alla fine delle azioni registrate. Ciò ti aiuterà quando tagli i clip e con le transizioni (ad esempio dissolvendo una clip nella successiva).

Modifica del video

Una volta che hai registrato tutti i clip per ogni scena, puoi passare al bit divertente, che è la modifica.

Usando la tua applicazione di editing cinematografico, importa tutti i clip nella tua libreria e inseriscile nel giusto ordine (se hai salvato i clip con nomi di file sequenziali, dovrebbero essere già nell'ordine giusto).

Il prossimo passo è quello di tagliare i tuoi video in modo che i tempi siano giusti per la voce fuori campo, e quindi rilasciarli nella timeline.

Il modo migliore per ottenere i tempi giusti è iniziare la riproduzione e leggere il copione per quella scena; allora saprai se aggiungere uno o due secondi all'inizio o alla fine della clip. Non lasciare troppo spazio vuoto perché il video verrà eseguito a lungo e perdere il coinvolgimento degli utenti.

Mantieni il flusso del video e assicurati che ci sia sempre qualcosa da guardare o ascoltare. Per scene più complicate, potresti voler lasciare una fessura leggermente più lunga alla fine prima di procedere, per consentire agli utenti di assorbire ciò che hanno appena visto.

Un altro trucco è aggiungere transizioni tra le scene, che portano a termine due cose. Innanzitutto, sembrano semplicemente belli. In secondo luogo, si fondono insieme scene che non avevi programmato di aderire. Ad esempio, potresti avere due scene adiacenti che mostrano la stessa pagina del tuo sito Web, ma la posizione del mouse salta improvvisamente da una clip all'altra.

Una transizione sfocerebbe il movimento e renderà il taglio senza soluzione di continuità.

Infine, mostra il tuo marchio aziendale all'inizio e alla fine dello screencast. Importa semplicemente un JPG ad alta risoluzione del tuo logo nel film. Alcuni editor di film (come iMovie) hanno un effetto immagine automatico chiamato "Ken Burns", che ingrandisce o riduce delicatamente un'immagine. Rende il tuo film più professionale di quanto non lo farebbe con un logo statico seduto proprio al centro dell'inquadratura. "Sottile" è la parola chiave, però: assicurati che tutti i tuoi effetti siano sottili; esagerare e rischi di sembrare poco professionale.

La voce fuori campo

Una voce fuori campo non è essenziale. Alcuni video superano l'uso di soli overlay del titolo per evidenziare le caratteristiche principali. Ma una voce umana coinvolge meglio gli utenti e li fa sentire di avere a che fare con un prodotto reale fatto da una vera compagnia. Inoltre, una voce fuori campo ti permette di comunicare molte più informazioni sul tuo prodotto o servizio, perché gli utenti useranno sia le orecchie che gli occhi.

Per fare una voce fuori campo, basta collegare un microfono di buona qualità e registrare qualcuno con una buona voce che legge il copione su ogni scena. Registrare ciascuna scena singolarmente è meglio, perché in questo modo è possibile spostare la clip audio nella posizione corretta dopo ogni take e ottenere il timing perfetto. Assicurati che la tua voce fuori campo sia letta chiaramente, lentamente e con un sorriso in modo che suoni amichevole.

Esportare e caricare il video

Una volta finito, esportare il video e prendere una tazza di caffè. Molte applicazioni di editing video, incluso iMovie, hanno una funzione di "Esporta in Web"; quindi puoi semplicemente scegliere il formato da esportare (es. iPhone o YouTube). Scegli una qualità medio-alta, con una larghezza non inferiore a 600 pixel.

Quando carichi il tuo video sul web host, subirà un'ulteriore compressione: e quello che inserisci è ciò che ottieni . Se inserisci un file di grandi dimensioni e di alta qualità, il video risultante sul sito Web apparirà molto meglio che se avessi caricato un video molto compresso a una dimensione inferiore.

Dopo aver caricato il video, la società di hosting dovrebbe inviarti una notifica via email al termine della codifica. A questo punto, sei praticamente pronto per inserire il codice di incorporamento sul tuo sito web. Potresti voler personalizzare prima il giocatore; ad esempio, abbinando il colore del pulsante "Riproduci" al tuo marchio e regolando le dimensioni del lettore.

Salva l'HTML aggiornato del codice di incorporamento e sei a posto!

Monitoraggio delle conversioni all'obiettivo

Assicurati che un pacchetto di analisi (come Google Analytics) sia impostato sul tuo sito Web in modo che tu possa vedere da dove provengono i visitatori e monitorare le conversioni all'obiettivo .

Se il tuo sito web utilizza già un software di analisi e hai già conversioni all'obiettivo, questa è la possibilità ideale per vedere come il tuo nuovo video influisce su tali conversioni. Se il tuo sito web è nuovo di zecca, allora vedrai che differenza fa il video sarà difficile, ma puoi comunque tenere traccia delle conversioni all'obiettivo e utilizzare i dati in seguito.

Imposta un obiettivo che segue l'utente dalla home page alla pagina video (se si trova su una pagina separata), fino alla pagina di registrazione. Dopo alcune settimane, rivedi le statistiche e analizza la conversione o la percentuale di registrazione degli obiettivi.

Inoltre, se apporti modifiche al video o alla pagina, ad esempio spostando il video altrove nell'architettura delle informazioni, puoi verificare se la conversione dell'obiettivo è influenzata da queste modifiche.

Esempi di buoni usi di Screencast

Thounds

Thounds ti chiama per fare clic sul suo link "promo video", che ti porta a un pop-up contenente il video.

Il video descrive chiaramente il servizio di Thounds in un video di due minuti, sceneggiato, modificato e ben realizzato.

Bidsketch

Bidsketch incorpora il video di YouTube a metà pagina dopo una breve spiegazione del suo prodotto.

Wistia

Wistia ha una chiamata ampia e ovvia per guardare il suo video di 30 secondi. Il video è above the fold e prominente.

Feedback del concetto

Feedback del concetto ha un video sul lato destro che dimostra chiaramente il suo prodotto. L'invito all'azione, tuttavia, non è molto chiaro.

FileShareHQ

FileShareHQ dimostra chiaramente il suo prodotto in quattro minuti. Il video risiede nella sua pagina "Tour".

MakeSomeTime

MakeSomeTime ha un video che dimostra il suo prodotto in tre minuti. L'invito all'azione è below the fold.

Progetto Bubble

Sotto le sue caratteristiche del prodotto, Progetto Bubble ha un invito all'azione che si apre come un video pop-up. Il suo video di tre minuti è ospitato su Vzaar , quindi il giocatore non ha marchio.

CushyCMS

CushyCMS è un ottimo esempio perché il suo video è above the fold , ha un chiaro invito all'azione e si apre in un grande pop-up che dimostra il prodotto in tre minuti .

Notevole

Notevole fornisce un chiaro invito all'azione sulla destra della descrizione dell'app. Il video è ospitato da Vimeo.

Suggerimenti sull'utilizzo di video sul tuo sito web

I video qui sopra trattengono i visitatori impegnati raramente superando i quattro minuti. Una buona durata per un video dimostrativo è di 2-3 minuti e idealmente non più di cinque. Alcuni siti web mantengono i loro video più brevi di 30 secondi, come hai visto con Wistia.
Fai attenzione a dove ospiterai il tuo video. Alcuni provider affermano esplicitamente che tutti i video caricati sul loro servizio devono essere per uso non commerciale; quindi, se il tuo video dimostra un prodotto commerciale, violerebbe i loro termini di servizio. Inoltre, alcuni provider di hosting impiegano molto tempo per codificare le clip e alcuni visualizzano video con una qualità molto bassa. Quindi, se vuoi un servizio veloce e di alta qualità, potresti voler prendere in considerazione il pagamento di un host premium.
Assicurati che il video si apra di dimensioni adeguate , specialmente se hai una dimostrazione dettagliata di un prodotto. Una buona soluzione è un'applicazione lightbox come Facebox : l'utente fa clic su un pulsante che attiva una finestra a comparsa in cui viene presentato il video di grandi dimensioni. Una buona dimensione per il video è di 600 pixel o più ampia.
Un chiaro invito all'azione above the fold aumenta le possibilità che i visitatori facciano clic su di esso. Alcuni designer preferiscono prima spiegare il prodotto e poi mostrare il video qui sotto. Una buona architettura delle informazioni è fondamentale, specialmente nella home page, quindi pensa attentamente al posizionamento.
Assicurati che il pulsante "Riproduci" sia visualizzato chiaramente sul video incorporato nel suo stato non riproducibile, in modo che i visitatori lo riconoscano come un video. Se il video si trova in un popup, riprodurlo automaticamente una volta attivato il popup.

Provider di hosting video

Di seguito sono solo alcuni dei molti provider di hosting video:

Youtube - La scelta ovvia. I professionisti sono che è gratuito e ben noto. I lati negativi sono che la qualità non è eccezionale e talvolta i video richiedono un po 'di tempo per essere codificati. Un altro problema è la sua ubiquità: se stai provando a proiettare un'immagine lucida e professionale, la presentazione di un video di YouTube potrebbe riflettere male su quell'estetica.
Vimeo - Vimeo è diventato molto popolare l'anno scorso. I professionisti sono che ha una grande community e un giocatore molto simpatico. I contro sono che i suoi termini di servizio sono piuttosto rigidi, quindi leggili prima di caricare qualsiasi video.
Vzaar - Una nuova società che offre hosting video premium. I pro sono che i video codificano rapidamente, il giocatore è bravo e gli è permesso caricare video commerciali. Un altro pro è che Vzaar non mette il suo marchio sui video. I contro sono che si tratta di un servizio a pagamento; e poiché la società è abbastanza nuova, il suo processo di caricamento è un po 'buggato.
Wistia - Come descritto sopra. I professionisti sono giocatori non marchiati, strumenti di codifica e marketing rapidi come le statistiche e le mappe di calore. Il cono è il premio forte per utilizzare il servizio.

Puoi sempre ospitare il video sul tuo server e utilizzare un player come il JW Player da Long Tail Video. Se si esegue questa operazione, potrebbe essere necessario codificare il video in formato FLV.

Scritto esclusivamente per WDD da Stu Green. È un web designer del Regno Unito e gestisce Haloweb , una società di progettazione di applicazioni web.

Hai uno screencast sul tuo sito web che ha aumentato le conversioni all'obiettivo? In tal caso, faccelo sapere e spieghiamo il processo alla base della sua costruzione. Inoltre, se hai qualche consiglio su come produrre o incorporare video, per favore condividi con la community.

screencast come fare uno screencast