Sådan laver du en screencast til dit websted
At have en video på dit websted kan forbedre din konverteringsfrekvens. Uanset om målet er, at brugerne skal tilmelde sig din webapplikation eller blot få brugerne til at kontakte dig via en webformular, forbedrer en video sandsynligheden for, at dette sker.
Du behøver kun at gå til startsiden for enhver ny internetbaseret opstart, og du vil se en integreret video med et meget stort opfordring til at gøre dig opmærksom på at spille sin to- eller tre minutters videoindledning.
Videoer, der viser webapplikationer eller web-baserede tjenester, kaldes ofte screencasts fordi de normalt optager begivenheder på selskabets hjemmeside. Disse screencasts kan opsummere om blot to minutter, hvad der ellers ville tage op mange sider til at forklare, så de gør for kraftige tilføjelser til hjemmesider.
Er det nemt at lave en screencast? Hvor meget koster det, og hvilke værktøjer er der brug for? Lad os besvare disse spørgsmål.
Lav din egen screencast
Lad os antage, at du har en webapplikation eller en webbaseret tjeneste til fremme. Du vil oprette en screencast for at demonstrere, hvad det gør. Nedenfor er nogle tips til at komme i gang.
Planlægning
Som med noget er planlægning afgørende. Så før du gør noget andet, planlæg din screencast meget omhyggeligt . Overvej følgende spørgsmål:
- Hvilken generel besked vil du have videoen til at formidle?
- Hvor længe skal videoen være?
- Skal videoen være en hurtig, "punchy" oversigt over dit produkt eller en længere, detaljeret, uformel screencast?
- Ønsker du videoen at være personlig, med en venlig voiceover, eller vil du helst holde dig til musik og titler?
Tutorials tager ofte form af en uformel screencast. Screencasts er normalt ikke skrevet, men følger et grundlæggende storyboard. Fordelene ved dette er, at dit produkt vil blive præsenteret på en venlig måde, og disse screencasts kan være hurtige at producere. De er også mere informative og instruerende i at vise, hvordan et produkt fungerer.
Ulemperne er, at de kan virke uprofessionelle og kan være ganske lange og mindre engagerende for besøgende. Så igen planlægger placeringen af din video (f.eks. Hjælp sektionen eller forsiden) og den besked, du vil formidle, hjælper dig med at beslutte, hvilken tilgang du skal tage.
Lad os antage, at du vil lave en kort, scripted, godt redigeret screencast.
The Storyboard
Når du har tænkt dig over den overordnede følelse af videoen, skal du komme ud af dit troværdige notesblok og pen og skitsere et storyboard. Et storyboard er en grov gengivelse af screencast og kan bruges som en generel tidslinje af scener. Hver scene ville adressere et andet aspekt af dit produkt. For eksempel:
- Introduktion og resumé af din service;
- Nøglefunktioner eller unikke salgspunkter;
- Testimonials from customers;
- Sammenligning af prisplaner eller endog en sammenligning med konkurrerende produkter;
- Endelig resumé med logo og slogan.
Hvis du har meget at dække i din screencast, kan det være umagen værd at bryde hver scene i underscener, for at give mere detaljer. Jo mere detaljeret i dine storyboards, jo lettere redigeringsfasen bliver.
Planlæg hver scene og underscene i videoen, og nedenfor skriver du punkterne på, hvad du vil dække. Kuglepunkterne kan indeholde eksempler på dele af den webapplikation, som du vil have brugere til at klikke på, bestemte sætninger, som du måske bruger i voiceover og eventuelle videoeffekter eller overgange, du har brug for.
Din storyboard vil hjælpe dig med at holde dig organiseret i hele processen, og hvis du nogensinde går tabt, mens du producerer videoen, vil storyboardet få dig tilbage på sporet.
Voiceover-scriptet
Hvis du ikke har planer om at have en voiceover (selvom man helt sikkert ville hjælpe), kan du springe over dette trin.
Når du har skitseret dit storyboard, kan du begynde at skrive dit voiceover script. På et andet stykke papir, skriv ud overskrifter for hver scene, og skriv derefter hver scene baseret på de punktpunkter du skrev tidligere.
Sørg for at give plads til ændringer, fordi du sandsynligvis vil justere scriptet, når du kommer til optagelse af voiceover.
Den rigtige software
Det næste skridt er faktisk at optage og producere videoen. Du skal bruge følgende værktøjer.
Screen-Capture Software
Der findes mange screen capture-programmer, hvoraf nogle er gratis og open source, andre du skal betale for.
Screenium , der er tilgængelig fra Synium, er en Mac OS X-baseret applikation, som er nem at bruge og indeholder mange funktioner. Softwaren koster $ 29,00 og kan downloades online.
Jing er et gratis web-baseret værktøj, der giver dig mulighed for at fange skærmhændelser og dele dem på nettet. En fuldt udstyret pc eller Mac version er tilgængelig for $ 14,95 om året.
Andre applikationer omfatter open source CamStudio , IShowU til Mac og Adobes Captivate .
Filmredigeringssoftware
Du behøver ikke et stort antal funktioner til at redigere screencasts. De enkle redigeringspakker, der følger med i dit operativsystem, er normalt tilstrækkelige.
Hvis du har en Mac, så se ikke længere end iMovie. Ellers kan du bruge et digitalt videoredigeringsprogram som Premier Pro, Final Cut eller endda Windows Movie Maker.
Nogle nyttige redigeringsfunktioner er:
- Overgange (eller "klud") mellem scener;
- Eksport til webformater;
- Ændring af hastigheden på klip;
- Optagelse af voiceovers i applikationen.
Seneste versioner af iMovie (version 8+) har ovenstående funktioner.
Baggrunds musik
Din screencast kræver et højt niveau af brugerengagement . Musik kan hjælpe med at levere det, især hvis det er relevant for screencast. Du vil kende stilen til musik, der skal bruges ud fra dit publikum.
Sørg for at du har lovlig ret til at bruge den musik, du vælger. Nogle nyttige online ressourcer tilbyder retfri baggrundsmusik (normalt klassisk), og nogle sælger cd'er med baggrundsmusik, der kan være passende. check ud Unikke spor og Royalty free musik .
Musik er naturligvis helt valgfri, fordi du kan engagere brugere på andre måder.
Bevæbnet med din overordnede plan, storyboard, voiceover script og software, kan du nu begynde at optage videoen.
Optagelse af videoen
I forbindelse med denne artikel antager vi, at du bruger et desktop capture-program som Screenium og iMovie til redigering.
Start med at fange scenerne i rækkefølgen af dit storyboard. Fordi du vil redigere videoen senere, kan du fortsætte med at optage, indtil du får den perfekte tag.
- Tag en del af skærmen , ikke hele skærmen. Dette forhindrer videoen i at blive rodet (f.eks. I Dock eller proceslinjen), og du skal ikke beskære videoen senere.
- Du vil have glatte, klare, præcise handlinger, når du optager. Hold musens bevægelse til et minimum , og sørg for, at dine museklik er indlysende. Din optagelsesapplikation kan have en funktion, hvor dine museklik udløser et visuelt hjælpemiddel, hvilket kan være nyttigt.
- Hold voiceover scriptet foran dig, og forestill dig, at scriptet bliver talt, når du optager musens handlinger. Dette vil hjælpe med timing, når du kommer til redigering senere.
- Match filnavnet for hvert klip til navnet på den tilsvarende scene, så du ved, hvor klippet går, når du redigerer (for eksempel 1. Intro ).
- Tillad et hul i begyndelsen og slutningen af dine optagne handlinger. Dette hjælper, når du trimmer klipene og med overgangene (fx et klip ind i det næste).
Redigering af videoen
Når du har fået alle de clips, der er optaget for hver scene, kan du gå videre til den sjove bit, som er redigering.
Brug dit filmredigeringsprogram, importer alle klippene til dit bibliotek og læg dem i den rigtige rækkefølge (hvis du har gemt klippene med sekventielle filnavne, skal de allerede være i den rigtige rækkefølge allerede).
Det næste skridt er at trimme dine videoer, så timingen er korrekt for voiceover, og slip dem derefter i tidslinjen.
Den bedste måde at få timingen på er at begynde afspilning og læse scriptet til den scene. så vil du vide, om du vil tilføje et eller to sekunder til begyndelsen eller slutningen af klippet. Forlad ikke for meget tomt plads, fordi videoen vil løbe lang og tabe brugerengagement.
Hold videoen flydende , og sørg for, at der altid er noget at se på eller lytte til. For mere komplicerede scener vil du måske efterlade et lidt længere hul i slutningen, før du går videre, for at give brugerne mulighed for at absorbere det, de netop har set.
Et andet trick er at tilføje overgange mellem scener, hvilket giver to ting. For det første ser de bare bare cool ud. For det andet blander de sammen scener, som du ikke havde planlagt at deltage i. For eksempel kan du have to tilstødende scener, der viser den samme side på dit websted, men musens placering hopper brat fra det ene klip til det andet.
En overgang ville sløre bevægelsen og gøre kuttet ser sømløst ud.
Endelig, vis dit firma branding i begyndelsen og slutningen af screencast. Du skal blot importere et højopløseligt JPG af dit logo til filmen. Nogle filmredigerere (f.eks. IMovie) har en automatisk billedeffekt kaldet "Ken Burns", som subtilt zoomer ind eller ud på et billede. Det gør din film ser mere professionel ud end den ville med et statisk logo, der bare sidder der midt i rammen. "Subtile" er nøgleordet, selvom: sørg for at alle dine effekter er subtile; overdrive det og du risikerer at se uprofessionelt.
Voiceover
En voiceover er ikke afgørende. Nogle videoer slippes væk ved kun at bruge titeloverlejringer til at fremhæve vigtige funktioner. Men en menneskelig stemme beskæftiger sig bedre med brugere og får dem til at føle, at de har at gøre med et rigtigt produkt fremstillet af et rigtigt firma. En voiceover giver dig også mulighed for at kommunikere meget mere information om dit produkt eller din tjeneste, fordi brugerne vil bruge både deres ører og øjne.
For at foretage en voiceover, skal du blot tilslutte en mikrofon af god kvalitet og optage en person, der har en god stemme, der læser dit script over hver scene. Optagelse af hver scene individuelt er bedre, for da kan du flytte lydklipet til det rigtige sted efter hver gang og få timingen perfekt. Sørg for, at din voiceover er læst tydeligt, langsomt og med et smil, så det lyder venligt.
Eksportere og uploade videoen
Når du er færdig, eksporter videoen og tag en kop kaffe. Mange videoredigeringsprogrammer, herunder iMovie, har en "Export to Web" -funktion; så du kan bare vælge formatet, der skal eksporteres til (f.eks. iPhone eller YouTube). Vælg mellem høj kvalitet og bredde ikke mindre end 600 pixel.
Når du uploader din video til webhosten, vil den undergå yderligere kompression: og hvad du lægger i er, hvad du kommer ud . Hvis du lægger en storfil af høj kvalitet i, vil den resulterende video på hjemmesiden se meget bedre ud end hvis du havde uploadet en meget komprimeret video med en lavere størrelse.
Når du har uploadet videoen, skal hostingfirmaet sende dig en besked, når den er færdig med at kode. På dette tidspunkt er du ret klar til at lægge indlejringskoden på din hjemmeside. Du kan måske tilpasse afspilleren først; for eksempel ved at matche farven på "Play" knappen til dit mærke og justere spillerens størrelse.
Gem den opdaterede HTML af embed-koden, og du er god at gå!
Sporing af målkonverteringer
Sørg for, at en analysepakke (f.eks. Google Analytics) er konfigureret på din hjemmeside, så du kan se, hvor besøgende kommer fra og spore målkonverteringer .
Hvis din hjemmeside allerede kører analytics-software, og du har eksisterende målkonverteringer, er dette en ideel chance for at se, hvordan din nye video påvirker disse konverteringer. Hvis din hjemmeside er helt ny, så ser du hvilken forskel videoen gør, vil det være svært, men du kan stadig spore målkonverteringer og bruge dataene senere.
Opsæt et mål, der følger brugeren fra startsiden til videosiden (hvis den er på en separat side) helt til tilmeldingssiden. Gennemgå nogle få uger, gennemgå statistikkerne og analyser din målkonvertering eller tilmeldingsfrekvens.
Og hvis du nogensinde foretager ændringer af videoen eller siden - for eksempel flytter du videoen andetsteds i informationsarkitekturen - så kan du se, om din målkonvertering er påvirket af disse ændringer.
Eksempler på gode anvendelser af screencasts
thounds
thounds opfordrer dig til at klikke på linket "promo video", som fører dig til en pop-up der indeholder videoen.
Videoen beskriver tydeligt Thounds 'service i en scripted, redigeret og velproduceret to minutters video.
Bidsketch
Bidsketch anbringer sin YouTube-video halvvejs ned på siden efter en kort forklaring af dens produkt.
Wistia
Wistia har et stort og indlysende opkald for at se sin 30 sekunders video. Videoen er over foldet og fremtrædende.
Koncept Feedback
Koncept Feedback har en video på højre side, der tydeligt demonstrerer sit produkt. Opkaldet til handling er dog ikke frygteligt klart.
FileShareHQ
FileShareHQ demonstrerer tydeligt sit produkt om fire minutter. Videoen er placeret på siden "Tour".
MakeSomeTime
MakeSomeTime har en video, der demonstrerer sit produkt om tre minutter. Opkaldet til handling er under folden.
Projektboble
Under sine produktegenskaber, Projektboble har et opkald til handling, der åbnes som en pop-up video. Dens tre minutters video er vært på Vzaar , så spilleren er unbranded.
CushyCMS
CushyCMS er et godt eksempel, fordi videoen er over foldet , har et klart opkald til handling og åbnes i en stor pop-up, der viser produktet om tre minutter .
Bemærkelsesværdig
Bemærkelsesværdig giver et klart opkald til handling til højre for appbeskrivelsen. Videoen er hostet af Vimeo.
Tips om brug af video på dit websted
- Videoerne ovenfor holder besøgende engageret i sjældent mere end fire minutter. En god længde for en demonstrationsvideo er to til tre minutter , og ideelt set ikke længere end fem. Nogle websites holder deres videoer så korte som 30 sekunder, som du så med Wistia.
- Pas på, hvor du er vært for din video. Nogle udbydere anfører udtrykkeligt, at alle videoer, der uploades til deres tjeneste, skal være til ikke-kommerciel brug; Så hvis din video demonstrerer et forretningsprodukt, vil du være i strid med deres servicevilkår. Også nogle hostingudbydere tager lang tid at kode kode, og nogle vise videoer med meget lav kvalitet. Så hvis du vil have hurtig service af høj kvalitet, kan du overveje at betale for en premium vært.
- Sørg for, at videoen åbnes i en anstændig størrelse , især hvis du har en detaljeret demonstration af et produkt. En god løsning er en lysboks applikation som f.eks facebox : brugeren klikker på en knap, der udløser en pop-up, hvor den store video præsenteres. En god størrelse for videoen er 600 pixels eller bredere.
- Et klart opkald til handling over folden øger chancerne for, at besøgende klikker på det. Nogle designere foretrækker at forklare produktet først og derefter vise videoen nedenfor. En god informationsarkitektur er kritisk, især på hjemmesiden, så tænk grundigt igennem din placering.
- Sørg for, at en "Play" -knap vises tydeligt på den integrerede video i sin ikke-afspilningstilstand, så de besøgende genkender det som en video. Hvis videoen er i en pop op, skal du afspille den automatisk, når popup-vinduet er aktiveret.
Video Hosting Providers
Nedenfor er blot nogle få af de mange video hosting udbydere:
- Youtube - Det indlysende valg. Fordelene er, at det er gratis og velkendt. Ulemperne er, at kvaliteten ikke er ekstraordinær, og videoer tager nogle gange et stykke tid at kode. En anden ting er dens ubiquity: Hvis du forsøger at projicere et smukt, professionelt billede, viser en YouTube-video måske en dårlig refleksion på det æstetiske.
- Vimeo - Vimeo blev meget populær sidste år. Fordelene er, at den har et stort samfund og en meget flot spiller. Ulemperne er, at dens servicevilkår er ret strenge, så læs dem før du uploader videoer.
- Vzaar - Et nyt firma, der leverer premium video hosting. Fordelene er, at videoer kodes hurtigt, afspilleren er god, og du har lov til at uploade kommercielle videoer. En anden fordel er, at Vzaar ikke sætter sine branding på videoer. Ulemperne er, at det er en betalt tjeneste; og fordi virksomheden er helt ny, er uploadprocessen lidt buggy.
- Wistia - Som nævnt ovenfor. Fordelene er en ikke-branded player, hurtig kodning og marketing værktøjer som statistik og varmekort. Con er den brede præmie til at bruge tjenesten.
Du kan altid være vært for videoen på din egen server og bruge en afspiller som f.eks JW Player fra Long Tail Video. Hvis du gør dette, skal du muligvis indkode videoen i FLV-format.
Skrevet udelukkende til WDD af Stu Green. Han er webdesigner fra Storbritannien og styrer Haloweb , et webapplikationsdesignfirma.
Har du en screencast på din hjemmeside, der har øget målkonverteringer? Hvis det er tilfældet, lad os vide, og forklare processen bag opbygningen. Hvis du har nogle tip til at producere eller integrere videoer, kan du også dele med fællesskabet.