Kuinka tehdä verkkosivustosi näyttösivustolle

Videon näyttäminen verkkosivustollasi voi suuresti parantaa tulosprosenttia. Tavoitteena on, että käyttäjät voivat rekisteröityä verkkosovelluksestasi tai yksinkertaisesti saada käyttäjiä ottamaan yhteyttä sinuun web-lomakkeella, video parantaa tämän todennäköisyyttä.

Sinun tarvitsee vain mennä minkä tahansa uuden Internet-pohjaisen käynnistyksen kotisivulle, ja näet sulautetun videon, jossa on hyvin suuri toimintapyyntö, kehottaen sinua pelaamaan sen kahden tai kolmen minuutin videotiedon.

Usein kutsutaan videoita, jotka osoittavat web-sovelluksia tai verkkopohjaisia palveluja kuvalähetyksiä koska he yleensä saavat tapahtumia yhtiön verkkosivuilla. Nämä näytönohjaimet voivat koota yhteen vain kahden minuutin kuluttua, mikä selittäisi useilla sivuilla muuten, joten ne tekevät verkkosivuille tehokkaita lisäyksiä .

Onko helppoa tehdä kuvaruutu? Kuinka paljon se maksaa ja mitä työkaluja tarvitaan? Vastaamme näihin kysymyksiin.

Tee omat Screencast

Oletetaan, että sinulla on verkkosovellus tai web-pohjainen palvelu, jonka avulla voit mainostaa. Haluat luoda näytönsäästäjän osoittamaan, mitä se tekee. Alla on muutamia vinkkejä, joiden avulla pääset alkuun.

Suunnittelu

Kuten mitä tahansa, suunnittelu on välttämätöntä. Joten, ennen kuin teet mitään muuta, suunnittele kuuntelisi erittäin huolellisesti . Harkitse seuraavat kysymykset:

Minkä yleisen viestin haluat videon välittämään?
Kuinka kauan videon pitäisi olla?
Pitäisikö videon olla nopea, "punchy" katsaus tuotteestasi tai pitempi, yksityiskohtainen, informal screencast?
Haluatko videon olevan henkilökohtainen, ystävällinen ääniopastus, vai pitäisikö mieluummin pitää musiikkia ja nimikkeitä?

Oppaat ovat usein epävirallinen näytönohjain. Screencast-lähetykset ovat yleensä salaamattomia, mutta noudattavat peruskuvanäkemystä. Edut tästä ovat, että tuotteesi esitetään ystävällisesti ja nämä kuuntelumateriaalit voivat nopeasti tuottaa. Ne ovat myös informatiivisempia ja opettelummia osoittamaan, miten tuote toimii.

Haitat ovat, että ne voivat näyttää ammattimaisilta ja voivat olla melko pitkiä ja vähemmän vierailevia. Niinpä videon sijainnin (esim. Ohjetiedoston tai etusivun) ja viestin lähettäminen auttavat sinua päättämään lähestymistavasta.

Oletetaan, että haluat tehdä lyhyen, käsikirjoitetun, hyvin muokatun kuvaruutun.

Storyboard

Kun olet ottanut ajatuksen videon yleiseen tunnelmaan, kirjoita luotettava muistilappu ja kynä ja piirrä kuvakäsikirjoitus. Näkymäkuva on karkea esitys screencastista ja sitä voidaan käyttää kohtausten yleisenä aikajana. Jokainen kohtaus käsittelisi tuotteen eri näkökulmaa. Esimerkiksi:

Johdanto ja tiivistelmä palvelusta;
Tärkeimmät ominaisuudet tai ainutlaatuiset myyntipisteet;
Asiakaskokemukset asiakkailta;
Hinnoittelusuunnitelmien vertailu tai vertailu kilpailevien tuotteiden kanssa;
Lopullinen yhteenveto , jossa logo ja iskulause.

Jos sinulla on runsaasti kattavuus kuvaruutuun, kaikkien kohtausten rikkominen oskakuviksi saattaa olla hyödyllistä, jotta saat lisätietoja. Mitä yksityiskohtaisempia tietoja tarinatarjouksista, sitä helpompi muokkausvaihe on.

Suunnittele videon jokainen kohtaus ja ala-kohta ja alla luetelluista luettelomerkistä. Luettelopisteissä voi olla esimerkkejä verkkosovelluksen osista, joita haluat käyttäjien napsauttamalla, tietyt ilmaisut, joita voit käyttää ääniohjauksessa ja mitä tahansa tarvittavia videotehosteita tai siirtymiä.

