načítání...
nákupní košík
Košík

je prázdný
a
b

Animace pro Moderní Web - Jiří Lex

  > > > > Animace pro Moderní Web  
-6%
sleva

Elektronická kniha: Animace pro Moderní Web
Autor:

V této knize se podíváme na to, jak pokračuje vývoj webdesignu a hlavně na masivnější rozvoj nejnovějšího trendu animací pro webové stránky. Ukážeme si příklady a jejich ...
Titul je skladem - ke stažení ihned
Médium: e-kniha
Vaše cena s DPH:  240 Kč 225
+
-
7,5
bo za nákup

hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%hodnoceni - 0%   celkové hodnocení
0 hodnocení + 0 recenzí

Specifikace
Nakladatelství: » KKnihy.cz
Dostupné formáty
ke stažení:
EPUB, MOBI, PDF
Upozornění: většina e-knih je zabezpečena proti tisku
Jazyk: česky
Médium: e-book
ADOBE DRM: bez
ISBN: 999-00-017-5278-1
Ukázka: » zobrazit ukázku
Popis

V této knize se podíváme na to, jak pokračuje vývoj webdesignu a hlavně na masivnější rozvoj nejnovějšího trendu animací pro webové stránky. Ukážeme si příklady a jejich využití v praxi. Dále si vysvětlíme, kde animace používat, kde ne, a pokud ano, tak jakým způsobem. Vše s ohledem na uživatele a komerční využití, aby animace přinášely zisk a užitek. Kniha je napsána tak, aby jim rozuměl i ten, kdo není přímo z oboru, nevyzná se ve zdrojovém kódu, ale i tak si chce udělat obrázek o tom, jak se dělají webové animace a mohl třeba s webdesignérem lépe komunikovat.

Zařazeno v kategoriích
Jiří Lex - další tituly autora:
Moderní Web Moderní Web
Lex, Jiří
Cena: 112 Kč
Moderní Web ve 3D Moderní Web ve 3D
Lex, Jiří
Cena: 338 Kč
Začínáme s Moderním Webem Začínáme s Moderním Webem
Lex, Jiří
Cena: 84 Kč
Potřebuji Moderní Web Potřebuji Moderní Web
Lex, Jiří
Cena: 94 Kč
 
Recenze a komentáře k titulu
Zatím žádné recenze.


Ukázka / obsah
Přepis ukázky

1 .





Animace pro Moderní Web
Jiří Lex
1. vydání
Vydáno v září 2017 jako 60. publikace nakladatelství
Nakladatel: Pavel Kohout ( www.kknihy.cz)
ISBN:
epub: ISBN 978-80-7570-065-0
mobi: ISBN 978-80-7570-066-7
pdf: ISBN 978-80-7570-067-4
2.





3 .





Úvod
Současné trendy a vývoj se ne vždy dají předpovědět. Vlastně je to skoro nemožné a jedná
se spíše o odhad, což platí dvojnásob, pokud se jedná o současný svět internetu. Vždy záleží spíše
na tom, kdo jako první posbírá co nejvíce informací z daného oboru, dokáže je správně vyhodnotit a
najít v nich potenciál.
Někdy se ten potenciál objeví hned, jindy až později, a třeba i za několik let. Prakticky nikdy
jsem nezažil, že by něco, nějaký nápad či věc, neměli nějaké využití dnes, zítra, za rok nebo i za pár
století v oboru, který myslitel zamýšlel a častěji v nějakém úplně jiném.
V oblasti internetu a současného směřování vývoje webdesignu to platí mnohonásobně. Už
díky rychlosti, se kterou přichází nové technologie, standardy a postupy při tvorbě webových
stránek.
Těchto několik řádků se dá shrnout tak, že pokud vás něco napadne a sdělíte to ostatním,
většinou to najde dříve nebo později nějaké využití.
V této, již páté, knize od Moderního Webu se podíváme na to, jak pokračuje vývoj
webdesignu a hlavně na masivnější rozvoj nejnovějšího trendu animací pro webové stránky.
Ukážeme si nějaké příklady a jejich využití v praxi. Dále si vysvětlíme, kde animace
používat, kde ne, a pokud ano, tak jakým způsobem. Vše s ohledem na uživatele a komerční
využití, aby animace přinášely zisk a užitek.
Použití
Kniha je určena převážně pro webdesignéry a příbuzné obory, od programátorů přes
frontendové odborníky po marketingová oddělení.
Knihy většinou píši tak, aby jim rozuměl i ten, kdo není přímo z oboru, nevyzná se ve
zdrojovém kódu, ale i tak si chce udělat obrázek o tom, jak se co dělá a mohl třeba s
webdesignérem lépe komunikovat.
Těm z vás, kterým programování či kódování nic neříká, stačí jen vynechat tabulky se
zdrojovými kódy.
4 .





