logo
10.10.2020 21:10
1
Zdravím Webtrh!

Vše začalo když jsem si chtěl udělat nějaký fak cool web a hledal jsem inspiraci všude kolem. Narazil sem na technologii scrollovací animace, kdy podle scrollu v pozadí běží sekvence obrázků, nebo video. Tuto technologii využívá Sony ( https://www.youtube.com/watch?v=c3Ou..._channel=LeahN ) anebo Apple ( https://www.apple.com/airpods-pro/ ), ale nenašel jsem žádný produkt, který by šel nainstalovat a umožnil by mi využít té samé technologie.

Proto jsem se pokusil takový produkt stvořit a dát jej k dispozici zdarma na WordPress a rád bych slyšel Váš názor na něj.


Pár příkladů:
Beauty – Scrollsequence

Krátké video:
Scrollsequence - How it works on Vimeo

Web:
https://scrollsequence.com/

Co si o tom myslíte, má to šanci na úspěch?

Přiložené miniatury

Přiložené obrázky

Co se právě děje na Webtrhu?

10.10.2020 21:15
2
Hodně nepříjemný, když scrolluju na myši. U mě by to neuspělo. To je zrovna ta těžká nevýhoda, že když někdo scrolluje jinak než je zamýšleno, jinou rychlostí, s jinak nastaveným scrollem, tak je to šílený na oči, ale opravdu šílený.

Další věc je, že 20 sekund scrolluju, ale nic jsem se o produktu nedozvěděl třeba (ten případ AirPods). Máš testy jak na to lidí reagují? Jak dlouho vydrží scrollovat?
10.10.2020 21:24
3
Původně odeslal Tomáš Maňhal
Hodně nepříjemný, když scrolluju na myši. U mě by to neuspělo. To je zrovna ta těžká nevýhoda, že když někdo scrolluje jinak než je zamýšleno, jinou rychlostí, s jinak nastaveným scrollem, tak je to šílený na oči, ale opravdu šílený.

Další věc je, že 20 sekund scrolluju, ale nic jsem se o produktu nedozvěděl třeba (ten případ AirPods). Máš testy jak na to lidí reagují? Jak dlouho vydrží scrollovat?
Tak na webu mam nainstalovanej Mouseflow, vetsina lidi si to nekolikrat proscrolluje nahoru a dolu. Sileny na oci v jakym smyslu - bezi to plynule? Blika ti to nejak? Vidim ze mas pc, fullhd display a chome prohlizec - to by melo byt vpohode.
10.10.2020 21:31
4
Nebliká, netrhá se to, ale jak scrolluju a mám nastavenej scroll na několik řádků, tak je to pozadí prostě rozkouskovaný a na mě to působí při procházení špatně a ruší mě to. Jako bych se díval na video a každou druhou sekundu mi ho někdo zastavil a znova pustil. A to ještě umocňuje fakt, že občas scrolluju rychleji, občas pomaleji. Neznám nikoho, kdo by chytil scrollbar a jel s ním ručně plynule dolů. Přes kolečko je to pro mě prostě špatný no.
10.10.2020 21:37
5
To co se tomasovi nelibi by se dalo vyresit, proste nepreskakovat rovnou na obrazek X ale opravdu udelat plynulej prechod nejakou maximalni nastavenou rychlosti :) udelej to a za me ok
10.10.2020 21:42
6
Původně odeslal Tomáš Maňhal
Nebliká, netrhá se to, ale jak scrolluju a mám nastavenej scroll na několik řádků, tak je to pozadí prostě rozkouskovaný a na mě to působí při procházení špatně a ruší mě to. Jako bych se díval na video a každou druhou sekundu mi ho někdo zastavil a znova pustil. A to ještě umocňuje fakt, že občas scrolluju rychleji, občas pomaleji. Neznám nikoho, kdo by chytil scrollbar a jel s ním ručně plynule dolů. Přes kolečko je to pro mě prostě špatný no.

Ok, diky za feedback. Ted to mam nastavene ze animace jede presne podle scrollu bez zpozdeni. Zkusim zpozdeni znovu zapnout a poslu jeste dalsi odkaz.

To zpozdeni v jednoduchosti zpusobi ze nezalezi jak rychle scrollujes, ale kod se diva jen na soucasnou a finalni pozici a pomalicku se to snazi dorovnavat do te finalni pozice takze je to plynulejsi. Na mobilu to vypadalo blbe a bylo to cele takove tezkopadne tak sem to vypl. Zkusim to znovu zapnout, ale stihnu to az v pondeli nejdriv, tak snad bys mi rekl jestli to je pak lepsi.

