Chcete-li nekonečný svitek nebo ne nekonečný svitek: Kde jsme dosud přišli

Dnes jsme se ponořili do nejdůležitějších faktů o tom, jak se nekonečné posouvání ukázalo, že se stalo tak uznávanou technikou na celém webu, a proč, navzdory jeho popularitě, ještě není to vše, co je široce přijato ve webdesignu.

Tato funkce se objevila v určitém okamžiku v historii internetu, když se zvýšil počet informací, které mají být prezentovány na webových stránkách, a rychlost připojení umožnila čtenáři přístup k informacím a jejich přenos za vyšší cenu. Otázka nekonečného rolování na webových stránkách je jedním z aspektů, které se podílejí na designu uživatelského prostředí, a není tak prostá, jak si myslíte.

Počátky a popularizace

Na Googlu se to nazývá nepřetržité posouvání a lze jej také označovat jako nekonečné posouvání. Stručně řečeno, nekonečné posouvání je technika, jak zajistit, aby prohlížeč automaticky načítal nový obsah, když uživatel dosáhne spodní části stránky, takže není nutné hledat stránkovací tlačítka, aby se přesunula na další část; celá věc se objeví pouhým otočením kolečka myši.

Tato technika se používá zejména na stránce s novinkami na Facebooku; stránka s výsledky vyhledávání obrázků Google a časová osa Twitteru. Zajímavý aktuální příklad publikovaný pro referenční účely lze vidět na demonstrační stránce modulu plug-in Isotope jQuery.

hexaedro.eu využívá horizontálního nekonečného rolování k ilustraci vývoje lidstva

Jeden z prvních odkazů na tento druh posouvání byl uveden v roce 2005 Billem Scottem (ředitelem uživatelského rozhraní inženýrství na PayPal) ve svém článku Smrt na stránkování! - Vydáno Rico LiveGrid.

Bylo vyvinuto tak, aby uživateli představovalo velmi velkou tabulku dat v jediném pohledu, než musel přejít do následující sekce, a to bylo nejprve označováno jako posouvající se živá mřížka. Článek obsahoval sekci kladů a záporů, některé konstrukční úvahy a formuloval prvky otázky jasnými slovy: stránkování vs. nekonečný svitek.

Tato technika byla zdokonalena a na webu začala být velmi populární, což způsobovalo náhlý výbuch nadšení. Jeden rok po Scottově článku, který oznamuje rolování živé mřížky, bylo možné najít online texty, které umocňují fenomén stránky a chválí nový svitek s heslem „Nenuťte uživatele, aby žádal o další obsah: stačí jej dát jim."

Do poloviny roku 2008 již měl pojem nekonečný svitek svůj vlastní život a místo se stejným názvem věnované podrobnému vysvětlení toho, jak to funguje. Stránka také nabídla hrstku pluginů, které umožňují nepřetržité posouvání témat WordPress, stránek prostřednictvím knihoven jQuery a doplňků „autopagerize“ pro Safari a Chrome, které by mohly automaticky přidávat funkci posouvání na normální weby.

"Nenuťte uživatele, aby požádal o další obsah: jen jim jej dejte."

I v roce 2012 je tato technika stále představována jako inovace „k potěšení vašeho srdce“ spolu s implementací responzivního designu. Z analytičtějšího hlediska se jednalo o další krok k oddělení mezi původně tištěnou existencí obsahu a jeho elektronickým protějškem. Konec konců, pojem webové stránky vychází právě z materiálního světa novin, časopisů a knih se skutečnými papírovými stránkami.

Thomas Baekdal vysvětluje vztah mezi tištěnými stránkami a texty zobrazenými na digitálních obrazovkách v části Zrušení této tiskové mentality. Baekdal v zásadě řeší problém s určitým vzorcem: nejprve formátujte nebo nejprve obsah. Baekdal ve své analýze uvádí, že omezení tištěných médií by neměla být přenesena na digitální obrazovku.