Pár slov autora
Knížku jsem plánoval už dlouho. Dokonce jako jednu z prvních, ne-li úplně první. Nakonec
jsem dal přednost jiným tématům a tohle, které se jevilo jako komerčně hodně ziskové oproti těm
předchozím, si trochu sobecky nechával pro sebe a v ostatních knihách jen tu a tam něco v nějakém
odstavci předhodil.
Díky tomu knihu začínám psát v době, kdy jsou animace již v plném proudu a mě tak
nezbývá nic jiného, než s klidným svědomím předat své poznatky dál. S klidným svědomím,
protože to dnes už stejně dělá každá druhá firma a navíc nás čekají jiné trendy a toto téma bude
základem pro plynulý přechod k trendům budoucím.
Nemyslete si ovšem, že v knize nenajdete nic nového. Naopak, jak mám ve zvyku, tak
věřím, že nemálo doplním znalosti i odborníkům, kteří se animacím věnují již dlouho.
Řeč tedy bude převážně o animacích webových. Takových, které se dají využít snadno, bez
větší námahy a návštěvníkům vašich stránek přinesou prakticky zdarma dojem, že jsou zajímavé a
snad i moderní.
Propojíme spolu tedy animace a informace.
5 .





Používané technologie
Technologií je více, než si zde vyjmenujeme, ale pro pořádek se podíváme alespoň na
některé. Snahy o animace na webu tady byly opravdu již od samotného počátku internetu, proto se
možná bude zdát, že jsou již zastaralé či přežité.
Nicméně, jak bylo napsáno v úvodu, tak přišly, světe, div se, nové jednodušší možnosti, jak
na webech animovat. Tyto možnosti nepřišly jen tak. Opravdu značná část webdesignérů volala po
snazších možnostech, jak vkládat animace na web.
HTML
Jednou z prvních možností, jak animovat na webu, byl samotný jazyk HTML. Už ve svých
základech měl možnost nejrůznějších pohybujících se textů a i nejrůznějších hacků, nebo možná
přesněji technik, které ovšem zobrazil třeba jen webový prohlížeč, tehdy Internet Explorer.
Ještě teď si vzpomínám na efekt, který dnes již asi fungovat nebude. Efekt načítal stránku
jako list papíru. Další, daleko běžnější, byl již zmíněný běžící text přes element <marquee>.
Více si o těchto technikách psát nebudeme, protože se už dávno nepoužívají a
pravděpodobně z nich ani většina nefunguje. Mnoho učitelů navíc i tvrdí, že působí rušivě.
Ona to pravda je, záleží ovšem, kde a při jaké příležitosti je využijete. Někdy, podobně jako
hudba, pomohou se soustředit, jindy naopak opravdu ruší. O tom si ovšem ještě napíšeme později.
Animovaný obrázek ve formátu gif
Tato technika se jako jedna z prvních a poměrně jednoduchých neuvěřitelně rozšířila.
Oblíbilo si ji velké množství webmasterů, převážně těch prvních.
Přiznám se, pár animovaných gifů jsem kdysi vytvořil, ale vůbec je nepoužívám. Což
neznamená, že vy byste také neměli. Naopak, dnes zažívají comeback, hlavně díky lepšímu
zpracování v grafických programech, kdy se dá jednodušeji vytvořit více snímků a rychlejší
prohlížeče a počítače je snáze přehrají. Vzniká tak plynulejší přechod mezi snímky a efekt působí
moderněji, přirozeněji.
V knize se této technice přímo věnovat nebudeme, ale dá se využít jako alternativní metoda
animování.
Javascript
První efekty v javascriptu opravdu uměly ledacos. Animace mohly být propracované a
různorodé. Přijde ovšem „ale“. Tehdy neuvěřitelně zahltily paměť prohlížeče a ani dnes nedosahují
takového zpracovaní na všech zařízeních, jakého by bylo třeba.
Také bylo pro programátory obtížnější naučit se tento jazyk k animacím používat. Stránky
využívající javascript byly často prvními nositeli virů, proto se proti využívání tohoto jazyka velice
bojovalo a spousta webmasterů se mu dlouhá léta bránilo.
6.