Sinun tarina-albumi auttaa sinua pysymään järjestäytyneenä koko prosessin ajan, ja jos menetät videon tuottamisen aikana, tarinanäkymä saa sinut takaisin raiteille.

Voiceover-skripti

Jos et aio äänentää (vaikka varmasti auttaa), voit ohittaa tämän vaiheen.

Kun olet piirtänyt kuvakäsikirjoitustyylisi, voit alkaa kirjoittaa ääniohjauskäsikirjoitustasi. Kirjoita toiselle paperille otsikot jokaiselle kohtaukselle ja kirjoita sitten jokainen kohtaus aiemmin kirjoittamiesi luettelopisteiden perusteella.

Varmista, että annat tilaa muutoksille, koska luultavasti haluat säätää komentosarjan, kun pääset äänittämiseen.

Oikea ohjelmisto

Seuraava askel on todella tallentaa ja tuottaa video. Tarvitset seuraavat työkalut.

Screen-Capture -ohjelmisto

Monissa näytön kaappaussovelluksissa on olemassa joitain ilmaisia ja avoimia lähdekoodeja, joista joudut maksamaan.

Screenium , saatavana Syniumilta, on Mac OS X -pohjainen sovellus, joka on helppokäyttöinen ja sisältää monia ominaisuuksia. Ohjelmisto maksaa 29,00 dollaria ja se voidaan ladata verkossa.

Jing on ilmainen web-pohjainen työkalu, jonka avulla voit kaapata näytön tapahtumia ja jakaa ne verkossa. Täysin varusteltu PC- tai Mac-versio on saatavilla 14,95 dollaria vuodessa.

Muut sovellukset sisältävät avoimen lähdekoodin CamStudio , iShowU Macille ja Adobelle Valloittaa .

Elokuva-editointiohjelmisto

Sinun ei tarvitse valtavaa määrää ominaisuuksia muokata näytön lähetyksiä. Yksinkertaiset muokkauspaketit, jotka tulevat käyttöliittymän mukana, riittää yleensä.

Jos sinulla on Mac, etsi sitten iMovie-ohjelmaa. Muussa tapauksessa voit käyttää mitä tahansa digitaalista videon editointisovellusta, kuten Premier Pro, Final Cut tai jopa Windows Movie Maker.

Joitakin hyödyllisiä muokkaustoimintoja ovat:

Siirtymät (tai "pyyhkeet") kohtausten välillä;
Vienti web-muotoihin;
Leikkeiden nopeuden muuttaminen;
Äänityksen tallentaminen sovelluksessa.

IMovien uusimmissa versioissa (versio 8+) on edellä mainitut ominaisuudet.

Taustamusiikki

Näytönsiirto vaatii korkeatasoisen käyttäjän sitoutumisen . Musiikki voi auttaa toimittamaan sen, varsinkin jos se on relevantti kuvaruutuun. Tiedät musiikkityylin, jota haluat käyttää yleisösi perustuen.

Varmista, että sinulla on laillinen oikeus käyttää valitsemasi musiikkia. Jotkut hyödylliset online-resurssit tarjoavat oikeutetusta taustamusiikista (yleensä klassisesta) ja jotkut myyvät taustamusiikkia sisältäviä CD-levyjä, jotka saattavat olla sopivia; Tarkista Ainutlaatuiset kappaleet ja Rojaltivapaat Musiikki kuvat .

Musiikki on luonnollisesti täysin valinnainen, koska voit käyttää käyttäjiä muilla tavoin.

Asennettuna kokonaissuunnitelmaan, tarinanäkymään, ääniohjauskäsikirjoitukseen ja ohjelmistoon, voit aloittaa videon tallentamisen.

Videon tallentaminen

Tässä artikkelissa oletetaan, että käytät työpöydän kaappaussovellusta, kuten Screeniumia, ja iMoviea muokkaamiseen.

Aloita ottamalla kohtaukset kuvakäsikirjoituksen järjestyksessä. Koska videota muokkaat myöhemmin, voit jatkaa nauhoitusta, kunnes saat täydellisen otoksen.