Apple také vzdal hold hold rolovací tendenci. Jednou z hlavních vlastností nových iBooků 3.0 byla možnost vertikálního posouvání knih. Nyní by čtenář mohl zapomenout na efekt otáčení stránky a přečíst si své bestsellery pomocí švihnutí prstem. To bylo přesně provedením hesla „zbavit se tančícího medvěda“ Baekdal: umožnit čtenáři osvobodit se od paradigmatu staré fyzické knihy. Naštěstí existovala možnost rozhodnout se mezi tradičním tématem otáčení stránek nebo kontinuálním rolováním podle přání, takže staromódní čtenář bude mít stále možnost napodobovat skutečné knihy ve svém zařízení.

Proč se vyhnout tomuto vylepšení UX?

Jednou z mála výjimek z pravidla přijímání nekonečného posouvání byl případ Dan McKinley v Etsy, kde praktický výzkum využívající metodiku testování A / B ukázal, že tato technika nefungovala tak, jak se očekávalo.

Ve skutečnosti bylo nekonečné posouvání z webu odstraněno poté, co se snížil počet kliknutí na oblíbené položky a funkce vyhledávání se již nepoužila. Bez ohledu na možné zkreslení metody použité k vyhodnocení reakcí uživatelů je zřejmé, že nekonečné rolování samo o sobě ne maximalizovalo aktivitu, nebo alespoň že obvyklá veřejnost webu se změnou nesouhlasila.

Google je dalším příkladem, kdy se nekonečné posouvání nepodařilo plně implementovat. Pouze vyhledávání obrázků má nekonečné rolování, a dokonce i tam je rolování omezeno tlačítkem „zobrazit více výsledků“.

jedno z nejkreativnějších způsobů nekonečného rolování je znázorněno na webu distancetomars.com

Výhody

Nekonečné posouvání má víc než jen fantastickou funkci a má různé výhody, které jej v mnoha případech činí užitečným:

• Nepřetržitá pozornost, kterou uživatel udržuje, když je automaticky poskytován více obsahu, je jádrem přitažlivosti nekonečného rolování. Čtenář nebude muset přestat přemýšlet, kde najít další tlačítko nebo jaký počet stránek by měl přijít, po zvýšené pozornosti.
• Z psychologického hlediska se zdá, že nekonečné posouvání vyvolává automatické reakce založené na zvědavosti a zmírnění očekávání, které se vyprodukovalo při čekání na nové informace, což způsobuje určitý druh vzrušení a ochoty pokračovat v posouvání, aby zjistili, co se děje. Tento psychologický mechanismus si zaslouží dostatečné porozumění, protože počáteční výhoda se může změnit v problém. Zjištění McKinleyho například naznačují, že nekonečné posouvání stránky s výsledky vyhledávání nějakým způsobem šokovalo nebo zmátlo uživatele, přetížilo je stále více a více informací do té míry, že se použití vyhledávání vyhlo.
• Návrhy šablon mohou těžit z větší čistoty, většího prostoru pro obsah a méně rušivých prvků, jako je seznam čísel pro stránkování.

Nevýhody

Samozřejmě existuje také řada problémů s nekonečným posouváním, které je třeba zvážit:

