Fördelar och nackdelar med långa rullande layouter i webbdesign

Långa rullande webbsidor med en sida blir allt vanligare. Debatten om att det är en ”above-the-fold”- eller en ”no-fold”-debatt tycks luta åt det senare hållet. Det har länge varit en självklarhet att det viktigaste innehållet på en webbplats ska ligga ovanför fold. Argumentet var att de flesta användare är ovilliga att scrolla nedåt på en sida om de inte redan har hittat det de letar efter.

Detta argument håller dock inte längre. Så länge innehållet på en startsida eller landningssida lovar gott om kommande saker, fortsätter användarna gärna att scrolla så länge innehållet är relevant för deras behov.

Långscrollande och oändligt scrollande webbplatser framställs ibland som en ny och modern webbdesigntrend. Dessa rullningstekniker har faktiskt använts i många år. De har nyligen blivit mer och mer populära, vilket ger dem sken av att vara nya och innovativa tekniker.

Long scrolling är här för att stanna, och det finns en bra anledning: användarna gillar den helt klart.

Long scrolling, smart navigering, smarta specialeffekter

Den ökade användningen av mobila skärmar har definitivt spelat en viktig roll för att den här tekniken har fått en så stor spridning. Att försöka navigera med hjälp av knappar på en liten skärm kan vara besvärligt, och det blir ännu mer besvärligt i takt med att skärmarna blir allt mindre.

Lång eller oändlig rullning kringgår detta eftersom båda tillvägagångssätten lämpar sig väl för pekrörelser. Fördelarna med lång rullning, i kombination med framsteg inom CSS och JavaScript, har också skapat bättre alternativ för webbdesigners. Varför är långrullning här för att stanna, och varför är ”ovanför viken” inte längre relevant på många webbplatser?

Hur det hela fungerar

Sajter med långrullning brukar fungera på ett av två sätt. Antingen har webbplatsen en större startsida med länkar till andra sidor, eller så består webbplatsen av en enda lång sida. Båda dessa sätt skapar en mängd möjligheter för en webbdesigner, bland annat att använda tekniker för att berätta historier.

För att berätta historier kan man ofta göra dem effektivare genom att införliva subtila specialeffekter, t.ex. parallaxscrolling, Ajax/jQuery eller animationer som utlöses av scrollning.

Lång rullning används främst för storytelling

En smidig plattform

Sida-för-sida-navigering och storytelling passar inte alltid ihop. Den här typen av navigering tenderar att vara ojämn i bästa fall, medan långrullning ger en mycket smidigare plattform för berättande. Långrullning ger också användaren större kontroll över tempot, samtidigt som dess förmåga till kontinuerlig fördjupning gör att man undviker de fördröjningar mellan sidorna som kan vara skadliga när det gäller att hålla en användare fokuserad och fullt engagerad.

Ge användaren kontroll

Långrullning gör det också möjligt att använda kreativa specialeffekter på ett mer effektivt sätt. Parallaxscrollning och animationer som aktiveras genom rullning styrs, åtminstone till viss del, av användaren, vilket ger webbplatsen en nästan spelliknande känsla; och definitivt en vänligare sådan.

Varför de flesta människor gillar långrullning

Förbättra en minnesvärd design

Du skulle lätt kunna få intrycket att sidor med långrullning öppnade upp dörren för användandet av mycket innovativ, minnesvärd, visuell design. I själva verket är det tvärtom. Dessa häftiga designtyper har länge funnits hos oss.

För att uttrycka det enkelt, om du vill att besökarna på din webbplats ska fortsätta att scrolla ner på en lång sida för att få mer innehåll, måste du hålla dem intresserade. Det gör en minnesvärd design!

Lång rullning, animation och hover = en potent kombination

För att återgå till den ursprungliga debatten: en webbplats med lång rullning kommer inte att stänga av användarna, öka avvisningsfrekvensen eller sänka antalet konverteringar – men bara om designen är gedigen och har utförts med omsorg. När så är fallet sjunker avvisningsfrekvensen och konverteringsfrekvensen ökar.

Långrullning ger många möjligheter att upptäcka sätt att hålla användarna fullt engagerade. Ju längre de stannar på din webbplats, desto mer sannolikt är det att de svarar på dina uppmaningar till handling.

