Jak vytvořit webovou prezentaci pro své webové stránky
Pokud máte video na svých webových stránkách, můžete výrazně zlepšit míru konverze. Ať už je cílem pro uživatele, aby se zaregistrovali k vaší webové aplikaci nebo jednoduše k tomu, aby vás uživatelé kontaktovali prostřednictvím webového formuláře, video zlepšuje pravděpodobnost, že k tomu dojde.
Musíte jít pouze na domovskou stránku jakéhokoli nového spuštění v síti Internet a uvidíte vložené video s velkou výzvou k akci, které vás vyzve k přehrání dvou- nebo tříminutového představení videa.
Videa, která demonstrují webové aplikace nebo webové služby, se často nazývají screencasts protože obvykle zaznamenávají události na webových stránkách společnosti. Tyto vysílání lze shrnout za pouhé dvě minuty, což by mohlo jinak vyřešit mnoho stránek, které by mohly vysvětlit, a tak přispívají k výkonným přidáváním na webové stránky.
Je snadné vytvořit screencast? Kolik to stojí a jaké nástroje jsou potřebné? Podívejme se na tyto otázky.
Vytváření vlastní obrazovky
Předpokládejme, že máte k dispozici webovou aplikaci nebo webovou službu. Chcete provést screencast, abyste demonstrovali, co dělá. Níže naleznete několik tipů, které vám pomohou začít.
Plánování
Stejně jako cokoli je plánování zásadní. Takže než uděláte něco jiného, naplánujte screencast velmi pečlivě . Zvažte následující otázky:
- Jakou celkovou zprávu chcete poslat video?
- Jak dlouho by mělo být video?
- Měl by být video rychlý, "prudký" přehled o vašem produktu nebo delší, podrobný, neformální screencast?
- Chcete, aby video bylo osobní, s přátelským hlasem, nebo byste se raději drželi hudby a titulů?
Tutoriály často mají formu neformálního screencastu. Screencasty obvykle nejsou psány, ale vycházejí ze základního storyboardu. Výhodou je, že váš produkt bude prezentován přátelsky a tyto projekce se mohou rychle připravit. Jsou také informativní a instruktážnější, jak ukázat, jak produkt funguje.
Nevýhodou je, že se mohou zdát neprofesionální a mohou být pro návštěvníky poměrně zdlouhavé a méně nápomocné. Takže znovu plánujete umístění vašeho videa (např. Sekci nápovědy nebo titulní stránky) a zpráva, kterou chcete předat, vám pomůže rozhodnout se o tom, jaký přístup má podniknout.
Předpokládejme, že chcete vytvořit krátký, skriptovaný a dobře upravený screencast.
Storyboard
Poté, co jste se ponořili do celkového pocitu z videa, vyjděte svůj věrný poznámkový blok a pero a nakreslete scénář. Scénář je hrubé zobrazení screencastu a může být použit jako obecná časová scéna. Každá scéna by řešila jiný aspekt vašeho produktu. Například:
- Úvod a shrnutí vaší služby;
- Klíčové vlastnosti nebo jedinečné prodejní body;
- Osvědčení od zákazníků;
- Srovnání cenových plánů nebo dokonce srovnání s konkurenčními produkty;
- Závěrečné shrnutí s logem a sloganem.
Pokud máte hodně co se týkat vašeho screencastu, mohlo by se stát, že každá scéna bude převzata do dílčích scén, což by umožnilo více detailů. Čím více detailů ve vašich storyboardu, tím jednodušší bude editace.
Naplánujte každou scénu a dílčí scénu videa, a pod ní napište body odrážky toho, co pokryjete. Body odrážky by mohly obsahovat příklady částí webové aplikace, které chcete, aby uživatelé mohli kliknout, konkrétní fráze, která byste mohli použít v přehledu a jakékoliv požadované video efekty nebo přechody.
Vaše scénář vám pomůže zůstat organizováni v průběhu celého procesu, a pokud se někdy ztratíte během produkce videa, scénář vás dostane zpátky na cestu.
Voiceover Script
Pokud neplánujete mít hlas (i když by určitě pomohlo), tento krok můžete přeskočit.
Jakmile jste načrtli svůj storyboard, můžete začít psát svůj hlasový skript. Na jiném kusu papíru napíšete jednotlivé scény a poté napíšete každou scénu na základě bodů, které jste napsali dříve.
Ujistěte se, že ponecháte prostor pro změny, protože pravděpodobně budete chtít upravit skript, když se dostanete k záznamu hlasu.
Správný software
Dalším krokem je skutečně nahrávat a produkovat video. Budete potřebovat následující nástroje.
Software pro zachytávání obrazovky
Existuje mnoho aplikací pro zachycení obrazovky, z nichž některé jsou volné a otevřené zdroje, jiné musíte zaplatit.
Stříbro , dostupný od společnosti Synium, je aplikace založená na systému Mac OS X, která je snadno použitelná a obsahuje mnoho funkcí. Software stojí 29,00 USD a lze ho stáhnout online.
Jing je bezplatný webový nástroj, který umožňuje zaznamenávat události na obrazovce a sdílet je na webu. Plně vybavená verze pro PC nebo Mac je k dispozici za 14,95 dolarů za rok.
Jiné aplikace zahrnují open-source CamStudio , iShowU pro Mac a Adobe Upoutat .
Software pro úpravy filmů
Nepotřebujete obrovské množství funkcí k úpravám vysílání. Jednoduché editační balíčky, které se dodávají ve vašem operačním systému, obvykle postačují.
Pokud máte Mac, pak nehledejte nic jiného než iMovie. V opačném případě můžete použít libovolnou digitální aplikaci pro úpravu videa, jako je například Premier Pro, Final Cut nebo dokonce i Windows Movie Maker.
Některé užitečné funkce pro úpravy jsou:
- Přechody (nebo "utírání") mezi scénami;
- Export do webových formátů;
- Změna rychlosti klipů;
- Nahrávání hlasových zpráv v aplikaci.
Nejnovější verze aplikace iMovie (verze 8+) mají výše uvedené funkce.
Hudba v pozadí
Váš screencast vyžaduje vysokou míru angažovanosti uživatelů . Hudba vám to může pomoci, zejména pokud je relevantní pro screencast. Budete znát styl hudby, který budete používat na základě vašeho publika.
Ujistěte se, že máte zákonné právo používat vybranou hudbu. Některé užitečné online zdroje nabízejí hudbu na pozadí bez práv (obvykle klasická) a někteří prodávají disky CD s hudbou na pozadí, které by mohly být vhodné; Překontrolovat Jedinečné stopy a Royalty Free hudba .
Hudba je samozřejmě zcela volitelná, protože můžete uživatelům zaujmout jiným způsobem.
Vyzbrojeni svým celkovým plánem, storyboardem, hlasovým skriptem a softwarem, nyní můžete začít nahrávat video.
Nahrávání videa
Pro účely tohoto článku předpokládáme, že používáte aplikaci pro ukládání na ploše, jako je Screenium a iMovie pro úpravy.
Začněte zachycením scén v pořadí vašeho storyboardu. Protože budete video později upravovat, můžete pokračovat v nahrávání, dokud nebudete mít perfektní vzhled.
- Zachyťte část obrazovky , ne celou obrazovku. Tím se zabrání tomu, aby video bylo přeplněné (například na Dock nebo na panelu úloh) a později nebudete muset oříznout video.
- Chcete-li při nahrávání hladce, jasně a přesně provádět akce. Udržujte pohyb myši na minimum a ujistěte se, že kliknutí myší je zřejmé. Vaše aplikace pro nahrávání může mít funkci, při níž kliknutí myší spustí vizuální pomoc, což může být užitečné.
- Uložte hlasový skript před sebe a představte si, jaký skript se bude hovořit při záznamu akcí myši. To pomůže s načasováním, když se dostanete k úpravám později.
- Označte název souboru pro každý klip do jména příslušné scény, abyste věděli, kde klip přichází při úpravách (například 1. Intro ).
- Ponechte mezery na začátku a na konci zaznamenaných akcí. Pomůže to při ořezání klipsů a při přechodech (např. Vyblednutí jednoho klipu do dalšího).
Úpravy videa
Jakmile budete mít všechny snímky zaznamenané pro každou scénu, můžete se přesunout na zábavný bit, což je editace.
Pomocí aplikace pro úpravy filmů importujte všechny klipy do knihovny a vložte je do správného pořadí (pokud jste klipy ukládali s následnými názvy souborů, měly by být již ve správném pořadí).
Dalším krokem je oříznutí vašich videí tak, aby časování bylo správné pro hlasovou komunikaci a poté je přeneste do časové osy.
Nejlepší způsob, jak správně načasovat, je začít s přehráváním a číst skript pro danou scénu; pak budete vědět, zda chcete na začátek nebo konec klipu přidat jednu nebo dvě sekundy. Nenechávejte příliš mnoho prázdného místa, protože video bude trvat dlouho a ztratí zapojení uživatelů.
Udržujte video tekoucí a ujistěte se, že je vždy něco, na co se díváte nebo nasloucháte. U komplikovanějších scén můžete nechat trochu delší mezeru na konci, než se přesunete, aby uživatelé mohli absorbovat to, co právě viděli.
Dalším trikem je přidat přechody mezi scénami, které splní dvě věci. Za prvé prostě vypadají skvěle. Za druhé, spojují scény, které jste neměli v úmyslu přijít. Můžete například mít dvě sousední scény, které zobrazují stejnou stránku vašeho webu, ale umístění myši náhle skáče z jednoho klipu na druhý.
Přechod by rozostřil pohyb a způsobil, že řez bude hladký.
Nakonec ukažte značku své firmy na začátku a na konci screencastu. Jednoduše importujte logo ve formátu JPG ve vysokém rozlišení do filmu. Někteří filmoví redaktoři (například iMovie) mají automatický obrazový efekt nazvaný "Ken Burns", který jemně zvětšuje nebo zmenšuje obraz. Váš film vypadá tak profesionálně, jako by to statické logo právě sedělo uprostřed rámu. "Subtilní" je klíčové slovo: ujistěte se, že všechny vaše efekty jsou jemné; překonat to a riskuješ, že vypadáš neprofesionálně.
Voiceover
Hlasování není podstatné. Některá videa se dostanou pryč s použitím pouze překryvů titulů pro zvýraznění klíčových funkcí. Ale lidský hlas lépe zaujme uživatele a dává jim pocit, že se zabývají skutečným produktem vytvořeným reálnou společností. Zvukové hlášení také umožňuje komunikovat mnohem více informací o vašem produktu nebo službě, protože uživatelé budou používat jak uši, tak i oči.
Chcete-li provést vysílání, jednoduše zapojte kvalitní mikrofon a zaznamenávejte někoho, kdo má dobrý hlas, který si přečte skript na každé scéně. Nahrávání jednotlivých scén jednotlivě je lepší, protože poté můžete přesunout zvukový klip na správné místo po každém odběru a získat perfektní čas. Ujistěte se, že hlasování je čitelné jasně, pomalu as úsměvem, aby to vypadalo přátelsky.
Export a nahrávání videa
Až skončíte, exportujte video a uchopte šálek kávy. Mnoho aplikací pro úpravu videa, včetně iMovie, má funkci "Export do webu". takže můžete jednoduše zvolit formát, který chcete exportovat (např. iPhone nebo YouTube). Vyberte střední až vysokou kvalitu s šířkou nejméně 600 pixelů.
Při nahrávání videa do webového hostitele se podstoupí další komprese: a to, co jste vložili, je to, co dostanete . Pokud zadáte velký soubor s vysokou kvalitou, výsledné video na webu bude vypadat mnohem lépe, než kdybyste nahrali vysoce komprimované video v nižší velikosti.
Po nahrání videa by hostitelská společnost měla po dokončení kódování zaslat vám oznámení. V tomto okamžiku jste do vašeho webu téměř připraveni vložit kód pro vložení. Můžete nejprve přizpůsobit přehrávač; například přizpůsobením barvy tlačítka "Přehrát" vaší značce a úpravě velikosti přehrávače.
Uložte aktualizovaný kód HTML kódu vložení a máte dobré jít!
Konverze cíle sledování
Ujistěte se, že na vašem webu je nastaven analytický balíček (například Google Analytics), abyste viděli, odkud přicházejí návštěvníci, a sledovat konverze cílů .
Pokud vaše webové stránky již spouštějí analytický software a máte stávající cílové konverze, je to ideální příležitost zjistit, jak vaše nové video ovlivňuje tyto konverze. Pokud je váš web zcela nový, vidět, jaký rozdíl bude video dělat, bude obtížné, ale stále můžete sledovat konverze cílů a později používat údaje.
Nastavte cíl, který bude následovat uživatele od domovské stránky až po stránku s videem (pokud je na samostatné stránce), až na registrační stránku. Po několika týdnech přečtěte statistiky a analyzujte konverzi cílů nebo míru registrace.
A kdybyste někdy provedli změny videa nebo stránky - například přemístění videa jinde v architektuře informací - pak zjistíte, zda je změna vašeho cíle ovlivněna konverzí cílů.
Příklady dobrého využití screencastů
Tóny
Tóny vyzývá k tomu, abyste klikli na jeho odkaz "promo video", který vás přivede k oknu obsahujícímu video.
Video jasně popisuje službu Thounds v skriptovaném, upravovaném a dobře produkovaném dvouminutovém videu.
Bidsketch
Bidsketch vloží video YouTube do poloviny stránky po stručném vysvětlení svého produktu.
Wistia
Wistia má velkou a zřejmou výzvu sledovat své 30 sekundové video. Video je nad záhybem a prominentní.
Koncepce zpětné vazby
Koncepce zpětné vazby má video na pravé straně, které jasně demonstruje jeho produkt. Výzva k akci však není strašně jasná.
FileShareHQ
FileShareHQ jasně demonstruje svůj výrobek za čtyři minuty. Video se nachází na stránce "Prohlídka".
MakeSomeTime
MakeSomeTime má video, které ukazuje jeho produkt za tři minuty. Výzva k akci je pod záhybem.
Projekt Bubble
Podle svých vlastností produktu, Projekt Bubble má výzvu k akci, která se otevře jako vyskakovací video. Jeho tříminutové video je hostováno Vzaar , takže hráč není označen.
CushyCMS
CushyCMS je skvělým příkladem, protože jeho video je nad záhybem , má jasnou výzvu k akci a otevírá se ve velkém vyskakovacím okně, který produkt demonstruje za tři minuty .
Pozoruhodný
Pozoruhodný poskytuje jasnou výzvu k akci vpravo od popisu aplikace. Video je hostitelem společnosti Vimeo.
Tipy pro používání videa na vašich webových stránkách
- Výše uvedená videa udržují návštěvníky zaneprázdněné, jenž zřídka překračují čtyři minuty Dobrá délka pro ukázkové video je dvě až tři minuty a v ideálním případě ne déle než pět. Některé webové stránky uchovávají videa tak krátkou jako 30 sekund, jak jste viděli u Wistie.
- Buďte opatrní, kde budete hostit vaše video. Někteří poskytovatelé výslovně uvedou, že všechna videa nahraná do jejich služby musí být pro nekomerční použití; Pokud vaše video demonstruje obchodní produkt, pak byste porušovali jeho smluvní podmínky. Také někteří poskytovatelé hostingu mají dlouhou dobu k zakódování klipů a některé videa zobrazují ve velmi nízké kvalitě. Pokud chcete rychlou a vysoce kvalitní službu, možná budete chtít zvážit zaplacení prémiového hostitele.
- Zajistěte, aby se video otevíralo slušně , zejména pokud máte podrobnou ukázku produktu. Dobrým řešením je aplikace Lightbox, jako je například Facebox : uživatel klepne na tlačítko, které spouští vyskakovací okno, ve kterém je prezentováno velké video. Dobrá velikost videa je 600 pixelů nebo širší.
- Jasná výzva k akci nad záhybem zvyšuje pravděpodobnost, že návštěvníci kliknou na něj. Někteří designéři dávají přednost vysvětlení produktu a poté zobrazte video níže. Dobrá informační architektura je kritická, zvláště na domácí stránce, takže si pozorně promyslete své umístění.
- Ujistěte se, že tlačítko "Přehrát" je na embedovaném videu jasně zobrazeno ve stavu, který není přehráván, takže jej návštěvníci rozpoznají jako video. Pokud je video v rozbalovací nabídce, přehrajte jej automaticky po aktivaci vyskakovacího okna.
Poskytovatelé videohostingu
Níže jsou jen některé z mnoha poskytovatelů webhostingu:
- Youtube - Jasná volba. Profesionálové jsou, že je svobodný a dobře známý. Nevýhody jsou, že kvalita není výjimečná a videozáznamy někdy nějakou dobu trvají na kódování. Dalším důvodem je jeho všudypřítomnost: pokud se pokoušíte promítnout úhledný profesionální snímek, představení videa YouTube by mohlo být špatné na tom estetiku.
- Vimeo - Vimeo se stalo velmi populární v loňském roce. Profesionálové mají skvělou komunitu a velmi hezké hráče. Nevýhody jsou, že její smluvní podmínky jsou velmi přísné, takže si je přečtěte před nahráním videa.
- Vzaar - Nová společnost, která poskytuje špičkové video hostování. Profesionálem je, že videa zakódují rychle, hráč je dobrý a máte povoleno nahrát komerční videa. Dalším příkladem je to, že Vzaar neumísňuje své značky na videa. Nevýhody jsou, že jde o placenou službu; a protože společnost je docela nová, jeho nahrávání je trochu chybné.
- Wistia - Jak je uvedeno výše. Profesionálové jsou hráči, který není značkou, rychlé kódování a marketingové nástroje, jako jsou statistiky a mapy tepla. Konzumentem je strmý poplatek za použití služby.
Vždy můžete hostovat video na svém vlastním serveru a používat takový přehrávač, jako je JW Player z Long Tail Video. Pokud tak učiníte, možná budete muset kódovat video ve formátu FLV.
Napsal výhradně pro WDD Stu Green. Je webdesigner z Velké Británie a řídí Haloweb , společnost pro návrh webových aplikací.
Máte na svých webových stránkách vysílání, které zvýšilo konverze cílů? Pokud ano, dejte nám vědět a vysvětlete proces za jeho budováním. Také, pokud máte nějaké tipy o vytváření nebo vkládání videí, sdílejte s komunitou.