• Doba načítání stránky se zvýšila: Je zřejmé, že další obsah, který se má připojit na konec stránky, potřebuje ke stažení více času. Uživatelé s vytáčeným připojením nebo špatnými mobilními datovými plány budou mít sníženou schopnost účinně procházet danou stránku.
• Využití paměti: Prohlížečům jak ve stolních počítačích, tak v mobilních zařízeních a tabletech může dojít nedostatek paměti a selhání, zvláště když stránka načte tuny obrázků.
• Prodloužená doba načítání spolu s vyžadováním více systémové paměti a využití procesoru může nevyhnutelně vést k trhané a nervózní nepříjemné navigaci.
• Kompatibilita prohlížeče: Protože nekonečné posouvání patří do oblasti responzivního webového designu, závisí na knihovnách a zásuvných modulech, které nemusí být plně kompatibilní na starších zařízeních nebo verzích prohlížeče.
• Jak zmizení zápatí a neschopnost dosáhnout může být pro uživatele „traumatizující“. Také veškerý obsah zápatí, a proto i funkce samotného zápatí, zmizí.
• Nedostatek orientace a prostorové reference: V schématu s stránkami mohou uživatelé nastavit jednoduchý vizuální odkaz, aby se mohli orientovat v obsahu stránky a označit místa, kde se něco zajímavého nachází, takže je možné se tam rychle vrátit. Mohli by existovat uživatelé, kteří se cítí ztraceni nebo zmatení a nevědí, kde skutečně jsou, nebo chybí, co hledali.
• Ztráta poslední pozice uživatele v proudu dat, když je stisknuto tlačítko Obnovit nebo Zpět. Protože cílem nekonečného rolování je ukázat velké množství položek, mělo by být implementováno také způsob, jak získat skutečnou pozici v seznamu, aby se zabránilo frustrujícím situacím. Většina stížností na nekonečné stránky se týká těchto dvou posledních bodů, protože uživatelé ztratili kontrolu nad stránkou, kterou navštívili.
• Záložky bývají k ničemu, protože bod zájmu nebude označen na diskrétní stránce, ale bude se pohybovat někde v toku záznamů.
• I když to nemusí být nutně špatné, hodnocení se může na vyhledávacích stránkách značně lišit, protože tyto výsledky omezené po čísle 2 stránky se pak na stránce číslo 1 objeví pouze dostatečně dlouhým posunutím dolů.

Proto jsou nekonečné stránky navzdory své vysoké popularitě vždy nejlepší volbou pro každý web nebo dokonce pro stejný web zobrazený na různých zařízeních.

Několik řešení

Vývojáři neustále hledají řešení těchto nepříjemností a zefektivňují tak nekonečný svitek. Dobře zdokumentovaný případ nové aplikace LinkedIn pro iPad poskytuje dobrou případovou studii o problémech a řešeních při implementaci nekonečného posouvání.

Aplikace musela mít nekonečné posouvání v centrálním seznamu, aby zobrazovala zprávy a velké obrázky; to vytvořilo potřebu pohodlného způsobu manipulace se všemi prvky, aniž by to ovlivnilo výkon svitku. Triky HTML5 a CSS byly kombinovány, aby se získal konečný výsledek aplikace, která zobrazuje obsah hladce bez shazování.

Toto vylepšení uživatelského prostředí má nepochybně stále spravedlivý způsob, jak se vyvíjet, ale uživatelé si užijí lepší zážitek z prohlížení - zejména pokud jde o procházení stránek se spoustou informací, grafiky a textu.

Úložiště

Nekonečné rolování je tu, aby zůstalo, takže je vhodné znát různé metody, aby to fungovalo:

Enhantsy: Hrstka lidí, kteří se skutečně bavili implementací nekonečného rolování na Etsy.com, ji může na své stránce znovu povolit instalací tohoto pluginu ze stránky Enhantsy. Plugin nabízí několik dalších funkcí navíc k obnovení nepřetržitého rolování na všech stránkách Etsy.

Řešení WordPress: Blogy jsou možná oblíbenými kandidáty na nekonečné posouvání. Možná, že malá část uživatelů se stále nemůže vypořádat s poloprůhledným plovoucím zápatím, které WordPress umisťuje, když je povoleno nekonečné rolování, ale pro velkou většinu lidí, kteří mají rádi tuto techniku, je Infinite-Scroll plugin, který ve většině případů aktivuje režim nekonečného rolování témat WP a vyžaduje malou odbornost nebo kódovací dovednosti. Plugin Jetpack také nabízí nekonečné rolování jako další mezi desítkami funkcí. Tuts + zveřejnil návod, jak dosáhnout nekonečného rolování pomocí jQuery; tento tutoriál je určen odvážným drotářům ochotným implementovat nekonečné posouvání zadáním samotného kódu.

Diskuse a doporučení: StackOverflow nabízí spoustu tutoriálů o všech možných aspektech souvisejících s nekonečným posouváním.

Mobilní alternativy: Nekonečné posouvání funguje dobře s mobilními zařízeními vzhledem k povaze jejich dotykových obrazovek. Je možné dosáhnout účinku na Android pomocí Android-Binding. K dispozici jsou také metody posouvání obrázků používané v aplikacích, například pro práci na iPhone.