Ota osa ruudusta , ei koko näyttöä. Tämä pitää videon pahoinpitelystä (esimerkiksi Dockista tai tehtäväpalkista), eikä sinun tarvitse myöhemmin leikata videota.
Haluat sileät, selkeät ja tarkat toiminnot tallennuksen aikana. Pidä hiiren liikkeet mahdollisimman vähiin ja varmista, että hiiren napsautukset ovat ilmeisiä. Tallennussovelluksessasi saattaa olla ominaisuus, jossa hiiren napsautukset herättävät visuaalista apua, mikä voi olla hyödyllistä.
Pidä ääniohjauskäsikirja edessäsi ja kuvittele, että käsikirjoitusta puhutaan hiiren toimintojen tallentamisessa. Tämä auttaa ajoituksessa, kun tulet muokkaamaan myöhemmin.
Yhdistä kunkin leikkeen tiedostonimi vastaavan kohtauksen nimeen, jotta tiedät, missä leike menee muokatessasi (esim. 1. Intro ).
Anna aukko tallennettujen toimintojen alussa ja lopussa. Tämä auttaa, kun leikkaat leikkeet ja siirtymät (esim. Yhden sivun heikkeneminen seuraavaan).

Videon muokkaaminen

editointi Kun kaikki leikkeet on tallennettu jokaiselle kohtaukselle, voit siirtyä hauskan bitin, joka on muokkaus.

Käytä elokuvien muokkaussovellusta tuomalla kaikki leikkeet kirjastoosi ja asettamalla ne oikeaan järjestykseen (jos tallennat leikkeet peräkkäisinä tiedostonimineen, niiden pitäisi olla jo oikeassa järjestyksessä).

Seuraava askel on leikata videoita niin, että ajoitus sopii ääniohjaukseen ja pudota ne aikajanalle.

Paras tapa saada oikea ajoitus on aloittaa toisto ja lukea skripti kyseiselle kohtaukselle. niin tiedät, lisätäänkö leikkeen alkuun tai loppuun yksi tai kaksi sekuntia. Älä jätä liikaa tyhjää tilaa, koska video kestää kauan ja häviää käyttäjän sitoutumisen.

Pidä video virtaavana ja varmista, että aina on jotain katsottavaa tai kuunneltavaa. Monimutkaisempia kohtauksia varten voit jättää hiukan pidemmän aukon loppuun ennen siirtymistä, jotta käyttäjät voivat omaksua juuri sen, mitä he ovat juuri nähneet.

Toinen temppu on lisätä siirtymiä kohtausten välillä, jotka tekevät kahta asiaa. Ensinnäkin he yksinkertaisesti näyttävät hyvältä. Toiseksi ne yhdistävät kohtauksia, joita et olisi suunnitellut liittymällä. Esimerkiksi sinulla voi olla kaksi vierekkäistä kohtausta, jotka näyttävät sivustosi saman sivun, mutta hiiren sijainti hiipuu äkillisesti yhdestä leikkeestä toiseen.

Siirtyminen hämärtää liikkeen ja leikkaus näyttää saumattomalta.

Lopuksi näytä yrityksesi brändäys näytön alussa ja lopussa. Yksinkertaisesti tuota teräväpiirtoinen JPG-logo elokuvasi. Joissakin elokuvataiteilijoissa (kuten iMovie) on automaattinen kuvaefekti nimeltä "Ken Burns", joka hienosäätää tai pienentää kuvaa. Se tekee elokuvastasi näyttävän ammattimaisempaa kuin staattisella logoilla, joka istuu siellä keskellä kehystä. Avainsana "hienovarainen" on kuitenkin: varmista, että kaikki vaikutuksesi ovat hienovaraisia; liioitella sitä ja vaarannat epäpätevyyden.

Voiceover

Äänentallennus ei ole välttämätöntä. Jotkut videot päästävät pois käyttämällä vain otsikon peitteitä korostamaan keskeisiä ominaisuuksia. Mutta ihmisen ääni kohtaa paremmin käyttäjiä ja saa heidät tuntemaan, että he ovat tekemisissä todellisen tuotteen valmistajan kanssa. Myös ääniohjauksella voit ilmoittaa paljon enemmän tuotteesta tai palvelusta, sillä käyttäjät käyttävät sekä korviaan että silmiään.

Jos haluat tehdä ääniohjauksen, kytke vain hyvälaatuinen mikrofoni ja kirjoita joku, jolla on hyvä ääni, joka lukee komentosarjan jokaisella kohtauksella. Jokainen kohtauksen tallennus on erikseen parempi, koska voit siirtää äänileikkeen oikeaan paikkaan jokaisen otoksen jälkeen ja saada ajoitus täydelliseksi. Varmista, että äänioikeutesi luetaan selvästi, hitaasti ja hymyillen niin, että se kuulostaa ystävälliseltä.

