Pohyb má zmysel, iba keď ukáže viac než fotografia. Krátke video môže predstaviť priestor, pracovný postup, atmosféru alebo používanie výrobku. Posolstvo musí zostať jasné aj bez prehrávania: video na pozadí je bez zvuku, nie prehrávač hovoreného vysvetlenia.
Začnite krátkou pokojnou sekvenciou vhodnou na opakovanie, kvalitným statickým obrázkom, kontrastným prekrytím a jedným zrozumiteľným tlačidlom.
V priebehu pár sekúnd má pridať kontext, nie vyrozprávať celý film.
Ukážte miesto, pohyb, postup či používanie výrobku. Vyhnite sa rýchlemu strihu.
Vyberte sekvenciu, ktorá sa dá prirodzene prehrať znova.
Pohyb nesmie súperiť s nadpisom a tlačidlom.
Nízka výška / podstránka
Krátky vizuálny úvod služby, priestoru či postupu.
Vysoká sekcia / úvodná stránka
Keď je pohyb dôležitý pre prvý dojem, ale nepotrebujete celú obrazovku.
Celá obrazovka / vizuálny zážitok
Vhodné, keď sú miesto, postup alebo atmosféra podstatnou súčasťou ponuky. Zachovajte bezpečné okraje.
Dôležité: video na pozadí sa prehráva bez zvuku. Nespoliehajte sa na rozprávanie ani zvukové efekty. Nadpis aj ponuka musia dávať zmysel aj so statickým obrázkom. Na tejto stránke používa video YouTube iba ukážka Vysoká sekcia; ďalšie dve predstavujú vzhľad s náhradným obrázkom. Na vlastnom webe zadajte URL súboru MP4 alebo YouTube a podľa dostupnosti aj WebM.
| Nastavenie | Čo ovláda? | Praktické odporúčanie |
|---|---|---|
| Zdroj videa | Adresa MP4 alebo YouTube a voliteľne WebM. | Zadajte aspoň jeden prehrateľný zdroj; WebM môže byť alternatíva. |
| Náhradný obrázok | Fotografia pred načítaním videa alebo ak prehrávanie nie je možné. | Vyberte záber, ktorý sám vyjadruje posolstvo. |
| Výška | Nízka / Vysoká / Celá obrazovka. | Vysoká je vhodný začiatok na hlavnej stránke, nízka na podstránke. |
| Prekrytie | Jemné / Stredné / Silné. | Pri pohyblivom zábere je čitateľný kontrast obzvlášť dôležitý. |
| Úroveň nadpisu | H1, H2 alebo H3. | Jeden hlavný H1 na stránke, pri vedľajších sekciách použite H2. |
| Veľkosť písma | Pixely alebo automatická hodnota. | Predvolené veľkosti sa spravidla dobre prispôsobia mobilu. |
| Tlačidlo a farby | Cieľ odkazu, text a farby tlačidla. | Overte čitateľnosť na najsvetlejších aj najtmavších záberoch. |
| Šírka a rozostupy | Šírka pozadia, textu a vnútorný priestor. | Pozadie môže siahať po okraje, text nech má bezpečné odsadenie. |
| Viditeľnosť | Podľa zariadenia a naplánovaného obdobia. | Plánovanie patrí ku kampaniam, nie k oprave mobilného zobrazenia. |
Hlavné nastavenia úvodnej sekcie s videom na pozadí.
Pod nadpisom môžete doplniť menej výrazný krok, napríklad „Ako to funguje“. Vyplňte cieľ v poli Vedľajší odkaz a jeho text. Zobrazenie vyžaduje obe hodnoty.
Nad pohybujúcim sa pozadím sa textový odkaz môže ťažšie čítať. Kontrastné tlačidlo býva spoľahlivejšie, no prvá akcia má zostať hlavná.
Ďalším štýlom je Obrázok: klikateľný grafický panel, napríklad oficiálne oznámenie s odkazom na stránku projektu.
Používajte iba schválené oficiálne materiály daného projektu.
Krátke, pochopiteľné za pár sekúnd a prirodzene opakovateľné. Celý prezentačný film nedávajte na pozadie.
Nie každá úvodná sekcia potrebuje pohyb.
POHYB JE NÁSTROJ, NIE OZDOBA
Používajte krátku tichú slučku, výstižný náhradný obrázok a dostatočný kontrast.
