Přemýšleli jste někdy o webu jako o nástroji vizuální komunikace?
Ve své podstatě i ten nejjednodušší web sděluje nějaké sdělení. Rozvržení webové stránky, obrázky, videa, text a bílá místa – všechny tyto prvky jsou zároveň nástroji vizuální komunikace. Koneckonců, webdesign vždy zahrnoval různá média, aby zaujal návštěvníky a přiměl je trávit více času na webových stránkách.
Dnes se podrobně podíváme na video jako na médium, které se stává všudypřítomným na celosvětové síti. Všude můžete najít videa běžící od platforem specializovaných na distribuci videoobsahu, jako je YouTube, do časopisů, zpráv a osobních blogů.
Jak přesně je dnes video populární? Jakou roli hraje ve webdesignu? Jak důležité je používat video ve webdesignu? To jsou jen některé z otázek, na které odpovíme. Budete také moci najít příklady použití videa ve webdesignu. Pusťme se do toho, ano?
Video přebírá kontrolu nad online sférou
Nejlepším způsobem, jak zhodnotit popularitu video obsahu, je rozebrat celý spotřebitelský internetový provoz. Nejnovější projekce nám říkají, že online videa budou do roku 2022 dominovat internetu.
Počet diváků digitálního videa v USA v letech 2018–2022. Zdroj:Statista
Přesněji řečeno, budou tvořit více než 80 % veškerého spotřebitelského internetového provozu. V porovnání s údajem z roku 2017 je to téměř 15krát vyšší návštěvnost.
Video je mezi průměrnými internetovými surfaři zdaleka nejoblíbenějším médiem, přičemž nejoblíbenější platformou je YouTube. Zde je jen pár statistik pro vykreslení obrázku. Na YouTube jsou více než 2 miliardy aktivních uživatelů měsíčně. Platforma je extrémně populární napříč demografickými skupinami, zejména mezi dospělými. Více než 70 % dospělých v USA používá YouTube.
Popularita video obsahu vyústila ve zcela novou oblast digitálního marketingu – online video marketing. Používání videí k zapojení návštěvníků webových stránek a jejich přeměně na potenciální kupce je vhodnou strategií pro 71 % B2B marketérů a 66 % B2C marketérů.
Video se stalo jedním z pilířů poskytování skvělé uživatelské zkušenosti. Rezonuje s lidmi, přináší výsledky a lze jej snadno přidat na web. Chování zákazníků online a jejich očekávání se mění. Dnes chce více než 50 % spotřebitelů vidět více videoobsahu.
Všechny tyto statistiky vyprávějí jeden příběh – video přebírá sféru online rychlým tempem. Projekce nám říkají, že tento trend bude pokračovat i v následujících letech. Přidání videa na web již není nápad založený na domněnce, ale na datech pocházejících z více zdrojů.
Typy videí používaných v návrhu webu
Zatímco na jedné straně je webový design zakořeněn v osvědčených postupech, na druhé straně má kořeny také v umění. Díky moderním webovým technologiím je dnes implementace videa do webdesignu výrazně jednodušší, než tomu bylo před deseti lety. Weboví designéři jsou poměrně inovativní, pokud jde o implementaci videí do jejich návrhů.
Pokud si uděláte čas na procházení některých z nejpopulárnějších webových stránek, brzy zjistíte, že existuje určitý vzorec, pokud jde o typy videí. Zde jsou nejběžněji používané typy videí ve webovém designu:
- Vysvětlující video – vysvětlující video se běžně nazývá video na domovské stránce nebo video na vstupní stránce. Jak název napovídá, rychle a poutavě vysvětluje, co společnost dělá a nabízí. Zde je příklad vysvětlujícího videa vytvořeného Vidicem :
- Firemní video – firemní videa jsou navržena tak, aby sdělila zprávu velmi specifickému publiku. Obvykle představují hodnoty značky nebo konkrétní službu či produkt.
- Animace – animace jsou skvělé pro vyprávění příběhu prostřednictvím postavy. Jsou perfektní pro mnoho webových designérů, protože mohou být přizpůsobeny tak, aby odrážely vzhled a dojem z webové stránky.
- Pohybová grafika – Pohyblivá grafika je stejně populární jako animace ze stejného důvodu. Jejich použití je však poněkud odlišné, protože se používají k efektivnímu přenosu dat nebo informací snadno použitelným způsobem.
- Video na pozadí na celou obrazovku – videa na pozadí na celou obrazovku jsou mezi webovými designéry stále oblíbenější. I když je jejich implementace náročná, protože se musí hodit ke všem designovým prvkům (barvy, tlačítka, typografie, rozvržení), mohou zlepšit vizuální zážitek a potěšit návštěvníky.
- Video podcast – spuštění podcastu je dnes opravdu snadné se všemi návody, jak začít podcasty, které jsou k dispozici. Změnil se však samotný koncept podcastů jako exkluzivního audio zážitku. Kvůli popularitě videí začalo mnoho podcastů nahrávat a publikovat podcasty ve video formátu na svých webových stránkách.
Funkce a výhody videí
Webdesign i videa sdílejí několik funkcí. Přinášejí však na stůl jedinečné funkce a navzájem se tak skvěle doplňují. To je přesně důvod, proč synergie videoobsahu a webového designu tak dobře funguje, pokud jde o zapojení uživatelů a uživatelskou zkušenost. Zde jsou některé z nejpozoruhodnějších funkcí videí, které dobře spolupracují s webovým designem:
- Představit – dlouhé popisy produktů a služeb mohou návštěvníky nudit, stručná a krátká videa nabízejí alternativu k úvodní kopii; tato videa mají funkci představit návštěvníkům vaši značku, produkt, službu a plány do budoucna.
- Rozkoš – pokud chcete svým návštěvníkům sdělit něco zajímavého, videa vám mohou pomoci je potěšit jedinečným způsobem. Můžete jej použít k oznámení velkých novinek, sdílení zajímavých faktů nebo jim představit nějakou novou službu nebo funkci produktu.
- Probudit zájem – videa mohou pomoci přidat do vašeho mixu jeden vizuální prvek navíc, a tím podnítit zájem a upoutat pozornost návštěvníků webu.
- Znovu oživte design – nejlepším příkladem této funkce je výše zmíněné video na pozadí na celou obrazovku. Dokáže vdechnout svěží vzduch minimalistickému designu, kde je na webu minimální množství prvků.
- Budujte důvěru – videa s svědectvími mají moc pomoci společnostem vybudovat důvěru u kupujících, kteří nakupují poprvé; lze je vidět na mnoha webových stránkách nabízejících širokou škálu služeb a produktů. Zde je příklad skvělého zkušebního videa od Zoomu a Slack :
Již jsme s vámi sdíleli, že více než 50 % spotřebitelů chce vidět více videoobsahu online. I když je to zjevná výhoda mít video na webu, zde je několik dalších:
- Snadno vyprávět příběh – každý má rád dobrý příběh a využití videí na webu vám může pomoci sdílet ten správný příběh s vaším publikem nebo spotřebitelskou základnou
- Snížit míru okamžitého opuštění – videa mohou přitáhnout pozornost návštěvníků a přimět je zůstat a prozkoumat váš web, čímž se výrazně sníží míra okamžitého opuštění.
- Zvýšení průměrné doby strávené na stránce – poutavá videa vám mohou pomoci zaujmout vaše návštěvníky a přimět je, aby je sledovali až do konce, čímž ovlivňují životně důležitý faktor SEO – průměrný čas strávený na stránce.
- Snadné předání zprávy – videa jsou nejúčinnějším způsobem, jak předat i ty nejsložitější zprávy.
Hlavní výzvy při implementaci videí
Zatímco videa a webdesign představují skvělou synergii, implementace videí může být náročná. Některé z hlavních problémů jsou:
- Kam umístit video – Existují dva problémy související s umístěním videa. Prvním je výběr webové stránky, na kterou chcete umístit video. A druhý je, kam na stránce umístit video. Mnoho webů uvádí videa na domovské nebo vstupní stránce.
- Výzvy rozvržení – pokud je web přeplněný prvky, může být opravdu těžké najít ten správný prostor pro umístění videa, což často vyžaduje menší proces redesignu webu.
- Paleta barev – barevná paleta může být problémem, pokud webový designér a videoprodukční agentura nemají prostředky ke komunikaci. Spolupráce s takovou agenturou může pomoci vytvořit úžasná videa, která dokonale zapadnou do designu webu.
- Potenciální problémy s hostováním – soubory videa mohou být velké a některé plány hostingu mají omezený provoz na webu, což může způsobit potenciální problémy.
- Responzivní design – A konečně, weboví designéři musí vzít v úvahu také mobilní zkušenosti. Implementace videí tak, aby negativně neovlivnila zážitek, může být náročná.
Příklady použití videa
Dost teorie. Podívejme se na některé případy použití videa a na to, jak zapadají do webového designu.
Pomalé po
Jako dokonalý příklad videa na pozadí na celou obrazovku máme Slow Mo. Video je dokonale zakomponováno do minimalistického designu webu. Používá se k prezentaci každé služby a produktu, které společnost nabízí.
Playground Inc
Playgorund Inc je vynikajícím příkladem toho, jak využít animaci jako kreativní digitální agentura. Každá animace na webových stránkách společnosti jasně sděluje hodnotu služeb společnosti a úroveň odbornosti týmu.
Wave.video
Wave.video je video tvůrce a řešení pro hostování videa. Oficiální web představuje přímočarý způsob využití synergie videa a webdesignu. Video je vloženo do posuvníku hrdiny a doplňuje vzhled a dojem z webu. Je to jedno z těch úvodních videí, která vysvětlují, jak služba funguje.
Závěr
Video se stalo nejoblíbenějším médiem distribuovaným napříč různými online kanály. Jedním z hlavních kanálů jsou webové stránky. Jak vidíte, na web lze přidat různé typy videí.
Video obsah a webový design vytvářejí tuto silnou synergii schopnou uchvátit návštěvníky, podnítit zájem a vybudovat důvěru. Těšíme se na to, kam nás trend videí jako jednoho ze zásadních prvků webového designu v nadcházejících letech zavede.
O autorovi: Ogi Djuraskovic je zakladatelem FirstSiteGuide.com. Na svém webu se snaží pomáhat lidem vybudovat úspěšný online obchod se správnou kombinací dovedností. Kromě svého online doučování má opravdu rád offline aktivity, jako je jízda na horském kole a chůze na francouzském Jumbo.