Dnes je situace přesně opačná, protože prohlížeče i počítače jsou daleko bezpečnější. Názory
odborníků se změnily, javascript je hodně podporován a dokonce velice často i vyžadován. Hlavní
předností je ovšem jeho nepřekonatelnost. Ne tedy z hlediska efektů na webu, ale z hlediska
analyzování pohybu uživatele na stránkách, zpracování dat ve formulářích a mnoha dalších věcí.
Flash animace
Dlouhá léta byly flash animace velice oblíbeným a populárním produktem. Vlastně se jedná
o první ucelený systém určený čistě k tvorbě animací a vytváření děje či pohybu na webových
stránkách.
Určitě tedy sloužil k tvorbě mnoha efektů, upoutávek a fotogalerií. Někteří webdesignéři si z
něj vytvářeli kompletně celé weby a vlastně se k tomuto účelu používá dodnes. Ovšem ve velice
malé míře.
Flash si našel své místo na opravdu dlouhou dobu i jako nástroj pro přehrávání videí. Toto
místo ale poměrně nedávno opustil.
Dnes má své pevné základy už asi jen jako nástroj pro tvorbu online her a vypadá to, že se
jedná o poměrně stabilní místo na mnoho dalších let.
Videa
Zmínili jsme videa. Video animace nebo dokonce animované filmy jsou trochu jinou
kapitolou. Ovšem dnes tak trochu berou místo typickým webovým animacím.
Každý, kdo umí vytvořit animovaný film (dnes to není nic těžkého), může video nahrát do
stránek a dokonce i do určité míry zamaskovat, že se jedná o video.
Samotné efekty i animace budou vypadat neskutečně působivě. Možná se trochu opakuji, ale
můžeme aspoň vidět, jak na sebe jednotlivá témata navazují. Přesněji, návaznost na již vydané
knihy od Moderního Webu ( http://www.kknihy.cz/produkt/moderni-web-sada-e-knih).
Dokonce ani takové video není třeba maskovat. Pokud skutečně vezmete videokameru s
vysokým rozlišením a natočíte pár snímků, které vložíte na web, tak upoutávky získají úplně jiný
rozměr.
7.





01. Podívat se můžeme třeba na webové stránky města Hluboká nad Vltavou, na kterých se autoři
jakoby inspirovali jednou z mých knížek a vytvořili sérii několika krátkých videosnímků, které
nahradily klasické fotografie ve slideru. K vidění na: https://www.hluboka.cz
jQuery
Jedná se tedy o javascript nebo přesněji jeho knihovnu, kterou si můžeme stáhnout na webu
http://jquery.com
Její využití je poměrně jednoduché. Bylo o ní sepsáno několik knih a do určité míry se tak
stává standardem mnoha dnešních webdesignérů.
Má mnoho funkcí a její hlavní výhodou je jednoduchost. Naučí se ji rychle využívat i ti z
vás, kteří neovládají javascript.
O samotných efektech a hlavně tedy animacích si ještě budeme podrobněji psát později i v
této knize.
8.





02. O jQuery a některých efektech jsme si psali již v první knize nebo se můžete podívat i na
základní výuku na mých stránkách: http://moderniweb.com/3d/vyuka-jquery.php
CSS3 animace
No a konečně tu máme naše oblíbené CSS3 animace. Nevím, zda je vhodné o nich psát jako
o novince, ale vzhledem k tomu, že z těchto vyjmenovaných metod animování na webu jsou
nejmladší, tak snad ano. Vlastně druhé nejmladší. Pravdou je, že o trochu mladší jsou videoanimace
jazyka HTML5, které si svou komerčně využívanou podporu našly o něco později než CSS3
animace.
Někdo může namítat, že se jedná o stejnou technologii, ale jak jsem již psal, jazyk HTML5
není CSS3 a funguje samostatně. Trochu otřepaná fráze, kterou jsem uváděl výuku na svém webu
již v roce 2012, ale jako malá vzpomínka pro ty, co ji znají, se sem snad hodí. No ano, je to už 5 let
co jsem poprvé otevřel knihu o jazyce CSS3 a tehdy se tento jazyk skoro vůbec nepoužíval.
Za tu dobu se jazyk uchytil poměrně hodně. Je oproti javascriptu rychleji zpracován
prohlížečem a zároveň je o dost bezpečnější. Nicméně i tak má své hranice, proto je dobré jej s
javascriptem při práci tu a tam propojit.
Může ovšem fungovat samostatně a pro většinu efektů je plně dostačující.
9.





Využití
Konečně se dostáváme k něčemu, aspoň doufám, pro většinu z vás novému. Jedná se tedy o
nejdůležitější otázku vůbec, proto si ji rozebereme velice podrobně.
Využití animací je poměrně rozsáhlé. Od již zmíněného zjednodušení po systematické
předkládání informací tak, abychom je stihli vstřebat a ani tak se to občas nepovede.
Čekání
Světe, div se, animace a celkově sledování nějakého pohybu nám zkracuje čas. Přesněji tedy
vnímání času. Úplně jednoduše se dá napsat, že něco zaměstná náš mozek.
Takže pokud máme zaměstnaný mozek nějakou činností nebo sledováním nějaké činnosti,
hned se cítíme lépe, nejsme tolik nervózní a dokonce někdy přijde i zvědavost.
Záleží ovšem na složitosti animace. Čím je animace složitější, tím déle se na ni vydržíme
dívat, aniž odpoutáme svůj zrak.
Konstantní, neustále se opakující animace nebo stejný cyklus pořád dokola, nás za chvilku
začne nudit. Pro programátora i tvůrce takové opakující se animace nebo činnosti je určitě
jednodušší ji vymyslet a udržovat, ale brzy se omrzí.
Pokud jsme dokonce nuceni sledovat nebo se účastnit neustále se opakujícího cyklu,
začínáme být nejen znudění, ale i podráždění.
Ale pokud tu a tam změníme tempo, nastavíme více cyklů, občas zpomalíme, občas
zrychlíme, hned tu máme nějakou změnu, a tedy i lepší zážitek. Viz třeba horská dráha proti
obyčejnému vláčku, který jezdí kolem dokola. Co myslíte, že vás bude bavit více?
Pokud by chtěl někdo zajít do příliš velkých extrémů a vytvářet neuvěřitelně složité
animace, tak může, ale nemusím snad připomínat, že pokud se třeba jen čeká na načtení obrázku
nebo dokumentu, tak stačí opravdu jen malá změna v cyklu. Ukážeme si to později na příkladech.
Čím delší je čekání, tím více musí být změn. Pokud dokonce přidáte i změnu světelnosti
elementu, hned je tu další prvek. Můžete třeba dokonce vytvořit poskakující míček nebo několik
míčků, které neustále mění pozici. Když dáte těm míčkům i příběh, emoce a vzájemné interakce,
máte vyhráno a z čekání se stává zábava.
Pozor ovšem na případy, kdy dojde k načtení dokumentu, a lidi o tento načítací příběh
přijdou a neuvidí jej do konce. Náhle přijde zklamání.
Celé bych to nazval syndromem dívání se do ohně. Už naši předkové se vydrželi dlouhé
hodiny dívat do ohně. Sami si můžete všimnout, že sledovat oheň u táboráku nebo v kempu je
obdobná zábava, jako třeba sledovat televizi nebo poslouchat rádio.
On opravdu pro naše předky oheň byl nejen zdrojem ochrany, tepla a lepší přípravy potravin,
ale i zábavou. Zábavné je nejen plápolání ohně, ale právě i postupná změna intenzity hoření,
pohlcování větve, interakce, pokud do něj něco hodíte a podobně.
10 .





Na dnešního člověka to zas tak nepůsobí, ale na naše předky to mělo úplně jiný efekt. Občas
můžeme vidět i v dobových filmech, jak se kolem ohňů vytvářely hry, kulturní tradice až legendy
nebo třeba fantastické příběhy o oživlém ohni.
Podobně na nás působí nejen oheň, ale třeba i vodní hladina, listí stromů ve větru či horská
neposečená louka. Nejen příroda, ale i sledování nočního města z paneláku nebo pohled na
společenský tanec i chaos diskoték.
Největší radost a údiv míváme, pokud dokonce ten chaos či pohyb můžeme nějak ovlivnit.
Hození kamene do vody, klacku do ohně nebo zvolání nějakého hesla k davu lidí.
Každý, kdo zkoušel třeba mluvit k davu nebo celkově má podobné zkušenosti, může si
občas všimnout spontánních reakcí, které dávají následné masové reakci dokonce i řád. Něco ve
stylu mexické vlny, ale spontánní a přirozené. Nejlépe to jde vidět dnes spíše u zvířat, zejména
ptáků, například jejich let ve formacích.
Pro nás je důležité pochopit, jak moc silný je tento instinkt a jak jej využít. Tvůrci her ho
dnes využívají celkem běžně. My to od nich můžeme převzít a dokonce snad i vylepšit. Nakonec
někdo opravdu může zajít tak daleko, že při delším čekání vytvoří nějakou malou pinkající hru, ale
je otázka, zda je to dnes relevantní, když se neustále zrychlují nejrůznější systémy, připojení a
celkově je spíše kladen důraz na zkrácení doby čekání.
Pokud ovšem efekty a animace budou tak složité nebo obsah tak dlouhý, že se na načtení
stránky znova bude čekat příliš dlouho, už víme, co dělat a hlavně i proč to dělat.
Zábava
V předchozím tématu jsme nakousli otázku zábavy. Pohyb je opravdu zábava. Někdo by
mohl namítat, že i ležet na pohovce je zábava, nicméně i při tom ležení musíte něco dělat, jinak se
začnete nudit.
Nejčastěji tedy sledovat televizi a kupodivu, v televizi je nějaký pohyb. Někdo může koukat
z okna nebo na hrající si děti. I zde ovšem očekáváme nějaký pohyb. Od pohybujících se stromů ve
větru po hrající si děti na pískovišti přes projíždějící auta či lidi procházející kolem.
Spousta mladých lidí, které ještě pohyb tolik nebolí jako ty starší, vám zase bude tvrdit, že je
lepší běhat, skákat nebo, u těch o něco starších, i tančit.
Samozřejmě na počítači tu zábavu máme opět v podobě počítačových her, které se
pohybovat prostě musí, snad až na nějaké logické hry s čísly nebo kartami, kde ovšem pohyb si už o
trochu chytřejší lidé představují sami ve své hlavě. To znamená, že hráči karet nebo šachů si na
vyšší úrovni už sami představují pohyb, tedy tahy soupeře a k zábavě jim tak stačí vlastní mysl.
Nejsme daleko od pravdy. Pokud člověku vezmete veškerou zábavu vizuální, zůstává mu už
jen vlastní mysl, a tedy častěji spí. Ve snech si už nějaký pohyb a akci představuje. A pokud nespí,
tak může vzpomínat nebo si představy pohybu vytvářet sám a vlastně rozvíjet svou fantazii.
Možná proto většina introvertů trávících v jednom pokoji celé dny mívá raději fantasy
příběhy a vlastně i živější myšlení s nimi spojené. A staří lidé pak už jen vzpomínají nebo jsem se
setkal i s tím, že píší knihy a podobně.
11 .





Pro ostatní je tedy lepší ten pohyb vidět, prožívat a dokonce si moci pohyb nějak přehrávat
nebo měnit jeho průběh, pokud se vrátíme do světa internetu. Nevýhodou je, že člověk ztratí
motivaci pěstovat vlastní fantazii, tedy i myšlení, pokud bude jen sledovat animace a nebude příliš
využívat fantazii a představivost. Ale nezoufejte, webové animace z vás hloupého člověka
neudělají. Dokonce si myslím, že vám pomůžou věci rychleji pochopit. Pokud byste ovšem
sledovali pořád dokola totéž nebo dělali tytéž činnosti, tak ano, trochu asi zakrnět můžete. Jde o to,
najít určitou rovnováhu.
Takže vždycky je lepší běžnému člověku umožnit si nějakou akci znova přehrát, pozastavit
nebo naopak urychlit. To se dá využít třeba u sliderů a jiných upoutávek a samozřejmě hlavně u
videí, pokud nejsou třeba dostatečně krátké, dynamické nebo nemají příliš velký význam pro obsah.
Očekávání a překvapení
Pro lepší zážitek není nic lepšího, než někoho překvapit. Zde je ovšem těžké najít hranici.
Dost takto překvapených lidí se může dokonce i vyděsit. To, co by překvapilo a potěšilo vás, jiného
může vylekat, dostat do rozpaků či dokonce donutit k odchodu.
Pro překvapení ani nemusíme být super analytici. Stačí udělat úplně jednoduchou akci. Začít
průměrnou běžnou animací, kterou každý zná, ale počká na to, co z ní vzejde. Třeba se bude něco
postupně objevovat, najednou se vše třeba zrychlí a vyskočí něco srandovního, něco, co absolutně
nesedí k tématu, ale právě proto, že to k němu nesedí a přišlo to tak vážně, tak přesně to vytvoří tu
zábavu.
Toto občas pobaví i otrlého nebo mrzutého jedince. Příklad si ukážeme, ale ne v takové
míře, aby vás to shodilo ze židle, na to jsou odborníci v jiných oborech, zejména u tvůrců
reklamního videa.
V praxi to může být buď součástí již zmíněných sliderů, reklamních upoutávek nebo také
načítání. Ono opravdu stačí, když se z obyčejného běžného načítacího kolečka najednou stane
uprostřed cyklu třeba kolečko velké přes půlku obrazovky a rychle se zase zmenší. Zde ovšem
pozor na ten efekt vylekání, ale lidi to většinou snad pochopí.
U očekávání je to podobné. Většinou ale jen v případě, že dokážete vyvolat napětí, což
můžeme znát ze starých pomalých připojení, kdy jsme dlouze čekali, než se obrázek ve větším
rozlišení načte. Stejně u toho načítání většina z nás seděla a koukala, jak se pomalu načítá.
Obdobným a daleko častěji používaným prvkem je obyčejné procentuální vyjádření doby, po
kterou něco nabíhá.
Tento čas se dnes dokonce využívá i naučně. To znamená, že lidem jsou předkládány třeba
různé užitečné rady formou krátkých vět nebo občas i vtipných hlášek, které nejsou nezbytně
důležité, ale zase nám trochu zlepší prožitek z čekání, co dalšího zajímavého si na nás ten
programátor vymyslel.
Čas
Možná, že přesnější termín než čas, je historie. Toto téma tak velice pěkně navazuje na
12 .





předchozí. Čas je velice podobný čekání, ale jedná se o něco trochu jiného. Nebudeme si tedy
definovat čas, ale to, jak se na něj díváme ze zpětného pohledu.
Takže za sebou máme nějakou událost, přečtený dokument, odstavec nebo provedený nákup
na eshopu. A co teď? Je konec, což znamená, že přišlo něco špatného. Zábava byla vybírat zboží,
číst článek nebo si hrát hru.
Pokud jsme celou událost strávili jen díváním do ohně, mohou na konci sledování přijít
výčitky svědomí, že jsme vlastně nic neudělali. Jen jsme zírali na pěkné animace a přišli jsme tak o
spoustu času.
To je právě ten dvojí pohled. Při nějaké zajímavé činnosti nám čas utíká rychle, ale pokud se
zpětně podíváme, co jsme dělali, zjistíme, že jsme vlastně neudělali nic.
Toto zjištění může být i trochu výchovné. Pokud celý rok nic neděláte, na jeho konci můžete
nabýt dojmu, že jste nic vlastně nedělali, a tedy, že ten čas nejen rychle utekl, ale navíc byl
promrhán. To není dobře.
Tento pocit dnes lidé mívají často. Včetně mě. Pročpak asi?
A jak tomu zabránit? Máme štěstí. Průměrný člověk si během let vytvoří obranu a v podstatě
se nedívá zpět. Nebo jen letmo a rychle se zase věnuje nějaké akci, aby na to nemusel myslet.
Samozřejmě je lepší, když čas trávíme produktivně a za sebou máme pořádný kus práce a zážitků,
ale ne vždy je to možné. Proto se podíváme na naši vnitřní obranu.
Ta je jedním z našich řešení. Pokud například zákazník dokončí nákup, můžeme mu obratem
předhodit nějaká další doporučení, třeba právě formou animace, nebo se s ním můžeme jen nějak
vtipně rozloučit nebo zákazníkovi dát dodatečnou slevu.
Poděkování za nákup a nějaká ta rekapitulace objednávky je dobrá. Dokonce i zaslání
vyrozumění na email ten pocit z dokončeného nákupu, tedy ukončené zábavy, trošku utlumí a přijde
očekávání, kdy dorazí zboží a co s ním budu dělat.
Divadla to dělají třeba dlouhým potleskem, který leze lidem na nervy, což je vlastně i záměr,
aby neodcházeli zklamaní, že už je konec a tak trochu i za ten konec byli vděční. Velká díla jako
Pán prstenů to mají podobné. Propracované dlouhé konce, které většinu spíše otravují.
Už jako dítě jsem si říkal, proč tomu tak je? Vždyť ti velcí autoři musí vědět, že není zábava
koukat na dlouhé konce, jak se všichni loučí, žení a žijí šťastně až do smrti.
Tak tady mám odpověď. Druhou metodou je natáhnout konec nebo odchod tak, až každý
bude rád, že to skončilo.
Nebo naopak u těch, kteří si událost doslova vychutnávali, přijde zasloužené naplnění
formou dodatečného vysvětlení, jak to celé dopadlo. Platí to i u potlesku. Pokud jste se skutečně
bavili, tak si i ten potlesk vychutnáte.
Zase tu tedy máme dvojí pohled. Pokud vás něco nadchne, chcete spíš vidět šťastný konec s
co nejvíce detaily. Pokud se jednalo o průměrnou nebo podprůměrnou událost, kterou jste třeba
nepochopili, jste raději, když už je konec.
13 .





Vlastně jsme nepřímo našli odpověď na otázku, proč dnes tolik lidí preferuje špatné konce.
Jednoduše se dostatečně nebavili nebo ještě v horším případě trochu trpěli. Později se dokonce
podíváme na další faktor, kterým je množství. Čím větší publikum máte, tím menší je
pravděpodobnost, že pochopí váš příběh, pokud byl složitý, a tedy budou volat spíše po špatném
konci nebo jim minimálně zas tolik vadit nebude. Lepší je složité příběhy přehrávat skalním
fanouškům než masám lidí.
S převedením do webdesignu jsou tedy určitě vhodné spíše nějaké dodatečné odměny,
například formou ukázky toho, jak ten produkt vypadá. Třeba jen jiný obrázek než ten, který byl
vidět na produktové straně. Dále třeba i video, nějaké bonusové materiály, příbuzné zboží, náhledy
partnerských webů nebo mě ještě napadá stránka s ujištěním, že jste nakoupili u odborníků, třeba
stránka s referencemi.
Co se animací týče, tak v tuto chvíli stačí jen decentní uzavírací animace, která nutně nemusí
mít nápis „Konec“ nebo „Děkujeme za nákup“, ale může mít třeba jen formu uzavření stránky a
otevření jiné.
Třetím řešením, a možná i tím nejrozumnějším, je zabránit výčitkám. Udělat čas, který
člověk strávil na webu nebo sledováním animací a reklam, nějak užitečným.
Dnes můžeme vidět reklamy plné rozumových hlášek a frází, takže čas strávený sledováním
nějaké bezmyšlenkovité animace je možné obohatit třeba o tipy, rady a triky, nejlépe se vztahující k
vašemu oboru. Samozřejmě, pokud je na to dostatek času.
To znamená, že je dobré animaci obohatit o něco užitečného, nejlépe k tématu. Může to být
ale i něco zábavného, i když to je kupodivu sporné. Lidé na zábavu rádi vzpomínají, dokonce i
dlouho, ale když je jí moc, tak na rozdíl od vědění si jí přestanou vážit.
Je zajímavé, že můžeme vidět stovky dětí, jak je nějaká činnost přestane bavit, ale málokdy
nějakého vědce, kterého by omrzelo vědění. Obecně zábava omrzí dříve než nějaké vědění či
umění. Myslím ale, že i to je možné, třeba kvůli příliš velkému vlivu okolí, nemoci, zranění nebo
jen zahlcením informací.
Pro nás se tedy hodí poznání, které nám říká, že třeba film natočený čistě jen jako zábavný,
tedy komedie, nás příliš nedonutí se na něj dívat podruhé, ale film, který je třeba zábavný a navíc
ještě plný různých podprahových významů, narážek nebo postřehů, je téměř vždy o něco úspěšnější.
Je to dáno už samotným základem, o kterém jsme si už psali. Je tam zábava a ještě něco
navíc. To "navíc" dělá film lepším než jen obyčejně zábavným. A to vše jen díky tomu, že byl
rozšířen o něco dalšího.
Samozřejmě to neplatí vždy, záleží na kvalitě obou filmů a dalších faktorech, ale teoreticky
pokud mají stejný základ, tak rozšíření nebo větší složitost a propracovanost je vždy o něco lepší.
Podvědomí
Videa tedy mohou ovlivnit nejen naše vědomé sledování, ale i to podvědomé. Existuje
omezené množství sdělení, které naše vědomí dokáže přijmout. Zbytek zpracuje naše podvědomí.
14 .





Obecně je podvědomí docela podceňovanou silou naší mysli. Funguje mnohonásobně
rychleji než vědomí a podle mě se vlastně jedná o tzv. šestý smysl či instinkt.
Podíváme se třeba na animace pozadí. Pomalu a přirozeně se pohybující animace na pozadí
webu mohou spíše uklidnit, dokonce pomáhat k již zmíněnému lepšímu soustředění a navíc i k
potřebnému dobrému pocitu.
Moc pěkný příklad jsem viděl třeba jako úvodní menu hry Zaklínač 3 - O víně a krvi, nebo
můžeme kouknout pro změnu na jiné, třeba webové, dílo s videotapetou. Není sice tak uklidňující
jako dílo od profesionálních tvůrců, ale jako příklad to může stačit.
03. Jedná se o webovou šablonu, k vidění na: http://moderniweb.com/eshop/68-animovaná-
šablona-s-videotapetou-čas.html nebo možná lepší bude video: https://youtu.be/rwdvLfen7tY?
list=UUyB6cRqCVpxeqgwz1TTtkYw
I zde je animace možná až příliš rychlá, ale šablona je určena pro web s ne příliš dlouhou
návštěvností, rychlým výběrem, a tedy i snahou o rychlý dobrý dojem z designu. Jiný, možná lepší,
příklad byl vidět na obrázku č. 2, kde musíte sledovat černé pozadí, nikoli ty dva bannery s
knihami.
Na obrázku č. 2 je přidán také efekt utlumení pozadí. To je proto, aby opravdu jen
uklidňoval a vyvolal tak dobrý dojem. Pokud by tam to blikání hvězdiček bylo pořád, nemělo by to
takový efekt. Takto bude mít podvědomí návštěvníka po utlumení pozadí hned volný prostor na
vnímání dalších prvků na webu, a tedy krátké soustředění na další prvky na webu.
Něco v kombinaci indiánského běhu a stimulace mozku, kdy indiáni chvilku běželi, pak šli,
pak zase běželi a zase šli. Touto metodou uběhli větší vzdálenosti. Podle mě by to podobně mohlo
fungovat i na lidské podvědomí.
15.






       

internetové knihkupectví ABZ - online prodej knih


Knihy.ABZ.cz - knihkupectví online -  © 2004-2018 - ABZ ABZ knihy, a.s. TOPlist