Hantering av långt innehåll

En stor utmaning är att bestämma rätt mängd innehåll som ska placeras på en sida. För lite och det blir svårare att engagera en användare, medan för mycket kan överväldiga en användare, orsaka en rörig effekt och vara skadligt för användarens upplevelse.

Long scrolling erbjuder en enkel lösning. Innehållet kan spridas ut, vilket gör att användaren kan tillgodogöra sig det i sin egen takt – och utan störande avbrott i sidnavigationen. Denna teknik är idealisk för storytelling och även för att sprida information som inte kan begränsas till en konventionell webbsida.

Longscrolling Storytelling

Effektivt användande av horisontella navigeringslister

Horisontella navigeringslister brukar passa bra på de flesta sidtyper, men det finns en begränsning för hur många interna sidor de kan rymma. Drop down-menyer är en lösning, men de har också sina egna nackdelar.

Långrullning kan avsevärt minska behovet av att rymma flera interna sidor. Istället kan nav-balkarna användas för att vägleda en användare till de viktigaste delarna av en sidas huvudberättelse.

Skapa engagerande webbplatser

Cool Uses of Metaphors

Metapher är inte ofta tänkta som webbdesignelement, men de kan vara ett bra sätt att hålla en användare engagerad under hela en lång berättelse eller förklaring. Människor är inte bekväma när de ställs inför osäkerhet, och detta gäller särskilt besökare på webbplatser.

Väva in några enkla metaforer i dina långa sidor för att motverka eventuella känslor av osäkerhet. På så sätt förbereder du dina besökare på vad de kan stöta på när de fortsätter.

Praktiska användningsområden för interaktivitet

En annan designteknik som användarna uppskattar är att strategiskt placera interaktiva element på alla sidor på din webbplats. Dessa interaktiva element tjänar till att ge dina användare en mental paus, samtidigt som de upprätthåller deras intresse och håller dem fokuserade och engagerade.

Detta tillvägagångssätt kan liknas vid att ge människor en chans att komma ut och sträcka på benen under en lång bilresa. Det är uppfriskande.

Varför vissa användare inte gillar långa rullningar

Många användare, och särskilt användare av mobila enheter, gillar erbjudanden med långa rullningar. Vissa användare bryr sig dock inte särskilt mycket om, eller gillar det inte alls. Vad du som designer måste ha i åtanke är att långrullning kan vara idealisk för vissa typer av webbplatser och olämplig för andra.

Införliva inte denna funktion bara för att den är trendig, utan fundera över webbplatsens mål, dess begränsningar och dess övergripande struktur – och bestäm dig sedan.

Vad kommer härnäst?

Smindre skärmar – längre rullning

Små skärmar och långrullning går hand i hand. Om inte små skärmar plötsligt blir omoderna, vilket är högst osannolikt, är långrullning förmodligen här för att stanna.

Det är ganska troligt att tekniker och funktioner för långrullning också kommer att utvecklas och förbättras i takt med att de mobila enheterna utvecklas och deras funktionalitet förbättras – så håll ögonen öppna.

Möjligheter till parallax på små skärmar

Parallax är för närvarande i första hand en effekt för datorer, och den är ännu inte så mobilvänlig som formgivare och användare skulle vilja att den var. Tack vare förbättringar inom Ajax och andra strategier för automatisk laddning kommer denna situation att förbättras.

Parallax är mer än en underhållande specialeffekt. När den används på rätt sätt kan den ge den typ av smidig visuell berättelse som håller användaren engagerad.

Long scrolling &Minimalism – en enastående kombination

Long scrolling kan förväntas inkorporera eller agera i samspel med andra trender i takt med att den ökar i popularitet. Ta till exempel trenden mot minimalism. Även om minimalism och långrullning inte verkar ha något särskilt samband, kan man ge en minimalistisk webbplats möjlighet till långrullning och få fantastiska resultat.

Alla exemplen ovan har utformats med mobila enheter i åtanke. Men de fungerar lika bra på stationära datorer. Tekniker för långrullning briljerar verkligen när pekrörelser används, men du kan förvänta dig att designers kommer att hitta bättre sätt att använda dessa tekniker med tillämpningar utan pekskärm.