Videon vieminen ja lataaminen

Kun olet valmis, vie video ja nappaa kahvia. Monet videoeditointiohjelmat, kuten iMovie, ovat "Vienti verkkoon" -toiminto; joten voit valita haluamasi vientimuodon (esim. iPhone tai YouTube). Valitse keskilaatu korkealaatuiseen, jonka leveys ei ole pienempi kuin 600 pikseliä.

Kun lataat videosi web-isäntään, se puristuu edelleen: ja mitä syötät, se on, mitä saat ulos . Jos laitat suurikokoisen, korkealaatuisen tiedoston, tuloksena oleva video verkkosivustolla näyttää paljon paremmalta kuin jos olisit lähettänyt erittäin tiivistetyn videon pienemmällä koolla.

Kun olet ladannut videon, hosting-yrityksen on lähetettävä sinulle sähköpostiviesti, kun koodaus on valmis. Tässä vaiheessa olet melko valmis asettamaan upotuskoodin verkkosivustollesi. Haluat ehkä muokata soitinta ensin; esimerkiksi valitsemalla "Play" -painikkeen väri tuotemerkkiisi ja säätämällä soittimen kokoa.

Tallenna upotetun koodin päivitetty HTML ja olet hyvä mennä!

Seurantaobjektien tuloksia

Varmista, että sivustossasi on Analytics-paketti (kuten Google Analytics), jotta voit nähdä, mistä kävijät tulevat ja seuraamaan tavoitteen tuloksia .

Jos verkkosivustossasi on jo analyysiohjelmistoja ja sinulla on olemassa tavoiteversioita, tämä on ihanteellinen tapa nähdä, miten uusi video vaikuttaa niihin. Jos verkkosivusto on upouusi, näet, mitä eroa video tekee vaikeaksi, mutta voit silti seurata tavoitteen tuloksia ja käyttää tietoja myöhemmin.

Aseta päämäärä, joka seuraa käyttäjää kotisivulta videosivulle (jos se on erillisellä sivulla), aina rekisteröintisivulle. Muutaman viikon kuluttua tarkastele tilastoja ja analysoi tavoitteen muuntamisen tai rekisteröitymisnopeuden.

Ja jos teet joskus videon tai sivun muutoksia - esimerkiksi siirtäessäsi videota muualla tietorakenteessa - näet, onko muutokset vaikuttanut tavoitteesi muuntamiseen.

Esimerkkejä näytönohjainten hyvistä käytöistä

Thounds

Thounds kehottaa sinua napsauttamaan sen "promo-video" -linkkiä, joka vie sinut ponnahdusikkunaan, joka sisältää videon.

Videossa kuvataan selvästi Thoundsin palvelua käsikirjoitetussa, muokatussa ja hyvin tuotetussa kahden minuutin videossa.

Bidsketch

Bidsketch upottaa YouTube-videosi puoliväliin sivun jälkeen sen tuotteen lyhyen selityksen jälkeen.

Wistia

Wistia on suuri ja ilmeinen kutsu katsomaan sen 30 sekunnin videota. Video on taitoksen yläpuolella ja näkyvä.

Käsitepalaute

Käsitepalaute on oikealla puolella oleva video, joka selvästi osoittaa tuotteen. Toimintaprosessi ei kuitenkaan ole kovin selvä.

FileShareHQ

FileShareHQ osoittaa selvästi tuotteensa neljässä minuutissa. Video sijaitsee sen "Tour" -sivulla.

MakeSomeTime

MakeSomeTime on video, joka näyttää tuotteen kolmessa minuutissa. Toimintapyyntö on taitoksen alapuolella.

Project Bubble

Tuotevalikoimansa mukaan, Project Bubble on toiminto, joka avautuu ponnahdusikkunaksi. Sen kolmen minuutin videota ylläpidetään Vzaar , joten pelaaja on merkitsemätön.

CushyCMS

CushyCMS on hieno esimerkki, koska sen video on taitoksen yläpuolella , sillä on selvä toimintapyyntö ja avautuu suuressa ponnahdusikkunassa, joka näyttää tuotteen kolmessa minuutissa .

huomattava