Kazdopadne diky diky diky :] nenapadlo me ze kazdy ma jinak nastavene kolecko, standardne se pri jednom "mousedown" obrazovka posune o 100px a testoval sem jen tohle.
10.10.2020 21:51
7
zamna web apple otras s tym scrollom, kym sa dostanem kam chcem tak to aj vypnem :D
10.10.2020 21:51
8
No ono ikdyby měl každý 100px scroll, tak každý to kolečko prohání jinou rychlostí :-) U toho nasazení maximální rychlosti, jak píše Aleš, to může vyřešit problém u mě, u mnoha dalších. Ale taky se může stát, že budeš lidi, co rychleji scrollují brzdit a bude to lidi srát. Když někam přijdu a web mi prostě uměle omezuje rychlost scrollování, tak odejdu po chvíli. Já chci prostě informace a proto scrolluju rychle když je nevidím. Ale taky je možný, že jsem jen zástupce malýho procenta uživatelů. Kdybych patřil do nějakých 4% remcalů, co jsou přecitlivělí, tak to asi neřeš no :-D
10.10.2020 22:16
9
tak misto maximalni rychlosti pouzit spring :) cim dal jses tim rychleji, ale stale plynule se presunes na dalsi obrazek... = zadny brzdeni...
10.10.2020 22:24
10
Je to možnost no. Uvidíme jak bude vypadat další verze :-)
11.10.2020 00:47
11
Jestli ještě takový plugin pro WP není, tak si myslím, že by to mohlo uspět. Pokud máš tedy publikum na sociálních sítích, kde to prodáš, nebo budeš mít štěstí na to, že ti to někdo s tímhle publikem sdílne, tak to může fungovat. Mluvím čistě o prodejní stránce, poptávka po těhle animacích aktuálně v zahraničí je.

Co se UX/UI týče, tak to je samozřejmě diskutabilní. Pro 99,99% webů se to nehodí. Pro to 0.01% se to hodí. Také je otázka jak je animace udělaná :D úplně běžně se dělají decentní lottie animace udělané v AAE exportované do .jsonu a pokud se dobře použijí, tak to je na tom webu topka. To je stejné jako parallax a ostatní trendy věci okolo kterých je vždy nějakou dobu hype. Někde je dobře použit parallax, lidem se to líbí, tak také chtějí hned na webu parallax. Na sílu to tam nějak splácají a vypadá to v 9 z 10 případech na piču, ale hlavně, že mám parallax. To je realita. Jde to použít, ale potřebuje se u toho přemýšlet.

Zbytečně bych asi nekritizoval, měl nápad a zrealizoval ho, takže je dále než 99% webtržníků :D
11.10.2020 01:19
12
Chtěl názor na uživatelskou přívětivost, mimo jiné. A na to ti zpětnou vazbu může dát kdokoliv kdo to použije, koukne se na to, věnuje tomu čas. Nemusí nic dokázat a nic vybudovat, aby mohl poskytnout zpětnou vazbu, nemyslíš? Nebo jsou testovací skupiny složené jen z lidí co už mají stejný projekt za sebou? Kravina :-) My ho tu přece nekritizujeme. To bych jen napsal, že to je hovadina a v 99% případů to nikdo nepoužije. Místo toho jsem si to šel prostě fakt zkusit, porovnat i na těch webech, které ho inspirovaly a sepsal jsem co mi osobně vadí :-) Jinde za takový test firmy docela hezky zaplatí :-)
12.10.2020 00:00
13
Zatim diky za feedback. Vazim si tech kritickych stejne jako tech pozitivnich. Na webtrhu sem vyjimecne, ale splnilo to tu ocekavani. Jako vzdy u vseho noveho se najdou nazory obou stran, tech kterym se to libi i tem kteri dokazou rict v cem by se to mohlo zlepsit.

Snad se mi povede vyhrabat tu verzi se smooth scroll, fakt se to sekalo na mobilu, ale mozna ze sem tam mel nejakou chybu v kodu. Myslim ze by stalo zato dat uzivatelum aspon tu volbu jestli to chteji zapnout/vypnout.
11.01.2021 15:51
14
Původně odeslal Tomáš Maňhal
Je to možnost no. Uvidíme jak bude vypadat další verze :-)
Tak to sice trošku trvalo, ale nové verze je venku. Uživatel si nyní může sám nastavit, jesti animace bude okamžitá, nebo jestli bude aplikované zpoždění, které bude určitý čas trvat, než se animace dostane do cílového bodu. 

Příklad na homepage + v examples

https://scrollsequence.com/scrollsequence/ssq/

Tak snad už to šlape pěkně plynule!
04.03.2021 01:07
15
31.03.2021 18:46
16
To je blbý - to se bude líbit.
—Jan Werich
Určitě na to najdeš poptávku, minimálně v podobě nadšenců, kteří si to koupí a pak to budou špatně používat (nemyslím technicky, ale co do účelu jejich stránek).
Jinak, jestli to má šanci na úspěch... záleží také na tom, kolik lidí o tom bude vědět. (Nemůžu koupit něco, co nevím, že existuje.)