Ensidiga webbplatser är en stor design trend. Speciellt när det gäller ensidiga mönster fyllda med innehåll tack vare oändliga rullningstekniker som gör det möjligt för konstruktörer att fortsätta en webbsida på obestämd tid.
Denna teknik är utmärkt för vissa webbplatser och innehållstyper, medan för andra kan det vara besvärligt och frustrerande. Liksom någon annan designteknik borde du inte göra det bara för att du vill prova något nytt; Det borde vara en strategisk del av din designram. Så hur kan du bestämma dig? Låt oss ta en titt på för-och nackdelarna med oändliga rullande webbplatser.
Vad är Infinite Scrolling?
Innan vi dyker in i det goda och dåliga med oändlig rullning, bör vi se till att det är klart förstått. Med antalet webbplatser på en sida som växer varje dag är det viktigt att skilja oändlig rullning från parallaxrullning.
Parallax scrolling är en populär designteknik där bakgrunds- och förgrundsbilderna rör sig vid olika hastigheter? för att skapa en illusion av djupet. Tekniken används ofta på ensidiga webbplatser för att faktiskt efterlikna utseendet på att ha flera sidor eller skärmar för olika bitar av innehåll. Medan parallaxrullning inte har någon gräns, håller de flesta formgivare en handfull paneler.
Oändlig rullning är en annan populär designteknik där innehållet fortsätter att fylla längst ned på skärmen när en användare rullar ner sidan. Resultatet är en oändlig? ström av innehåll som fortsätter att växa med användaråtgärden. Det har inte någon distinkt (eller någon) stopp- eller slutpunkt. Vanliga exempel på oändlig rullning i åtgärd är populära sociala medier, Facebook, Twitter och Pinterest. Var och en av dessa webbplatser använder denna oändliga rullningsteknik för att hålla informationen populär i flöden, så webbplatserna har ingen slut.
Pro: behåll användare
Oändlig rullning kan vara ett bra verktyg för webbplatser som vill hålla kvar på användarna under längre perioder. Tekniken är vanlig för webbplatser med listor eller innehåll som ofta uppdateras. (Tillbaka till den gemensamma användningen bland sociala medier webbplatser.)
Eftersom innehållet fortsätter att visas, befinner sig användarna att rulla och interagera under längre perioder. Vem vill inte se den nya saken som bara dykt upp under innehåll du redan har interagerat med? Denna teknik kan hjälpa konstruktörer att få en mängd innehåll framför användarna, eventuellt till och med information som en användare kanske inte har hittat på andra sätt.
Con: Lost Footer Information
En av de största problemen med oändlig rullning är bristen på sidfot på många av dessa webbplatser. Användare gillar och förstår sidfot. Designers och utvecklare har? Tränat? Användare som en sidfot kommer att visas i slutet med viktiga bitar om webbplatsen, t.ex. information om kontakt eller social media, sekretess eller säkerhetsmeddelanden, upphovsrättsinformation och mer.
Klibbiga sidfot är en lösning på detta problem. Fler webbplatser med oändlig rullning börjar använda denna teknik. Men det är viktigt att överväga var din webbplats vitalister bor och se till att användarna kan hitta dem.
Pro: Bra för mobil och touch
Oändlig rullning är nästan konstruerad för mobila användare. Till skillnad från desktopwebbplatsupplevelser - där vi har argumenterat i flera år om bläddra var död eller inte - mobil görs för bläddring. Användare förväntar sig att rulla. Oändlig rullning är en förväntad och nästan önskad upplevelse för denna plattform.
Vidare fungerar oändlig rullning också bra med beröring. Tänk på utformningen av många oändliga rullningsprojekt, innehållsförpackningar som dyker upp. Vart och ett av dessa lådor är utformade på ett sådant sätt att varje av dem är ett unikt element som man trycker på eller klickar på för mer.
Con: Navigering och länkning kan bli rörigt
Att veta att en stor andel besökare på webbplatsen kommer till en webbplats på ett annat sätt än hemsidan, är navigering avgörande för att hålla dessa användare kvar. Oändlig rullning kan göra navigationen något rörigt.
Var bor navigeringen? Ett klibbigt koncept är ett alternativ här. Men hur länkar det till annat innehåll? Vad är länkarna och flödesmönstren i webbplatskartan? Om allt är på en jätte sida kan detta vara utmanande.
Det kan också göra bokmärkning och hoppa runt svårt. Att veta dessa användare både spara och hoppa över förbi information är något du behöver tänka på i webbplatsdesignen. Ett alternativ är att koda? Sidor? in i rullningstekniken så informationen grupperas på något sätt.
Pro: Gjord för Visuals
Oändlig rullning är bara gjord för visuella webbplatser. Du kan visa ett obegränsat antal bilder i stil med Pinterest.
Det finns inga gränser för antalet bilder eller storlekar av bilder eller former av bilder. Allt kan styra tillsammans som ett jätte pusslet för att ge en intressant estetik. Visualer kan kombineras med andra element som text, färg eller användargränssnitt för att engagera användarna ännu mer.
Webbplatser som oftast (och på bästa sätt) använder oändlig bläddring är de som innehåller mycket visuellt innehåll. Design och foto portföljer och innehållsinnehåll webbplats är vanliga. Andra vanliga innehåll är aggregering, såsom Tumblr (som också tenderar att vara visuell) och viss e-handel.
Con: Spårningsanalys är Tuffare
Om du lever för analys, har oändlig rullning några stora utmaningar. En rad Google Analytics-kod kanske inte innehåller all information du behöver och vissa verktyg från tredje part kan behövas.
Det orsakar också vissa utmaningar för sökmotoroptimering. Det finns sätt att övervinna SEO-problem, men du måste ta hänsyn till det. Google har en guide för att göra dessa program hittabara för sina sökrobotar i verktygsverktyget för webbansvariga.
Pro: Gör Browsing Easy
Varje användare vet hur man rullar. Det är så enkelt.
Med några många olika rullningstekniker på webbplatser som kräver instruktioner är oändlig rullning bland de enklaste. Flytta ner sidan och mer innehåll visas. Du behöver inte oroa dig för att användare överger din webbplats eftersom de inte förstår hur det fungerar.
Con: Lastningstid och olyckshändelser
Ibland blir oändlig rullning fast. Det kan vara långsamt. Det kan bara sluta fungera om användarna faktiskt rullar på obestämd tid. Det kan krascha precis som någon annan typ av webbdesign.
Medan alla dessa är giltiga bekymmer kan du bekämpa många av dem med bra design och utvecklingsmetoder. Du kan också överväga tanken att en oändlig rullning inte behöver vara oändlig. Kanske är scrollen lång men har ett slut. Kanske laddar det så många bilder och sedan frågar användaren att klicka för mer. Kanske platsen rullar oändligt, men den rullningen är faktiskt en slinga av innehåll.
Pro: Öppnar dörren till kreativitet
Maybes i ovanstående exempel ovan börjar bara hint på hur många alternativ du har när du överväger oändlig rullning för ett webbdesignprojekt. Tekniken öppnar dörren till kreativitet och nya sätt att presentera information och berätta historier.
Tänk på hur denna teknik kan fungera i samarbete med ditt innehåll och andra delar av din webbdesign. Är oändlig rullning något som fungerar på en enda sida på en större webbplats? Är det ett sätt att berätta en unik historia i samband med andra effekter? Tänk på hur denna teknik hjälper ditt innehåll (och om det hjälper ditt innehåll) innan du börjar använda vägen för att använda den.
Con: Samma gamla design
Tyvärr är en av de största fallgroparna med oändlig rullning att så många webbplatser som använder denna teknik ser lika ut. Så många av dem har konturer som ser ut som en Pinterest-wannabe.
För det mesta, måste du skapa något som är ditt och äger det. Används oändlig rullning eftersom? Alla andra gör det? kommer inte att tjäna dig bra i slutändan.
Slutsats
Om du vill använda eller inte använda oändlig rullning i dina projekt kan det vara ett stort beslut. Det är trendigt och roligt och ger några olika fördelar, men det kan också presentera utmaningar för designers och användare. Det är värt att väga vart och ett av fördelarna och nackdelarna innan du börjar, så här är en recap style checklista!
Pros
- Behåll användare
- Perfekt för mobil och beröring
- Gjord för visuella
- Gör surfning enkelt
- Öppnar dörren till kreativitet
Nackdelar
- Lost footer information
- Navigering och länkning kan bli rörigt
- Spårningsanalys är hårdare
- Lasttid och kraschproblem
- Samma gammal design