huomattava tarjoaa selkeän kehotuksen toimia sovelluksen kuvauksen oikealla puolella. Video on isännöi Vimeo.

Vinkkejä videon käyttämisestä verkkosivustollasi

Yllä olevat videot pitävät vierailijoita harvoin yli neljä minuuttia. Hyvän pituus esittelyvideolle on kaksi tai kolme minuuttia , ja ihanteellisesti enintään viisi. Jotkut sivustot pitävät videonsa niin lyhyinä kuin 30 sekuntia, kuten näit Wistian kanssa.
Ole varovainen, missä isäntät videosi. Jotkut palveluntarjoajat toteavat nimenomaisesti, että heidän palveluun lähetettyjen videoiden on oltava muuhun kuin kaupalliseen käyttöön; joten jos videosi osoittaa liiketoimintatuotteita, niin loukkaat niiden käyttöehtoja. Myös jotkut palveluntarjoajat kestää kauan aikaa leikkeitä, ja jotkut näyttävät videoita erittäin huonolaatuisina. Joten, jos haluat nopeaa ja laadukasta palvelua, kannattaa harkita maksullisen isäntäkoneen maksamista.
Varmista, että video avautuu kunnolliseen kokoon , varsinkin jos sinulla on yksityiskohtainen esittely tuotteesta. Hyvä ratkaisu on Lightbox-sovellus, kuten Facebox : käyttäjä napsauttaa painiketta, joka käynnistää ponnahdusikkunan, jossa suuri kuva esitetään. Videon hyvä koko on 600 pikseliä tai sitä suurempi.
Selkeä toimenpidekokonaisuus ylittää mahdollisuuden, että kävijät napsauttavat sitä. Jotkut suunnittelijat haluavat ensin selittää tuotteen ja sitten näyttää alla olevan videon. Hyvä informaatioarkkitehtuuri on kriittinen etenkin kotisivulla, joten harkitse sijoitussi huolellisesti.
Varmista, että suljettuun videoon on näkyvissä "Toista" -painike sen ei-toistossa, jotta kävijät tunnistavat videon. Jos video on ponnahdusikkunassa, toista se automaattisesti, kun ponnahdusikkuna on aktivoitu.

Video Hosting Providers

Alla on vain muutama monista videopalvelun tarjoajista:

YouTube - Ilmeinen valinta. Ammattilaiset ovat, että se on ilmainen ja hyvin tunnettu. Vaikutukset ovat, että laatu ei ole poikkeuksellinen, ja videot joskus kestää jonkin aikaa koodaamaan. Toinen kon on sen yleisyys: jos yrität laatia liukas, ammattimaista kuvaa, YouTube-videon esittely saattaa heijastaa huonosti kyseistä esteettistä.
Vimeo - Vimeo tuli erittäin suosittu viime vuonna. Ammattilaiset ovat, että se on loistava yhteisö ja erittäin mukava pelaaja. Haitat ovat, että sen käyttöehdot ovat melko tiukat, joten lue ne ennen videon lataamista.
Vzaar - Uusi yritys, joka tarjoaa korkealaatuisen videovalvonnan. Hyödyt ovat, että videot koodaavat nopeasti, pelaaja on hyvä ja voit ladata kaupallisia videoita. Toinen etu on se, että Vzaar ei aseta brändinsä videoille. Vastoin se on maksullista palvelua; ja koska yritys on aivan uusi, sen latausprosessi on hieman buginen.
Wistia - Kuten yllä. Ammattilaiset ovat muita kuin merkkituotteita, nopeita koodaus- ja markkinointityökaluja, kuten tilastoja ja lämpökarttoja. Con on jyrkkä palkkio käyttää palvelua.

Voit aina isännöidä videota omalla palvelimellasi ja käyttää soitinta kuten JW-soitin Long Tail Video -ohjelmasta. Jos teet tämän, sinun on ehkä koodattava video FLV-muodossa.

Kirjoitettu yksinomaan WDD: lle Stu Green. Hän on Ison-Britannian web-suunnittelija ja hallinnoi Haloweb , web-sovellusten suunnitteluyritys.

Onko sinulla verkkosivustosi näyttösivustusta, joka on lisännyt tavoitteen tuloksia? Jos niin, kerro meille ja selitä prosessin rakentamisen taustalla. Jos sinulla on vinkkejä videoiden tuottamisesta tai upottamisesta, lähetä yhteisö.

miten seulotaan screencast